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

.nav-top-item a {
	color: #000000;
	font-size: 12pt;
}

.nav-item a {
	color: #006fc8;
}

/*--- 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;
	color: #000000;
	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;
}

/*--- Show the nav-top-item menu on hover ---------*/
.nav-top-item:hover .nav-container {
	display: block;
}
.nav-item {
	color: #005E8F;
	border-bottom: 1px solid #cccccc;
	padding: 7px;
	text-align: left;
	position: relative;
}
.nav-item:hover {
	background-color: #ffe3e0;
	cursor: pointer;
}				 

/*--- 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;
}

.grid2cols {
	display: grid;
	gap: 2.5rem;
	margin-inline: auto;
	grid-template-columns: .5fr .5fr;
	width: 100%
}
.margin-right {
	margin-left: auto;
	margin-right: 0;
}

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: #006fc8;
	text-decoration: none;
}
a:hover { 
	text-decoration: underline;
}

a.small { 
	color: #006fc8;
	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;
}
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 {
	background-color:#428bca;
	border: 1px solid #7e7e7e;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	color: #ffffff;
	display:inline-block;
	font-size:14px;
	font-family:arial, helvetica, sans-serif; 
	font-weight:bold; 
	min-width: 75px;
	padding: 8px 14px;
	cursor: pointer;
	text-align: center;
	transition: box-shadow .3s ease-out 0s, background-color .3s ease-out 0s, border-color .3s ease-out 0s, color .3s ease-out 0s, opacity .3s ease-out 0s;
	vertical-align: middle;
}
.btnAction:hover, .btnDelete:hover, .btnDefault:hover {
	background-color: #2970b0;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,0.1),0 4px 15px 0 rgba(0,0,0,0.1);
	text-decoration: none;
}
.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 #d0d7de;
		border-left: 1px solid #d0d7de;	
		border-right: 1px solid #d0d7de;	
		border-top: 1px solid #d0d7de;
		-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 #d0d7de;
	}
	
	.border-bottom tr:first-child {
		border-top: 1px solid #d0d7de;
	}
	
	/* 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: #eff7ff;
		border-bottom: 1px solid #ccced2;		
		font: normal normal bold 11pt 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;	
	}
	.padding-medium td:first-child {							
		padding-left: 30px;	
	}
	.padding-medium td:last-child {							
		padding-right: 30px;	
	}
	.table-totals tr:last-child td {
		font-weight: bold;
	}
	.col1-italic tr td:first-child {
		color: #555555;
		font-style: italic;
	}

.hover:hover {
	background: #ffe3e0;
	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;
}

input[type="date"] {
	font: normal normal normal 11pt Arial, sans-serif;
}

/*--- 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 --------------------------------------*/
mark.green {
  background-color: #c3ffd0;
}

mark.orange {
  background-color: #f7e175;
}

mark.pink {
  background-color: #ffc5f4;
}

.text-align-center {
	text-align:center;
}
.text-align-right {
	text-align:right;
}
.float-right {
	float: 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-800 { width: 800px; }
.width-100pc { width: 100%; }
.display-none { display: none; }

/*--- Mirror Specific -------------------------------------------*/
a.add {
	color: #04b829;
}

/*--- 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: #f2fcb7;
	cursor: pointer;
}
table.navi tr td:first-child, table.navi tr td:last-child {
	width: 57px;
}