@font-face {
    font-family: 'MuseoSans500';
    src: url('fonts/MuseoSans_500-webfont.eot');
    src: url('fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/MuseoSans_500-webfont.woff') format('woff'),
         url('fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('fonts/MuseoSans_500-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media print{

	*{
		overflow: visible !important;	
	}
	
	.no_print{
	
		display: none;
		visibility: hidden;
	}
	
	#wrapper{
		
		font-family: courier;
		width:100%;
	
	}
	
	#content{
		
		width:100%;
		position:absolute;
		top:0px;
		left:0px;
	}

}/* end media print*/

*{
	
	margin:0;

}

body{
	color:#2D3545;
}

h1, h2, h3{
	text-shadow: rgba(0, 0, 0, 0.21) 0px 2px 2px;
	text-transform: uppercase;
	margin-bottom: 30px;
	color:#2D3545;
}

/* Outermost layout grid: left-nav sidebar | #wrapper (center column) |
   emptydrivers, in that literal DOM order (see header.html/footer.html). */
#page-grid{

	margin:0 auto;
	position:relative;

	height: 100vh;
	overflow-x: hidden;

	display:grid;
	grid-template-columns: 300px auto 300px;
	column-gap: 20px;

}

/* Mobile nav toggle -- hidden on desktop, shown below the breakpoint */
.nav-toggle{
	display:none;
	position:fixed;
	top:16px;
	left:16px;
	z-index:60;
	width:44px;
	height:44px;
	background:#003366;
	border:1px solid #002240;
	border-radius:4px;
	color:#fff;
	font-size:22px;
	line-height:44px;
	text-align:center;
	cursor:pointer;
}

.nav-backdrop{
	display:none;
	position:fixed;
	inset:0;
	background:rgba(0,0,0,0.4);
	z-index:45;
}

@media (max-width:900px){
	.nav-toggle{
		display:block;
	}

	#dispatch-bar{
		justify-content:center;
		padding-left:76px;
		padding-right:76px;
	}

	#page-grid{
		grid-template-columns:1fr;
		height:auto;
		min-height:100vh;
		overflow-y:visible;
	}

	body.logged-in #page-grid{
		height:auto;
	}

	#left-nav-wrapper{
		position:fixed;
		top:0;
		left:0;
		grid-column:auto;
		width:280px;
		max-width:80vw;
		height:100vh;
		background:#fff;
		box-shadow:2px 0 12px rgba(0,0,0,0.2);
		transform:translateX(-100%);
		transition:transform 0.25s ease;
		z-index:50;
	}

	#left-nav-wrapper.nav-open{
		transform:translateX(0);
	}

	body.nav-open .nav-backdrop{
		display:block;
	}

	#wrapper{
		grid-column:auto;
	}

	#emptydrivers{
		display:none;
	}

	#content{
		margin-left:16px;
		margin-right:16px;
	}

	.page-title{
		margin-left:16px;
		margin-right:16px;
	}

	#content table{
		width:100% !important;
	}

	div:has(> form){
		width:100%;
		max-width:100%;
	}
}

#dispatch-bar{
	height:80px;
	width:100%;
	box-sizing:border-box;
	background:#003366;
	color:#fff;
	display:flex;
	align-items:center;
	padding:0 24px;
	font-size:22px;
	font-weight:700;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

body.logged-in #page-grid{
	height: calc(100vh - 100px);
	margin-top:20px;
}

#wrapper{
	position:relative;
	height:100%;
	overflow-y:auto;
}

#header{
	text-align:center;
}



#input_message{
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */

}


a:not(.brd-filter):not(.menu_wrap a):not(.lse-wrap a):not(.brd-top a):not(.brk-alpha a):not(.lq-trip):not(.lq-pagination a):not(.back-to-loads), a:visited:not(.brd-filter):not(.menu_wrap a):not(.lse-wrap a):not(.brd-top a):not(.brk-alpha a):not(.lq-trip):not(.lq-pagination a):not(.back-to-loads), a:hover:not(.brd-filter):not(.menu_wrap a):not(.lse-wrap a):not(.brd-top a):not(.brk-alpha a):not(.lq-trip):not(.lq-pagination a):not(.back-to-loads), a:active .drivers_query {
	color:#fff;
}
a:hover .drivers_query{
	color:red;
}
.drivers_query{
	float:left;
	background:url(images/querybckg.png) repeat-x;
	padding-left:10px;
}
#quick_message{

	background-image: url(images/fence_bg.png);
	height:120px;

}
/* table query list end-----> */
table {
    -moz-box-sizing: border-box;
    border-collapse: separate;
    border-spacing: 0px;
    display: table;
    width: 100%;
    margin: auto;
    margin-bottom: 0;
    margin-top: 0;
    text-indent: 0;
}


#table-100{
	width:100%;
	font-size:16px;
}

#table-100 tr td{
	font-size:15px;
	overflow:hidden;
}

.col-span1{
	height:40px;
	
}
.td-spacer{
	width:20px;
}

#solo_logo{
	width:240px;
	height:266px;
	background-image: url(images/solo_logo.png);
	background-position: right  bottom;	
	float:right;
	z-index:1;
}

#message_area{
	z-index:20;
	position:relative;
	margin-left:35px;
	clear:both;
	top:-280px;
	
}

button{
	height:30px;
}
.phone-icon{
	color:#0075fb;
	background: url(images/blue_phone_icon.png)no-repeat;
	background-position: center;
	background-position-y: 10px;
	width:20px;
	height:30px;
	line-height: 30px;
	
}

td{
	
	height:30px;
}

#content p{
	line-height:25px;

}
#contact_address{
	background: url(images/contact_us_bg.png) no-repeat;
	padding-left:80px;

}

#footer_img{
	
	position:fixed;
	bottom: 90px;
	right:0px;
	z-index:100;

}


.pic_icon :hover{
	-webkit-transition: linear .5s;
	-webkit-transform:rotate(15deg);
}




#emptydrivers{
	grid-column: 3;
	color: #2e4a63;
	width:300px;
	overflow-x: hidden;
	overflow-y: auto;
	height:100%;
	z-index:2;
	font-size:14px;
}

body:has(#load_query_tab) #emptydrivers{
	display:none;
}

#emptydrivertable{
	margin-left:18px;
	margin-right:12px;
	display:flex;
	flex-direction:column;
	gap:10px;
}
.edr-card{
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:8px;
	padding:10px 12px;
	box-shadow:0 1px 3px rgba(0,0,0,0.06);
	font-size:13px;
}
.edr-name{
	font-weight:700;
	color:#2D3545;
	margin-bottom:6px;
}
.edr-location{
	display:flex;
	align-items:center;
	gap:6px;
}
.edr-loc-text{
	color:#6b7280;
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.edr-edit-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:22px;
	height:22px;
	border:none;
	background:transparent;
	color:#9ca3af;
	cursor:pointer;
	padding:0;
	border-radius:4px;
	flex-shrink:0;
}
.edr-edit-btn:hover{
	background:#f3f4f6;
	color:#003366;
}
.edr-loc-form{
	flex:1;
}
.edr-loc-form input.actual_location{
	width:100%;
	box-sizing:border-box;
	padding:4px 6px;
	border:1px solid #003366;
	border-radius:4px;
	font-size:13px;
}

#form_body{
	font-size:20px;
	
}
.tr-background{
	background:url(images/querybckg.png) repeat-x;
}

.alt-background{
	background:url(images/querybckg.png) repeat-x;
}
#tr-background td{
	border-bottom:0px solid white;
}

/* table query list end-----> */

html,body {
	height: 100%;
	overflow-x: hidden;
	font-family: MuseoSans500;
	background: url(./images/texture.jpg);
	color: #40464D;
}
p{
margin:10px;
}

#message{
	width:100%;
	border-bottom:1px solid green;
	position:absolute;
	top:0px;
	left:0;
	line-height: 40px;
	padding:5px;
	color:green;
	background: url(images/message_bg.png)repeat-x;

}

.fladbedservice li{
	height: 35px;

}
.back-to-loads{
	display:inline-block;
	padding:9px 16px;
	background:#fff;
	border:1px solid #d7dbe0;
	border-radius:0;
	color:#2D3545;
	font-size:13.5px;
	font-weight:600;
	text-decoration:none;
}
.back-to-loads:hover{
	background:#f3f4f6;
}

#settle_tab{
	position:fixed;
	top:200px;
	right:0px;
	width:53px;
	height:172px;
	background: url(images/settle_tab.png);
}
a:hover #settle_tab{
	position:fixed;
	top:200px;
	right:-1px;
	width:53px;
	height:172px;
	background: url(images/settle_tab_hov.png);
}
#drivers_tab{
	position:fixed;
	top:34px;
	right:0px;
	width:53px;
	height:172px;
	background: url(images/drivers_tab.png);
}
a:hover #drivers_tab{
	position:fixed;
	top:34px;
	right:-1px;
	width:53px;
	height:172px;
	background: url(images/drivers_tab_hover.png);
}
#fuel_tab{
	position:fixed;
	top:366px;
	right:0px;
	width:53px;
	height:172px;
	background: url(images/fuel_tab.png);
}
a:hover #fuel_tab{
	position:fixed;
	top:366px;
	right:-1px;
	width:53px;
	height:172px;
	background: url(images/fuel_tab_hover.png);
}
#brokers_tab{
	position:fixed;
	top:532px;
	right:0px;
	width:53px;
	height:172px;
	background: url(images/brokers_tab.png);
}




a:hover #brokers_tab{
	position:fixed;
	top:532px;
	right:-1px;
	width:53px;
	height:172px;
	background: url(images/brokers_tab_hov.png);
}



#Trip__loads{
	color:red;
	font-size:15px; 
	background:transparent;
}
.query{
	margin-top:3px;
	margin-right:2px;
	font-size: 11px;
	padding:3px;
	width:100px;
	overflow:hidden;
	background:#c0e6ec;
	text-transform: capitalize;
	
}

.quick_message_top{
	background-image: url(images/message.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:90px;
}

.quick_message{
	background-image: url(images/message.png);
	background-repeat: repeat-y;
	background-position:left center;
}



.quick_message_bottom{
	background-image: url(images/message.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}


.error{
	color:red;
}
.load_status_cancel{
	position:relative;
	right:0px;
	top:0px;
	font-size: 14px;
	width:100px;
	height:15px;
	float:right;
	text-align:center;
	color:white;
	background:red;

}

.load_status_paid{
	position:relative;
	right:0px;
	top:0px;
	font-size: 14px;
	width:100px;
	height:15px;
	float:right;
	text-align:center;
	color:white;
	background:green;

}

.load_status_settled{
	position:relative;
	right:0px;
	top:0px;
	font-size: 14px;
	width:100px;
	height:15px;
	float:right;
	text-align:center;
	color:white;
	background:blue;

}

.load_status_pending{
	position:relative;
	right:0px;
	top:0px;
	font-size: 14px;
	width:100px;
	height:15px;
	float:right;
	text-align:center;
	color:red;
	background:yellow;

}


.query_box{

	height:52px;
	background: url(images/querybckg.png) repeat-x;
	margin-bottom:3px;
	padding:5px 0px 0px 5px;
}
.query_name{
	position:relative;
	top:-15px;
	left:20px;
	font-size:13px;
	width:200px;
	height: 15px;
	text-transform:capitalize;
	font-weight: bold;
	overflow:hidden;
	
}

.loadqueryinfoblock{
	position:relative;
	top:0px;

}

.query_miles, .query_origin, .query_destination{
	position:relative;
	top:-50px;
	left:280px;
	width:50%;
	height:15px;
	font-size: 12px;
	line-height:20px;
	text-transform:capitalize;
	
}

.query_trip{
	position:relative;
	top:-15px;
	width:20%;
	left:20px;

}
.edit_icon{

	width:15px;
	height:15px;
	background: url('images/edit.png') #88c9f2;
	z-index:100;
}

.floatingleft{
	float:left;
}

.delete_icon{
	position:relative;
	top:25px;
	left:525px;
	width:15px;
	height:15px;
	z-index:100;
}

.delete_load img{
	width:20px;

}


#Broker_loads, #Load_Pay_loads{

	border:3px ridge lightgreen;
}



#content{
	margin-bottom:50px;
	z-index:100;
}

#content :has(table){
	color:#000;
}

#content table td a, #content table td a:visited{
	color:#000;
}

.success{
	color:green;
}

#escrow_query{
	outline: 1px solid gray;
	padding: 30px 5px 30px 5px;
}

/* Left Column Navigation */

.date h4{
	height:35px;
	line-height: 35px;
	position:relative;
	color:#F2EEEB;
	background:#003366;
	margin-left:-7px;
	margin-right:-7px;
		
}
.space{
	background:transparent;
	color:transparent;
	width:20px;
}

.datewrap_l{
	position:absolute;
	width:0px;
	height:0px;
	border-right:7px solid #2D3545;
	border-left:none;
	border-bottom: 7px solid transparent;
	border-top:none;
	left:0;
	bottom:-7px;
}
.datewrap_r{
	position:absolute;
	width:0px;
	height:0px;
	border-left:7px solid #2D3545;
	border-right:none;
	border-bottom: 7px solid transparent;
	border-top:none;
	right:0;
	bottom:-7px;
}


#date-margin{
	margin: 0px 0px 0px 10px;
}

#left-nav-wrapper {
	grid-column: 1;
	width: 300px;
	left:0px;
	height:100%;
	overflow-y:auto;
}

#left-nav-table{

	float:left;
	width:300px;
}

#left-nav-top{
	width:300px;
	height:25px;
}

#left-nav-bottom{

	width:300px;
	height:25px;
}

#left-nav-content{
	margin:0 auto;
	z-index:100;
	width:300px;
	height:100%;
}
.rowcolor{
	background: url(./images/col-background.png);
	color:navy;
}

.rowcolor2{

	color:#333;
}

.row_of_drivers{
	margin-bottom: 10px;
}


/* end-------->Left Column Navigation */

th{
	text-align:left;
	font-size:12px;
}
img{
	border:0;
}


#menu{
	width:100%;

}

.menu{
	height:42px;
	margin-bottom:42px;
}

.menu_spc{
	float:left;
	background: url(./images/spc.png);
	height:42px;
	width:287px;
}

.menu_contactus{
	float:left;
	display:block;
	background: url(./images/contact_us.png);
	height:42px;
	width:162px;
}

a:hover .menu_contactus{
	float:left;
	display:block;
	background: url(./images/contact_us.png);
	background-repeat:none;
	background-position:bottom;
	height:42px;
	width:162px;
}
.menu_aboutus{
	float:left;
	display:block;
	background: url(./images/about_us.png);
	height:42px;
	width:149px;
}
a:hover .menu_aboutus{
	float:left;
	display:block;
	background: url(./images/about_us.png);
	background-repeat:none;
	background-position:bottom;
	height:42px;
	width:149px;
}
.menu_services{
	float:left;
	display:block;
	background: url(./images/services_.png);
	height:42px;
	width:150px;
}


a:hover .menu_services{
	float:left;
	display:block;
	background: url(./images/services_.png);
	background-repeat:none;
	background-position:bottom;
	height:42px;
	width:150px;
}

.menu_home{
	float:left;
	display:block;
	background: #CC703D;
	height:42px;
	width:151px;
}

a:hover .menu_home {
	float:left;
	display:block;
	background: url(./images/home.png);
	background-repeat:none;
	background-position:bottom;
	height:42px;
	width:151px;
}

a:link{
	text-decoration: none;	
}

a:visited{
	text-decoration: none;	
}

a:active, a:focus{
	text-decoration: none;	
}

#left-nav-content ul{
	position:relative;
	margin-right:-7px;
}
/* 

brown #693810
orange #D69A1A
blue #0a4fab 
light blue #004c93

*/
#left-nav-content li a{
	background:none;
	display:flex;
	align-items:center;
	gap:10px;
	padding: 0px 12px 0px 20px;
	margin-bottom: 1px;

}
#left-nav-content li a:hover{
	background:#5DBFB1;
	display:flex;
	margin-bottom: 1px;
}
#left-nav-content .nav-icon{
	display:inline-flex;
	flex-shrink:0;
	width:16px;
	height:16px;
}
#left-nav-content .nav-icon svg{
	width:16px;
	height:16px;
}
#left-nav-content .nav-label{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.menu_left{
	margin-top: 10px;
	
}

input{
	font-size: 14px;
	background:fbf4e0;
	border:5px solid fffbcf;
	height:30px;
	line-height: 30px;
	border-spacing: 3.5px;
	border:0;
	margin:4px;
	opacity:0.7;
	filter:alpha(opacity=70);
}

select{
	background: transparent;
	padding: 5px;
	width:200px;
   	font-size: 16px;
   	border: 1px solid #5DBFB1;
   	height: 34px;
   	margin:4px;
   	color:#40464D;

}

.select_driver, #Payment_Status_loads, #Broker_loads, #Load_Status_loads{
	border:3px ridge lightgreen;
	background:lightgreen;
}

.label{
	color: #316089;
	font-size: 12px;
	background:none;
	vertical-align:baseline;
	font-weight:lighter;
	display:box;
}

ul, li{
	list-style-type: none;
}

ul li a:visited{
	text-shadow: 2px 2px 2px black;
	color: white;
	text-decoration: none;
	line-height:37px;
}

#left-nav-content ul li a, #left-nav-content ul li a:visited{
	/*text-shadow: 2px 2px 2px black;*/
	color:#000;
	text-decoration: none;
	line-height:37px;
}

#left-nav-content ul li a:hover{
	color:#F2EEEB;
}
ffbb00
ul li a:hover{
	
	color:#227E79;
	text-decoration: none;
	line-height:37px;
}

.blue{
	color:#0075fb;
	font-size: 11px;
}

#footer{

	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;

	font-size: 11px;

	padding-top: 20px;

	text-align: center;

	background-color: #2D3545;

	display: inline-block;

	height: 100px;

	color: #b2b2b2;

	position: relative;

	bottom: 0px;
	
	clear:both;

}



.pic_icon{

	float:left;
	position:relative;
	top:-10px;
}

#logout{
	width:60px;
	margin: 5px 0 5px 0;
	position:relative;
	right:-190px;
	
}
fieldset, legend{
	margin:4px;
	padding:15px;
}

/* marine blue */
.myButton, .myButton:link, .myButton:visited {
   border: 1px solid #002240;
   background: #003366;
   padding: 6px 14px;
   border-radius: 0;
   box-shadow: none;
   text-shadow: none;
   color: #ffffff !important;
   font-size: 15px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   line-height: normal;
   opacity:1;
	filter:alpha(opacity=100);
  }
.myButton:hover {
   border-color: #001830;
   background: #002347;
   color: #ffffff !important;
   }
.myButton:active {
   border-color: #001830;
   background: #001830;
   color: #ffffff !important;
   }
.truckNtrailer{
	float:left;
	margin-top:20px;
}


#load_menu{
	display:flex;
	flex-wrap:wrap;
	margin:0 0 20px 0;
	padding:0;
}

#load_menu input{
	margin:0 0 0 -1px;
	opacity:1;
	padding: 0px 15px;
	filter:alpha(opacity=100);

}

#tab_menu {
	display:none;
}

.surftab {
	background:#fff;
	border-radius:0;
	border:1px solid #d7dbe0;
	display:inline-block;
	color:#2D3545;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.03em;
	padding:10px 18px;
	text-decoration:none;
	cursor:pointer;
}

.surftab:hover {
	background:#003366;
	border-color:#002240;
	color:#fff;
	position:relative;
	z-index:1;
}

.surftab:active {
	background:#002347;
	border-color:#002240;
	color:#fff;
}

#newsettlement{
	clear:both;
	position:relative;
	top:-600px;
	
}

.settleframes{
	color:yellow;
	padding:7px;
	background:navy;
}

.data{
	border: navy solid 1px;
	min-height:30px;
}

#fuelframe, #escrowframe{

	width:50%;
	float:left;
	border-right:1px solid transparent;

}

.settletable{
 	background-color: #378de5;
 	color:white;
 	height:30px;
 	padding-left:10px;
 	font-size: 16px;
 	
}

.tablefloatleft{
	float:left;
	
}
.tablefloatright{
	float:right;

}

.clearfloat{
	clear:both;
}
.clearfloatr{
	clear:right;
}
.clearfloatl{
	clear:left;
}
.anchorlink{
	color: #0A4FAB;
	text-align: right;
}


.lessee th{
	border-bottom:  1px solid blue;
	border-top:  1px solid blue;
	height:40px;
	margin-bottom: : 20px;
}

.heightoftable{
	min-height: 160px;
}

.divider{
	height:2px;
	background-color:#378de5;
	margin: 10px 0px 10px 0px;
}

.fueladvance{
	width:47%;
	float:left;
	
}

.fueladvance table, .adjescrowfee table {
	margin:0 0 20px;
}

.adjescrowfee{
	width:47%;
	float:right;
	
}

.menuselected  a{
	background:#003366;
}
#left-nav-content li.menuselected a, #left-nav-content li.menuselected a:visited{
	background:#003366;
	color:#fff;
}
.clear{
	clear: right;
}

.alpha{
	padding:4px;

}
.red{
 	color:red;
}
#adj_table{
	font-weight: bold;  
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
}
#adj_table .info{
	font-weight: normal;	
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	height:9px;
	padding-bottom:12px;
}

#adj_table .amount{
	font-weight: normal;	
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 10px;
	height:9px;
	padding-bottom:16px;
}

.report
{
	border-collapse:collapse;
	width:100%;
	font-size: 13px;
}
.report td
{
	border: 1px solid #022d62;
	padding:0 7px;

}

.currency{
	text-align:right;
}

.total td {
	color: #014191;
	font-size: 15px;
	border: 0px solid white;
	font-weight:bold; 
}

.rowreport{
	background : rgba(0, 128, 255, .1);
}

.driversname, .driversname a, .driversname a:visited{
	color : rgba(0, 128, 255, .8);
	margin:20px 0px 2px 0px;
}

.driversname a:hover, .driversname a:active {
	color:#022d62;
	
}

#paidreport table tr td a:hover{
	color : rgba(0, 128, 255, .8);
}
#paidreport fieldset{
	border:0px;
}
#go{
	margin-bottom:8px;
}

.highlight_even{
    background-color: rgba(0,0,0,0.1);
}
.highlight_odd{
    background-color: rgba(216,237,255,.4);
}
#query_load td{
    height:12px;
}

#query_load a:link{
    text-decoration: underline;  
}

.driver_name{
    color:#000659;
    font-size: larger;
}

ul.navegation{
	margin:0;
	padding:0;
	text-align:center;
}

ul.navegation li{
	width:160px;
	display: inline-block;
	background: #CC703D;
	text-align: center;
	padding:5px;
	margin-bottom:15px;
}

ul.navegation li:hover{
	background: #5DBFB1;
}

ul.navegation li a {

	display: inline-block;
	width:160px;
	color:#2D3545;
}

@media (max-width:600px){
	ul.navegation li{
		width:auto;
		display:block;
		margin:0 auto 10px auto;
		max-width:220px;
	}
	ul.navegation li a{
		width:auto;
	}
}

p strong{
	color:#227E79;
}