html {
	min-width: fit-content;
	overflow-y: scroll;
}
body {
	background-color: #fdfdfd;
	color: #0d152b;
	font: normal normal normal 11pt Arial, sans-serif;
	margin: 0;
}
/*--- HDR-NAV ----------------------------------------------------------------------*/
header {
	background-color: #bbd6d1d9;
	border-bottom: solid 1px #c3c3c3;
	border-top: solid 1px #000000;
	color: #000000;
	height: 65px;
	position: fixed;
/*	top: 0px; */
	width: 100%;
	z-index: 1;
}
/*--- NAVIGATION ----------------------------------------------------------------------*/
.header-inner {
	height: 32px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 24px;
	width: 1130px;
}
.nav-search {
	float: left;
}
.nav-menu {
	float: right;

}
/*--- DROPDOWN MENU -----------------------------------------------------------------*/
.nav-top-item {
	position: relative;
	display: inline-block;
	height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
}

/*--- nav-top-item Content (Hidden by Default) */												 
.nav-container { 
	-webkit-box-shadow: 0px 9px 20px -12px #727272; 
	box-shadow: 0px 9px 20px -12px #727272;
 	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 180px;
	margin-top: 5px;
	z-index: 3;
}
/*--- Links inside the nav-top-item ---------------*/
.nav-container a {
	padding: 7px 7px;
	text-align: left;
	text-decoration: none;
	display: block;
	position: relative;
}
.nav-container a:hover {
	background-color: #ffe4d9;
}
/*--- Show the nav-top-item menu on hover ---------*/
.nav-top-item:hover .nav-container {
	display: block;
}
.nav-item {
	color: #1c75bc;
	border-bottom: 1px solid #cccccc;
	padding: 7px;
	text-align: left;
	position: relative;
}
.nav-item:hover {
	background: #ffe4d9;
	cursor: pointer;
}
				 
a.menu { 
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
}

/*--- MAIN CONTENT ----------------------------------------------------------------------*/
.content-container {
	margin-left: auto;
	margin-right: auto;
/*	margin-top: 55px; */
	padding-left: 20px;
	padding-right: 20px;
	width: 1130px;
	padding-top:75px;
}

.breadcrumb { 
	float: left;
	font: normal normal normal 9pt Arial, sans-serif;
	height: 34px;
	margin-bottom:0px;
	margin-top: 10px;
	margin-right: 15px;
	min-width: 300px;
	padding: 2px 12px 2px 0px;
}
.breadcrumb a {
	font: normal normal normal 9pt Arial, sans-serif;	
}
.action-bar { 
	box-shadow: 0px 0px 12px -4px rgba(217,206,217,1);
	margin-top: 10px;
 	float: right;
}
.action-bar a:first-child {
	border-radius: 6px 0px 0px 6px;
}
.action-bar a:last-child {
	border-radius: 0px 6px 6px 0px;
}
.action-bar a:only-child {
	border-radius: 6px 6px 6px 6px;
}
#warn_on_unload {
/*	display: none; */
}
.content-inner {
	float: left;
	margin-bottom: 15px;
	min-height: 700px;
	position: relative;
	width: 1130px;
}

.client_column_left {
	float: left;
	max-width: 730px;
} 
.client_column_right {
	float: right;
	max-width: 400px;
}
.client_column_right table {
	width: 100%;
}
footer {
 	color: #999999;
	font: italic normal normal 8pt Arial, sans-serif; 
	clear: both;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width:1130px;
} 
.clearboth {
	clear: both;
}
/*--- Default Links -----------------------------------------------------------------*/
a { 
	font: normal normal normal 11pt Arial, sans-serif;
	color: #1c75bc;
	text-decoration: none;
}
a:hover { 
	text-decoration: underline;
}

a.small { 
	color: #1c75bc;
	font: normal normal normal 8pt Arial, sans-serif;
	text-decoration: none;
}
a.small:hover { 
	text-decoration: underline;
}
li { 
	font: normal normal normal 11pt Arial, sans-serif;
}
.smallprint { 
	font: normal normal normal 8pt Arial, sans-serif;
	color: #666;
}
a.add { 
	font: normal normal bold 9pt Arial, Helvetica;
	color: #669966;
	text-decoration: none;
}
a.add:hover { 
	text-decoration: underline;
}
hr {
	border:0px;
	border-top: 1px solid #ccced2;
}
/*--- Text Formatting -----------------------------------------------------------------*/
h1, h2, h3, h4, h5 { 
	clear: both;
	color: #02694d;
}
h1 {
	margin-top: .4em;
}
textarea {
	border: 1px solid #ccced2;
	font: normal normal normal 11pt arial, MS Sans Serif;
}
.reqd {
	color: red;
	font-size: 11pt;
}
img { 
	border: 0px none;
}
/*--- Buttons -----------------------------------------------------------------*/
.btnAction, .btnDelete, .btnDefault {
	border: 1px solid #cccccc;
	color: #000;
	display:inline-block;
	font-size:12px;
	font-family:arial, helvetica, sans-serif; 
	font-weight:bold; 
	padding: 9px 15px 9px 15px;
	cursor: pointer;
	vertical-align: middle;
}
.btnAction, .btnGo {
	background-color: #e3f2ff; 
	color: #000000;
}
.btnAction:hover, .btnGo:hover {
	background-color: #e3f2ff; 
	color: #000000;
}
.btnDelete {
	background-color: #e3f2ff; 
	color: #000000;
}
.btnDelete:hover {
	background-color: #e3f2ff; 
	color: #000000;
}
.btnDefault {
	background-color: #e3f2ff; 
	color: #000000;
}
.btnDefault:hover, .btnDefault:hover {
	background-color: #e3f2ff; 
	color: #000000;
}
.btnGo {
	border: 1px solid #000000;
	color: #000;
	display:inline-block;
	font-size:13px;
	font-family:arial, helvetica, sans-serif; 
	font-weight:bold; 
	padding: 3px 12px 3px 12px;
	cursor: pointer;
}


/*--- Message boxes -----------------------------------------------------------------*/
div.error, div.info, div.warning, div.success {
	background-color: #fff;
	border: 1px solid #cccccc;
	border-left-width: 20px;
	border-radius: 2px;
	box-shadow: 0px 0px 12px -4px rgba(217,206,217,1);
	margin-bottom: 10px;
	margin-top: 10px;
	min-width: 100px;
	padding: 15px 40px 15px 10px;
	display: inline-block;
}
div.error {
	border-color: #c75759 ;
}
div.info {
	border-color: #6D9BBC;
}
div.success {
	border-color: #80b26f;
}
div.warning {
	border-color: #deb465;
}
	
/*--- Added 2022-08-06 replaces old pluto tables ------------*/
	.base {
		border-collapse: collapse;
	}
	.base td {
		padding-bottom: 10px;
		padding-top: 10px;	
		vertical-align: top;
	}
	.border-outer {
		background-color: #fff;
		border-bottom: 1px solid #e6e9ee;
		border-left: 1px solid #e6e9ee;	
		border-right: 1px solid #e6e9ee;	
		border-top: 1px solid #e6e9ee;
		-webkit-box-shadow: 2px 0px 50px -30px rgba(0,0,0,0); 
		box-shadow: 2px 0px 50px -30px rgba(0,0,0,0.2);
	}
	.border-outer td {
		padding-left: 8px;
		padding-right: 8px;
	}																	  
																			  
	.border-bottom tr {
		border-bottom: 1px solid #e6e9ee;

	}
	
	/* Repress the bottom border of the table so it's not a double line */
	.border-bottom {
		border-bottom: none;
	}

	.table-header tr:first-child td {
		background-color: #90b3ad36;
		border-bottom: 1px solid #ccced2;		
		border-top: 1px solid #c2e3dd;		
		font: normal normal bold 10pt Arial, sans-serif;
		vertical-align: bottom;
	}

	.table-footer tr:last-child td {
		background: #fafafa;
		font: italic normal normal 8pt Arial, sans-serif;
		color: #555555;
		padding-bottom: 7px;
		padding-top: 7px;
	}
	.padding-top-bottom25 tr:first-child td {
		padding-top: 25px;
	}
	.padding-top-bottom25 tr:last-child td {
		padding-bottom: 25px;
	}
	.padding-small td {
		padding-bottom: 2px;
		padding-right: 10px;
		padding-top: 5px;
		vertical-align: top;	
	}
	.padding-big {							
		padding: 50px 50px 30px 50px;
	}
	.padding-medium tr:first-child td {							
		padding-top: 25px;
	}
	.padding-medium tr:last-child td {							
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.padding-medium td {							
		padding-top: 5px;
		padding-right: 20px;
		padding-bottom: 2px;
		padding-left: 20px;	
	}
	.table-totals tr:last-child td {
		font-weight: bold;
	}
		
.hover:hover {
	background: #ffe4d9;
	cursor: pointer;
}
tr.hover td:first-child {
	text-decoration: none;
}

input.btn { 
	color: #000099;
	float:right;
}

/*--- Form fields */
div.inp-usr, div.inp-email, div.inp-env, div.inp-ip, div.inp-phone, div.inp-sec, div.inp-usr, div.inp-pw, div.inp-pw-confirm, div.inp-pw-new, div.inp-mob {
	background-repeat: no-repeat;
	background-size: 30px 30px;
	border: 1px solid #ccced2;
	margin-bottom: 5px;
	margin-top: 4px;
	padding: 5px 5px 5px 40px;
}
input.borderless {
	border-style: none;
}
input.borderless:focus {
	outline: none;
}
input.borderless:-webkit-autofill  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
div.inp-usr {
	background-image: url("../img/user.png");
}
div.inp-email {
	background-image: url("../img/email.png");
}
div.inp-env {
	background-image: url("../img/environment.png");
}
div.inp-ip {
	background-image: url("../img/ip.png");
}
div.inp-mob {
	background-image: url("../img/mobile.png");
}
div.inp-phone {
	background-image: url("../img/phone.png");
}
div.inp-pw {
	background-image: url("../img/password.png");
}
div.inp-pw-confirm {
	background-image: url("../img/password-confirm.png");
}
div.inp-pw-new {
	background-image: url("../img/password-new.png");
}
textarea.txt-msg {
	background-image: url("../img/message.png");
}
div.inp-sec {
	background-image: url("../img/security.png");
}
div.row {
	display: table-row;
}
div.cell {
	display: table-cell;
	padding: 5px 5px 5px 5px;
}
input, select, textarea {
	background-color: #fff;
	border: 1px solid #ccced2;
	border-radius: 2px;
	padding: 2px;
}

/*--- Bottom Border only input ---------------------------------------*/
div.bottom-border-only {
	margin-bottom: 30px;
}
.bottom-border-only input {
	border-bottom: thin solid #555555;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top: none;
	border-right: none;
	border-left: none;
	font: normal normal normal 12pt Arial, sans-serif;
	height: 30px;
	margin-bottom: 5px;
	outline-style: none;
	padding: 3px 0px 3px 0px;
	width: 500px;
}
.bottom-border-only label {
	color: #333333;
	font: normal normal normal 9pt Arial, sans-serif;

}
/*--- Global parameters --------------------------------------*/
.text-align-center {
	text-align:center;
}
.text-align-right {
	text-align:right;
}
.font-bold { font-weight: bold; }
.width-27 { width: 27px; }
.width-39 { width: 39px; }
.width-40 { width: 40px; }
.width-50 { width: 50px; }
.width-55 { width: 55px; }
.width-60 { width: 60px; }
.width-65 { width: 65px; }
.width-75 { width: 75px; }
.width-78 { width: 78px; }
.width-85 { width: 85px; }
.width-90 { width: 90px; }
.width-95 { width: 95px; }
.width-100 { width: 100px; }
.width-110 { width: 110px; }
.width-115 { width: 115px; }
.width-120 { width: 120px; }
.width-125 { width: 125px; }
.width-127 { width: 127px; }
.width-135 { width: 135px; }
.width-150 { width: 150px; }
.width-160 { width: 160px; }
.width-195 { width: 195px; }
.width-200 { width: 200px; }
.width-230 { width: 230px; }
.width-250 { width: 250px; }
.width-300 { width: 300px; }
.width-350 { width: 350px; }
.width-360 { width: 360px; }
.width-400 { width: 400px; }
.width-435 { width: 435px; }
.width-513 { width: 513px; }
.width-550 { width: 550px; }
.width-700 { width: 700px; }
.width-100pc { width: 100%; }

/*--- Mirror Specific -------------------------------------------*/

.light-gray { color: #cccccc; }

/*--- Prev/Next links on client notes ---------------------------*/
table.navi {
	width: 550px;
}
table.navi tr td {
	border: 1px solid #cccccc;
	color: #4287f5;
	font: normal normal bold 12pt arial;
	padding: 5px;
	text-align: center;
}
table.navi tr td:hover {
	background: #ffe4d9;
	cursor: pointer;
}
table.navi tr td:first-child, table.navi tr td:last-child {
	width: 57px;
}
.intake_labels {
	font-size: 8pt;
	font-weight: bold;
	height: 25px;
	text-align: center;
	width: 15%;
}
.reddot {
  height: 20px;
  width: 20px;
  background-color: #990000;
  border-radius: 50%;
  display: inline-block;
}
#loader {
  width: 60px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#555555 90%,#0000);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}