body {
	font-family:"Roboto", sans-serif;
}

#toprow, #footer-outer {
	border-top:3px solid #0b1d8f;
	border-bottom:3px solid #0b1d8f;
	background:#f1f3ff;
}

#interpfields,#clientfields, .offwhite {
	border:1px solid #DDD;
	padding:10px;
	margin-bottom:15px;
	background:#F8F8F8;
}


h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	color:#0b1d8f;
}

h6 {
	font-size:1.15rem;
}

label small {
	font-weight:bold;
	font-size:15px;
}

.avday {
	width:40px;
}

.chosen-container.chosen-container-multi {
	width:300px!important;
	max-width:100%!important;
}

#zip2col {
	position:relative;
}

#zip2col:before {
	display:block;
	content:"-";
	font-size:30px;
	position:absolute;
	width:15px;
	height:15px;
	line-height:15px;
	text-align:center;
	left:2px;
	top:15px;
}

.results {
	font-size:14px;
	margin-bottom:0;
}

.results td, .results th {
	padding:5px 3px;
}

.filter-group label {
	font-size:12px;
	font-weight:bold;
	position:absolute;
	top:3px;
	left:5px;
}

.btmnav {
	font-size:14px;
}

.btmnav a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

.btmnav a:hover {
	color:#0b1d8f;
	text-decoration:none;
}

.btn-xs {
	font-size:12px;
	padding:5px;
}

#refresh_interp,#refresh_client,#refresh_carrier,#refresh_ots, #refresh_bill_interp, #refresh_invoice_client {
	color:#FFF;
	cursor:pointer;
}

.lead strong, strong .lead {
	font-weight:bold;
}

.datepicker[readonly]{
	background:#FFF!important;
}

.msg-wrap {
	position:absolute;
	top:130px;
	left:0;
	right:0;
}

.msg {
	font-weight:bold;
	color:#FFF;
	z-index:10000;
	top:-15px;
	left:0;
	right:0;
	padding:15px 20px;
	background:#A6A6A6;
	box-shadow:2px 2px 4px rgba(0,0,0,.2);
	position:relative;
}

tr.pref1 {
	background-color: #abffc4!important;
}

tr.pref2 {
	background-color: #f8ffb8!important;
}

tr.pref3 {
	background-color: #ffdfa4!important;
}

tr.pref4 {
	background-color: #ffb1b1!important;
}

.msgclose {
	font-size:12px;
	font-family:"Lucida Console", Monaco, monospace;
	color:#FFF;
	position:absolute;
	right:-6px;
	top:-6px;
	width:24px;
	height:24px;
	line-height:26px;
	text-align:center;
	background:#777777;
	border-radius:50px;
	z-index:100000;
	cursor:pointer;
	transition:.2s;
}

.msgclose:hover {
	background:#333;
}

.green {
	color:#1A7400;
}

.red {
	color:#A20002;
}

.dblue {
	color:#0200C4;
}

.orange {
	color:#FF8E00;
}

small {
	font-size:90%;
}

/**NAVBAR**/

.navbar { /* navbar styles */
	background:none;
	padding:0 1rem;
}

.nav-link { /* top level link */
  color:#000;
  font-size:17px;
	font-weight:bold;
}

.nav-link:hover {
  color:#0b1d8f; /* top level link hover */
}

.dropdown-menu { /* dropdown menu styles */
	background:#FFF;
}

.dropdown-item { /* dropdown link */
	 color:#000;
}

.dropdown-item:hover { /* dropdown link hover */
	 color:#FFF;
	 background:#0b1d8f;
}

.navbar-toggler { /* styles the mobile nav button border */
	border-color:#000;
	border-radius:8px;
}

.navbar-toggler-icon { /* sets color of the mobile nav button lines, only edit the "stroke='rgb(0,0,0)'" value */
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* mobile nav styles */
@media (max-width: 767px) {
	.navbar { /* navbar styles */
		padding:.25rem 1rem;
	}
	
	.nav-link { /* top level link */
		text-align:left;
		font-size:18px;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
	
	.dropdown-menu { /* dropdown menu styles */
		padding-top:0;
		padding-bottom:0;
		background:none;
		border:none;
	}
	
	.dropdown-item { /* dropdown link */
		padding-top:10px;
		padding-bottom:10px;
		font-size:18px;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
}



/**END NAVBAR**/


/************************/
/**SIZE SPECIFIC STYLES**/
/************************/

/**COMBINATIONS**/

/**SM & DOWN*/
@media (max-width: 767px) {
	
}

/**MD & DOWN*/
@media (max-width: 991px) {
	
}

/**LG & DOWN**/
@media (max-width: 1199px) {
	
}

/**MD & UP*/
@media (min-width: 768px) {
	
}

/**LG & UP**/
@media (min-width: 992px) {

}

/**INDIVIDUAL SIZES**/

/**XS**/
@media (max-width: 575px) {

}

/**SM**/
@media (min-width: 576px) and (max-width: 767px) {

}

/**MD**/
@media (min-width: 768px) and (max-width: 991px) {

}

/**LG**/
@media (min-width: 992px) and (max-width: 1199px) {

}

/**XLG**/
@media (min-width: 1200px) {
	.container-limit {
		max-width:1500px;
	}
}