/*
Name: KT Transports
Date: 2008-02-20
Description: Soft and natural template.
Author: Juan Santana (Matador)
URL: http://accessemedia.ca
Feel free to use and modify but please provide credits.
*/
/* default elements */

* {

	margin: 0px;
	padding: 0px;
}

body {
	/*background-image:url(../images/background.png);*/
    /*background-color:#E2E2D7;*/
	background-color:#DDDED8;
	font-family: Arial;
	font-size:12px;
	margin:0 auto;
}


#wrapper {


	/*background-color:red;
	
	text-align:left;



	margin:0;
*/

}




a {
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}







/* Text Box with Focus: */



input {

 	/*border: 1px solid #000;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	padding-left: 20px;
	*/

	margin: 2px 0 2px 0;
	
}







input.error, select.error, textarea.error {



	padding-right: 16px; 



	border: 1px solid red; 



	background-color: #FFFCE2; 



	background-image: url(../images/warning_obj.gif); 



	background-position: right; 



	background-repeat: no-repeat;



	



}







input, select, textarea {		



	font-size:100%;
	vertical-align:middle;
	padding: 0  5px 0 5px;



}



h1 {



	font-size:20px;

}



h2 {

	font-size:16px;
	margin-top:1px;
	margin-bottom:0px;
	width:auto;


}

#loginform {
	margin: 150px 0 0 0;
	text-align:left;
	font-size:100%;
	width:400px;
}


#showUserLogged{
	right:0;
	font-size:100%;
	margin: -50px 0;
	background-color: white;
	padding: 5px;
        float: right;
        z-index:10;
        position: sticky;
        top:0;
}

#showUserLogged-nosubmenu {
    right:0;
    font-size:100%;
    margin: -25px 0;
    background-color: white;
    padding: 5px;
    float: right; 

}

#showUserLogged-adminmenu {
    right:0;
    font-size:100%;
    margin: -74px 0;
    background-color: white;
    padding: 5px;
    float: right;     
}

#imgloader{

	position:relative;
	
	margin:5px auto 50px;
	
	padding:0 0 20px;
	
	width:10%;
	
	font-size:100%;
	
	float:left;
	
	text-align:center;	
	
}
/*------------------------------------------------------------------------------    STRUCTURE */



#content {
	margin-top:15px;
}



#mainbody_wrapper{

	width:95%;
	min-height:500px;
	height:auto !important;
	height:500px;	
	text-align:left;
	margin-top: 20px;

}



#containers{

	font-size:100%;

}



#container_railway textarea{

	overflow:auto; 
	width:255px;
	height:300px;
	border:solid 1px;
	background-color:#FFFFFF;
	text-align:left;
	font-size:100%;
	margin-top:5px;
	margin-bottom: 8px;

}



#footer{

	float:right;
	font-weight: bold;
	font-family: Helvetica;
	margin-right: 60px;
	margin-bottom: 20px;
	font-size:100%;
	
}







#rightside_container{



/*	width:95%; */



}







#rightside_wrapper {



	



}







.left_column{



	width:45%;



}



.right_column {



	width:55%;
	padding-right: 70px;


}







#BOL_table {



	font-size:100%;



	



}



#BOL_table tr td {



	vertical-align:top;



}



/* -----------------------------------------------------------------------------MENUS*/



#main_menu{



	width:100%;



	height:25px;



	line-height:25px;



	background-color:#FFFFFF;



	margin:0;
	
	padding-top:0px;



}



#main_menu a{



	color:#605E66;



	font-size:100%;



}

#main_menu ul li{
	display:inline;	
	margin: 0 10px 0px 10px;	
}

.top-menu{
    position: sticky;
    top: 0;
    z-index: 10;
}

.kt-environment-pill {
	display: none;
	padding: 2px 10px;
	border: solid 1px #f0b6b6;
	border-radius: 4px;
	background: #fff7f7;
	color: #d40000;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	letter-spacing: 0;
	white-space: nowrap;
}

.kt-environment-short {
	display: none;
}

.environment_banner {
	display: block;
	height: auto !important;
	margin: 0;
	padding: 0;
	clear: both;
}

.environment_banner p {
	display: block;
	margin: 0;
	padding: 12px 4px 8px !important;
	color: red;
	font-size: 18px !important;
	font-weight: bold;
	line-height: 1.15;
	text-align: center;
}

.kt-mobile-menu-toggle,
.kt-mobile-menu-button,
.kt-mobile-menu-brand,
.kt-mobile-menu-overlay,
.kt-mobile-drawer-heading,
.kt-mobile-menu-sublist {
	display: none;
}

.kt-menu-panel:after {
	content: "";
	display: block;
	clear: both;
}

#pag_frac{



	text-align: center;



	width:100%;



	height:25px;



	line-height:25px;



	margin: 20px 0px 0px 0px;



}



#pag_frac a{



	color:#605E66;



	font-size:100%;



}







#pag_frac ul li{



	display:inline;	



	margin: 0 10px 0 10px;



}







.header_order a {



	color: #FFF;



	text-decoration: none;



}







.header_order a:hover {



	color: #FFF;



	text-decoration: underline;



}


.submenu{
	width:100%;
	height:25px;
	line-height:25px;
	background-color:#605E66;
        position: sticky;
        top: 25px;
        z-index:  10;
}

.submenu a{
	color:#FFF;
	font-size:100%;
}

.submenu ul{
	margin: 0 0 0 50px;
}

.submenu ul li{
	display:inline;	
	margin: 0 10px 0 10px;
}

.subsubmenu{
	width:100%;
	height:25px;
	line-height:25px;
	/*background-color:#999999; */
        background-color:#605E66;
        position: sticky;
        top: 50px;
        z-index: 10;
}

.subsubmenu-mobile{
	width:100%;
	height:25px;
	line-height:25px;
	/*background-color:#999999; */
        background-color:#605E66;
        position: sticky;
        top: 0px;
        z-index: 10;
}

.subsubmenu a, .subsubmenu-mobile a{



	color:#FFF;



	font-size:100%;



}



.subsubmenu ul, .subsubmenu-mobile ul {



	margin: 0 0 0 50px;



}



.subsubmenu ul li, .subsubmenu-mobile ul li{



	display:inline;	



	margin: 0 10px 0 10px;



}







/* -------------------------------------------------------------------------------------FILTERS */







#filters{

	text-align:right;
	float:right;
	position:relative;
	font-size: 100%;
	font-style:italic;
	margin-bottom: 10px;
}



#filters table tr td {



	padding: 0 10px 0 0;



}







/*



#filter_table {



	width:415px;



	



}



filter_table_long {

	



}







*/



/* -------------------------------------------------------------------------------------LISTINGS */







.listing_table{



	
	font-size:90%;
	width: 100%;
        


}



.listing_table tr td{



	height:20px;



}



.list_header{



	background-color:#333333;



	color:#FFFFFF;



	font-size:110%;



	



}







.list_header a{



	background-color:#333333;



	color:#FFFFFF;



	font-size:110%;



}







.list_header td{



	padding: 5px 10px 5px 10px;



}







.list_even{



	background-color:#F7F8F3;



	color:#000;



}

.list_even td{



	padding: 5px 10px 5px 10px;



}



.list_odd{



	background-color:#DDDED8;



	color:#000;



}



.list_odd td{



	padding: 5px 10px 5px 10px;



}




.list_red{

	background-color:red;


}


.list_red td{



	padding: 5px 10px 5px 10px;



}

.list_green{

	background-color:green;


}


.list_green td{



	padding: 5px 10px 5px 10px;



}

.list_warning{



	background-color:#F1DCDC;



	



}



.list_warning td{



	padding: 5px 10px 5px 10px;



}


.list_stacked{
	background-color:#FFFFFF; 
	padding: 5px 10px 5px 10px;
	border-bottom:solid 1px;
	border-right:solid 1px;
}
.list_stacked_header{
	border-left:solid 1px;
	border-bottom:solid 1px;
}

#drivers_activity {
	padding-top: 8px;
}

#drivers_activity_scheduler {
	margin-top: 28px;
	overflow-x: auto;
}

#driver_situation {
	max-width: 100%;
	overflow-x: auto;
	padding-bottom: 3px;
}

#driver_situation .drivers_activity_live_table {
	min-width: 1040px;
	table-layout: fixed;
}

#driver_situation .drivers_activity_live_table p {
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: normal;
	line-height: 1.25;
}

#driver_situation .drivers_activity_live_table img {
	vertical-align: middle;
}

#driver_situation .drivers_activity_live_table td:nth-child(2) p,
#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(1) p {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.2;
	vertical-align: middle;
}

#driver_situation .drivers_activity_live_table td:nth-child(1) {
	width: 44px !important;
	min-width: 44px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center !important;
	vertical-align: middle;
}

#driver_situation .drivers_activity_live_table td:nth-child(3) {
	width: 4% !important;
}

#driver_situation .drivers_activity_live_table td:nth-child(4) {
	width: 5% !important;
}

#driver_situation .drivers_activity_live_table td:nth-child(13) {
	width: 36px !important;
	min-width: 36px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center !important;
	vertical-align: middle;
}

#driver_situation .drivers_activity_status_cell,
#driver_situation .drivers_activity_hide_cell {
	text-align: center !important;
	vertical-align: middle;
}

#driver_situation .drivers_activity_status_toggle,
#driver_situation .drivers_activity_icon_control {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 26px;
	line-height: 1;
}

#driver_situation .drivers_activity_status_toggle img,
#driver_situation .drivers_activity_icon_control img {
	display: block;
	margin: 0 auto;
}

#driver_situation .drivers_activity_delete_control,
#driver_situation_scheduler .drivers_activity_delete_control,
#driver_situation .drivers_activity_tooltip_control,
#driver_situation_scheduler .drivers_activity_tooltip_control {
	position: relative;
}

#driver_situation .drivers_activity_tooltip_control,
#driver_situation_scheduler .drivers_activity_tooltip_control {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 22px;
	padding: 2px 7px;
	border: solid 1px transparent;
	border-radius: 5px;
	color: inherit;
	line-height: 1.15;
	text-decoration: none;
	transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

#driver_situation .drivers_activity_tooltip_control:hover,
#driver_situation .drivers_activity_tooltip_control:focus,
#driver_situation_scheduler .drivers_activity_tooltip_control:hover,
#driver_situation_scheduler .drivers_activity_tooltip_control:focus {
	border-color: rgba(47, 51, 56, 0.18);
	background: rgba(255, 255, 255, 0.68);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
	color: #1f2933;
	text-decoration: none;
}

#driver_situation .drivers_activity_phone_control,
#driver_situation_scheduler .drivers_activity_phone_control {
	width: 24px;
	min-width: 24px;
	padding: 0;
	border-radius: 50%;
	font-size: 0;
	line-height: 0;
}

#driver_situation .drivers_activity_phone_control img,
#driver_situation_scheduler .drivers_activity_phone_control img {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
}

#driver_situation .drivers_activity_delete_control,
#driver_situation_scheduler .drivers_activity_delete_control {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	min-height: 22px;
	margin: 0 auto;
	border: none;
	border-radius: 4px;
	background: transparent;
	box-shadow: none;
	color: #4c4c4c;
	line-height: 1;
	opacity: 0.72;
	text-decoration: none;
}

#driver_situation .drivers_activity_delete_control:hover,
#driver_situation_scheduler .drivers_activity_delete_control:hover {
	background: rgba(255, 255, 255, 0.62);
	color: #b40000;
	opacity: 1;
}

#driver_situation .drivers_activity_phone_control[data-tooltip-hidden="1"][data-tooltip]:after,
#driver_situation .drivers_activity_phone_control[data-tooltip-hidden="1"][data-tooltip]:before,
#driver_situation_scheduler .drivers_activity_phone_control[data-tooltip-hidden="1"][data-tooltip]:after,
#driver_situation_scheduler .drivers_activity_phone_control[data-tooltip-hidden="1"][data-tooltip]:before {
	display: none !important;
	content: none !important;
}

#driver_situation .drivers_activity_tooltip_control[data-tooltip]:hover:after,
#driver_situation .drivers_activity_tooltip_control[data-tooltip]:focus:after,
#driver_situation_scheduler .drivers_activity_tooltip_control[data-tooltip]:hover:after,
#driver_situation_scheduler .drivers_activity_tooltip_control[data-tooltip]:focus:after,
#driver_situation .drivers_activity_delete_control[data-tooltip]:hover:after,
#driver_situation .drivers_activity_delete_control[data-tooltip]:focus:after,
#driver_situation_scheduler .drivers_activity_delete_control[data-tooltip]:hover:after,
#driver_situation_scheduler .drivers_activity_delete_control[data-tooltip]:focus:after {
	content: attr(data-tooltip);
	position: absolute;
	right: 0;
	bottom: 30px;
	z-index: 40;
	width: max-content;
	max-width: 210px;
	padding: 6px 8px;
	border: solid 1px rgba(255, 255, 255, 0.14);
	border-radius: 5px;
	background: #252b32;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.25;
	text-align: left;
	white-space: normal;
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.24);
	opacity: 0;
	transform: translateY(3px);
	transition: opacity 120ms ease, transform 120ms ease;
	pointer-events: none;
}

#driver_situation .drivers_activity_tooltip_control[data-tooltip]:hover:after,
#driver_situation .drivers_activity_tooltip_control[data-tooltip]:focus:after,
#driver_situation_scheduler .drivers_activity_tooltip_control[data-tooltip]:hover:after,
#driver_situation_scheduler .drivers_activity_tooltip_control[data-tooltip]:focus:after,
#driver_situation .drivers_activity_delete_control[data-tooltip]:hover:after,
#driver_situation .drivers_activity_delete_control[data-tooltip]:focus:after,
#driver_situation_scheduler .drivers_activity_delete_control[data-tooltip]:hover:after,
#driver_situation_scheduler .drivers_activity_delete_control[data-tooltip]:focus:after {
	opacity: 1;
	transform: translateY(0);
}

#driver_situation .drivers_activity_phone_control[data-tooltip]:hover:after,
#driver_situation .drivers_activity_phone_control[data-tooltip]:focus:after,
#driver_situation_scheduler .drivers_activity_phone_control[data-tooltip]:hover:after,
#driver_situation_scheduler .drivers_activity_phone_control[data-tooltip]:focus:after {
	left: 28px;
	right: auto;
	bottom: 50%;
	transform: translate(0, 50%);
}

#driver_situation .drivers_activity_tooltip_control[data-tooltip]:hover:before,
#driver_situation .drivers_activity_tooltip_control[data-tooltip]:focus:before,
#driver_situation_scheduler .drivers_activity_tooltip_control[data-tooltip]:hover:before,
#driver_situation_scheduler .drivers_activity_tooltip_control[data-tooltip]:focus:before {
	content: "";
	position: absolute;
	right: 10px;
	bottom: 23px;
	z-index: 41;
	width: 0;
	height: 0;
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
	border-top: solid 7px #252b32;
	pointer-events: none;
}

#driver_situation .drivers_activity_phone_control[data-tooltip]:hover:before,
#driver_situation .drivers_activity_phone_control[data-tooltip]:focus:before,
#driver_situation_scheduler .drivers_activity_phone_control[data-tooltip]:hover:before,
#driver_situation_scheduler .drivers_activity_phone_control[data-tooltip]:focus:before {
	left: 22px;
	right: auto;
	bottom: 50%;
	transform: translateY(50%);
	border-top: solid 6px transparent;
	border-bottom: solid 6px transparent;
	border-right: solid 7px #252b32;
	border-left: none;
}

@media (prefers-reduced-motion: reduce) {
	#driver_situation .drivers_activity_tooltip_control,
	#driver_situation_scheduler .drivers_activity_tooltip_control,
	#driver_situation .drivers_activity_tooltip_control[data-tooltip]:after,
	#driver_situation_scheduler .drivers_activity_tooltip_control[data-tooltip]:after,
	#driver_situation .drivers_activity_delete_control[data-tooltip]:after,
	#driver_situation_scheduler .drivers_activity_delete_control[data-tooltip]:after {
		transition: none;
	}

}

#driver_situation .drivers_activity_tooltip_control[data-tooltip]:focus,
#driver_situation_scheduler .drivers_activity_tooltip_control[data-tooltip]:focus,
#driver_situation .drivers_activity_delete_control[data-tooltip]:focus,
#driver_situation_scheduler .drivers_activity_delete_control[data-tooltip]:focus {
	outline: solid 2px rgba(47, 51, 56, 0.35);
	outline-offset: 1px;
}

@media (hover: none), (pointer: coarse) {
	#driver_situation .drivers_activity_tooltip_control[data-tooltip]:hover:after,
	#driver_situation .drivers_activity_tooltip_control[data-tooltip]:focus:after,
	#driver_situation_scheduler .drivers_activity_tooltip_control[data-tooltip]:hover:after,
	#driver_situation_scheduler .drivers_activity_tooltip_control[data-tooltip]:focus:after,
	#driver_situation .drivers_activity_delete_control[data-tooltip]:hover:after,
	#driver_situation .drivers_activity_delete_control[data-tooltip]:focus:after,
	#driver_situation_scheduler .drivers_activity_delete_control[data-tooltip]:hover:after,
	#driver_situation_scheduler .drivers_activity_delete_control[data-tooltip]:focus:after,
	#driver_situation .drivers_activity_tooltip_control[data-tooltip]:hover:before,
	#driver_situation .drivers_activity_tooltip_control[data-tooltip]:focus:before,
	#driver_situation_scheduler .drivers_activity_tooltip_control[data-tooltip]:hover:before,
	#driver_situation_scheduler .drivers_activity_tooltip_control[data-tooltip]:focus:before,
	#driver_situation .drivers_activity_delete_control[data-tooltip]:hover:before,
	#driver_situation .drivers_activity_delete_control[data-tooltip]:focus:before,
	#driver_situation_scheduler .drivers_activity_delete_control[data-tooltip]:hover:before,
	#driver_situation_scheduler .drivers_activity_delete_control[data-tooltip]:focus:before {
		display: none !important;
		content: none !important;
	}
}

#driver_situation .drivers_activity_delete_control:before,
#driver_situation_scheduler .drivers_activity_delete_control:before {
	content: "\00d7";
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
}

#driver_situation .drivers_activity_delete_control img,
#driver_situation_scheduler .drivers_activity_delete_control img {
	display: none;
	margin: 0;
}

#driver_situation .drivers_activity_mobile_summary {
	display: none;
}

	.drivers_activity_confirm_overlay {
		position: fixed;
		left: 0;
		top: 0;
	right: 0;
	bottom: 0;
	z-index: 9998;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px;
		background: rgba(25, 26, 28, 0.34);
		backdrop-filter: blur(3px);
	}
	
	.drivers_activity_confirm_dialog {
		box-sizing: border-box;
		width: 420px;
		max-width: 100%;
		padding: 24px 24px 22px 24px;
		border: solid 1px rgba(0, 0, 0, 0.18);
		border-radius: 26px;
		background: #f4f4f2;
		box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.85);
		color: #242528;
	}
	
	.drivers_activity_confirm_eyebrow {
		display: none;
		padding: 0;
		color: #71757a;
		font-size: 10px;
		font-weight: bold;
		letter-spacing: 0;
		text-transform: uppercase;
	}
	
	.drivers_activity_confirm_dialog h2 {
		margin: 0 0 14px 0;
		font-size: 22px;
		line-height: 1.18;
		color: #242528;
	}
	
	.drivers_activity_confirm_message {
		margin: 0 0 18px 0;
		font-size: 18px;
		line-height: 1.32;
		color: #2f3033;
	}
	
	.drivers_activity_confirm_detail {
		margin: 0 0 18px 0;
		padding: 0;
		border: 0;
		background: transparent;
		font-size: 13px;
		line-height: 1.35;
		color: #606266;
	}
	
	.drivers_activity_confirm_actions {
		display: flex;
		flex-direction: column;
		justify-content: stretch;
		gap: 10px;
		padding: 0;
		border-top: 0;
	}
	
	.drivers_activity_confirm_actions button {
		width: 100%;
		min-height: 44px;
		padding: 8px 16px;
		border: solid 1px rgba(0, 0, 0, 0.06);
		border-radius: 18px;
		background: #0a84ff;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		cursor: pointer;
	}
	
	.drivers_activity_confirm_actions .drivers_activity_confirm_submit {
		border-color: rgba(0, 0, 0, 0.04);
		background: #e0e0de;
		color: #2f3033;
	}
	
	.drivers_activity_confirm_actions button:hover,
	.drivers_activity_confirm_actions button:focus {
		box-shadow: 0 0 0 3px rgba(10, 132, 255, 0.20);
		outline: 0;
	}
	
		.drivers_activity_confirm_actions .drivers_activity_confirm_submit:hover,
		.drivers_activity_confirm_actions .drivers_activity_confirm_submit:focus {
			background: #d5d5d2;
			box-shadow: 0 0 0 3px rgba(80, 82, 86, 0.16);
		}

		.drivers_activity_confirm_notice {
			border-color: rgba(117, 102, 63, 0.26);
		}

		.drivers_activity_validation_list {
			margin: 0 0 18px 0;
			padding: 0;
			list-style: none;
		}

		.drivers_activity_validation_list li {
			position: relative;
			margin: 0 0 8px 0;
			padding: 8px 10px 8px 28px;
			border: 1px solid #d8c7a1;
			border-radius: 8px;
			background: #fffaf0;
			color: #2f322f;
			font-size: 15px;
			font-weight: 700;
			line-height: 1.25;
		}

		.drivers_activity_validation_list li:before {
			content: "";
			position: absolute;
			left: 11px;
			top: 13px;
			width: 7px;
			height: 7px;
			border-radius: 50%;
			background: #b87912;
		}

		.drivers_activity_required_missing {
			border-color: #b87912 !important;
			background-color: #fffaf0 !important;
			box-shadow: 0 0 0 2px rgba(184, 121, 18, 0.18);
		}
		
		.drivers_activity_undo_toast {
			position: fixed;
		right: 22px;
		bottom: 22px;
		z-index: 9997;
		display: flex;
		align-items: center;
		gap: 14px;
		min-width: 280px;
		max-width: 520px;
		padding: 14px 16px;
		border: solid 1px rgba(255, 255, 255, 0.20);
		border-radius: 16px;
		background: rgba(38, 41, 45, 0.96);
		box-shadow: 0 16px 46px rgba(0, 0, 0, 0.25);
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		overflow: hidden;
		animation: drivers_activity_undo_in 0.22s ease-out;
	}
	
	.drivers_activity_undo_toast_out {
		animation: drivers_activity_undo_out 0.42s ease-in forwards;
	}
	
	.drivers_activity_undo_button {
		margin-left: auto;
		padding: 7px 12px;
		border: solid 1px rgba(255, 255, 255, 0.32);
		border-radius: 12px;
		background: #fff;
		color: #1f2429;
		font-size: 13px;
		font-weight: bold;
		cursor: pointer;
	}
	
	.drivers_activity_undo_button:hover,
	.drivers_activity_undo_button:focus {
		background: #edf4ff;
		outline: 0;
	}
	
	.drivers_activity_undo_timer {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 3px;
		width: 100%;
		background: #0a84ff;
		animation: drivers_activity_undo_timer 10s linear forwards;
		transform-origin: left center;
	}
	
	@keyframes drivers_activity_undo_in {
		from { opacity: 0; transform: translateY(10px); }
		to { opacity: 1; transform: translateY(0); }
	}
	
	@keyframes drivers_activity_undo_out {
		from { opacity: 1; transform: translateY(0); }
		to { opacity: 0; transform: translateY(8px); }
	}
	
	@keyframes drivers_activity_undo_timer {
		from { transform: scaleX(1); }
		to { transform: scaleX(0); }
	}
	
	@media screen and (max-width: 520px) {
		.drivers_activity_confirm_overlay {
			padding: 12px;
		}
		
		.drivers_activity_confirm_dialog {
			padding: 20px;
			border-radius: 22px;
		}
		
		.drivers_activity_confirm_message {
			font-size: 16px;
		}
		
		.drivers_activity_undo_toast {
			left: 12px;
			right: 12px;
			bottom: 12px;
			min-width: 0;
			max-width: none;
		}
	}
	
	#driver_situation .drivers_activity_live_table td:nth-child(3) p,
#driver_situation .drivers_activity_live_table td:nth-child(4) p {
	white-space: nowrap;
}

#driver_situation .drivers_activity_live_table td:nth-child(6) p,
#driver_situation .drivers_activity_live_table td:nth-child(7) p,
#driver_situation .drivers_activity_live_table td:nth-child(8) p,
#driver_situation_scheduler td:nth-child(3) p,
#driver_situation_scheduler td:nth-child(4) p,
#driver_situation_scheduler td:nth-child(5) p {
	white-space: nowrap;
	overflow-wrap: normal;
	word-break: normal;
}

.drivers_activity_legend {
	display: block;
	clear: both;
	float: none;
	margin: 4px 0 0 0;
	padding-right: 0;
	font-size: 10px;
	font-weight: 600;
	text-align: right;
	color: #474c49;
}

.drivers_activity_legend_item {
	display: inline-block;
	margin: 0 0 2px 10px;
	white-space: nowrap;
}

.drivers_activity_legend_chip {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 4px;
	border: solid 1px #555;
	vertical-align: -1px;
}

.drivers_activity_legend_green {
	background: green;
}

.drivers_activity_legend_red {
	background: red;
}

.drivers_activity_flag {
	display: inline-block;
	margin-right: 3px;
	padding: 1px 4px;
	border: solid 1px #d00000;
	background: #fff4f4;
	color: #d00000;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2;
	white-space: nowrap;
}

.drivers_activity_empty_row td {
	padding: 11px 12px !important;
	background: #f7f8f2;
	color: #5b625e;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25;
	text-align: center !important;
}

#driver_situation .drivers_activity_live_table tr.drivers_activity_empty_row td,
#driver_situation_scheduler .drivers_activity_scheduler_table tr.drivers_activity_empty_row td {
	width: auto !important;
	min-width: 0;
	text-align: center !important;
	white-space: normal;
}

.drivers_activity_scheduler_form select,
.drivers_activity_scheduler_form input[type="text"],
.drivers_activity_filter_form select,
.drivers_activity_filter_form input[type="text"] {
	max-width: 100%;
	box-sizing: border-box;
}

.drivers_activity_filter_fields {
	display: grid;
	grid-template-columns:
		minmax(70px, 0.6fr)
		minmax(130px, 1fr)
		minmax(150px, 1.1fr)
		minmax(150px, 1.1fr)
		minmax(240px, 2fr)
		minmax(150px, 1.1fr)
		minmax(240px, 2fr)
		minmax(150px, 1fr);
	column-gap: 10px;
	row-gap: 6px;
	align-items: end;
}

.drivers_activity_filter_field p {
	margin: 0 0 2px 0;
	font-weight: bold;
	text-align: center;
}

.drivers_activity_filter_fields .drivers_activity_filter_field:first-child {
	text-align: left !important;
}

.drivers_activity_filter_fields .drivers_activity_filter_field:first-child p {
	text-align: left !important;
}

.drivers_activity_filter_field div {
	text-align: center;
}

.drivers_activity_filter_actions {
	margin-top: 6px;
	text-align: right;
}

.drivers_activity_manual_label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-right: 8px;
	color: #202422;
	font-weight: normal;
	white-space: nowrap;
	cursor: help;
}

.drivers_activity_manual_label input {
	margin: 0;
	cursor: pointer;
}

.drivers_activity_scheduler_actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-top: 6px;
}

.drivers_activity_scheduler_loader {
	min-height: 14px;
	min-width: 200px;
	margin: 0;
	padding: 0;
}

.drivers_activity_scheduler_heading {
	padding: 0 0 9px 0;
	text-align: center;
}

.drivers_activity_scheduler_heading h1 {
	margin: 0;
	font-size: 24px;
	line-height: 1.2;
}

.drivers_activity_scheduler_badge {
	display: inline-block;
	margin-left: 10px;
	padding: 2px 8px;
	border: solid 1px #d4a1a1;
	border-radius: 12px;
	background: #fff7f7;
	color: #b40000;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	vertical-align: 4px;
}

.drivers_activity_scheduler_badge:hover,
.drivers_activity_scheduler_badge:focus {
	border-color: #bd6e6e;
	background: #fff0f0;
	color: #8f0000;
	text-decoration: none;
}

.drivers_activity_scheduler_buttons {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin-left: auto;
}

.drivers_activity_filter_actions input[type="button"],
.drivers_activity_scheduler_form input[type="button"] {
	min-height: 28px;
	padding: 4px 14px;
	border: 1px solid #9ca3a0;
	border-radius: 6px;
	background: #f4f5f3;
	color: #202422;
	box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset, 0 1px 2px rgba(0,0,0,0.08);
	font: inherit;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 120ms ease;
	-webkit-appearance: none;
	appearance: none;
}

.drivers_activity_filter_actions input[type="button"]:hover,
.drivers_activity_filter_actions input[type="button"]:focus,
.drivers_activity_scheduler_form input[type="button"]:hover,
.drivers_activity_scheduler_form input[type="button"]:focus {
	border-color: #707873;
	background: #e8ebe7;
	box-shadow: 0 1px 0 rgba(255,255,255,0.9) inset, 0 2px 5px rgba(0,0,0,0.12);
	outline: none;
}

.drivers_activity_filter_actions input[type="button"]:active,
.drivers_activity_scheduler_form input[type="button"]:active {
	transform: translateY(1px);
	box-shadow: 0 1px 2px rgba(0,0,0,0.12) inset;
}

.drivers_activity_scheduler_form input[type="button"][value="Add"] {
	border-color: #7fa092;
	background: #e6eee9;
	color: #21483f;
}

.drivers_activity_scheduler_form input[type="button"][value="Add"]:hover,
.drivers_activity_scheduler_form input[type="button"][value="Add"]:focus {
	border-color: #5f8779;
	background: #d7e5de;
}

.drivers_activity_scheduler_form input[type="button"][value="Update"] {
	background: #eef0ed;
}

.drivers_activity_scheduler_form input[type="button"]:disabled,
.drivers_activity_scheduler_form input[type="button"][aria-disabled="true"] {
	border-color: #c1c6c2;
	background: #e7e9e6;
	color: #8b918d;
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.75;
	transform: none;
}

.drivers_activity_scheduler_form input[type="button"]:disabled:hover,
.drivers_activity_scheduler_form input[type="button"][aria-disabled="true"]:hover {
	border-color: #c1c6c2;
	background: #e7e9e6;
	box-shadow: none;
}

body.drivers_activity_popup {
	margin: 0;
	padding: 14px;
	background: #E2E2D7;
	color: #111;
	font-size: 13px;
	line-height: 1.35;
	box-sizing: border-box;
}

body.drivers_activity_popup * {
	box-sizing: border-box;
}

body.drivers_activity_popup table {
	width: 100% !important;
	max-width: 100%;
	border-collapse: collapse;
}

body.drivers_activity_popup p,
body.drivers_activity_popup h1,
body.drivers_activity_popup h2,
body.drivers_activity_popup h3 {
	margin: 0;
	line-height: 1.3;
}

body.drivers_activity_popup td {
	padding: 5px 7px;
	vertical-align: middle;
	overflow-wrap: anywhere;
}

body.drivers_activity_popup .list_header,
body.drivers_activity_popup .list_stacked_header {
	color: #fff;
	background: #333;
	font-weight: bold;
}

body.drivers_activity_popup .list_stacked {
	background: #f7f7f3;
}

body.drivers_activity_popup input[type="button"],
body.drivers_activity_popup input[type="submit"],
body.drivers_activity_popup button {
	min-height: 28px;
	padding: 3px 12px;
	font-size: 13px;
	cursor: pointer;
}

body.drivers_activity_popup select,
body.drivers_activity_popup input[type="text"] {
	max-width: 100%;
	min-height: 26px;
	font-size: 13px;
}

body.drivers_activity_popup a {
	font-weight: bold;
	color: #111;
}

body.drivers_activity_popup_compact table:first-of-type tr:first-child td[colspan],
body.drivers_activity_popup_table table:first-of-type tr:first-child td[colspan] {
	padding: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

body.drivers_activity_popup_action {
	padding-top: 22px;
	text-align: center;
}

body.drivers_activity_popup_action > table {
	max-width: 560px;
	margin: 0 auto;
}

body.drivers_activity_popup_action span[style*="font-size:70"] {
	font-size: 13px !important;
	line-height: 1.4;
}

body.drivers_activity_popup_resume form {
	max-width: 520px;
	margin: 0 auto;
}

body.drivers_activity_popup_resume td {
	text-align: center;
}

body.drivers_activity_popup_log,
body.drivers_activity_popup_outstanding {
	padding: 12px;
}

body.drivers_activity_popup_log table,
body.drivers_activity_popup_outstanding table {
	min-width: 900px;
}

body.drivers_activity_popup_log {
	overflow: auto;
}

body.drivers_activity_popup_log .driver_log_heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	min-width: 1040px;
	margin-bottom: 8px;
	padding: 12px 14px;
	border: solid 1px #222;
	background: #2F3338;
	color: #fff;
}

body.drivers_activity_popup_log .driver_log_heading_text {
	min-width: 0;
}

body.drivers_activity_popup_log .driver_log_eyebrow,
body.drivers_activity_popup_log .driver_log_subheading {
	font-size: 12px;
	line-height: 1.2;
	color: #d7dadf;
}

body.drivers_activity_popup_log .driver_log_eyebrow {
	font-weight: bold;
	text-transform: uppercase;
}

body.drivers_activity_popup_log .driver_log_heading h1 {
	margin: 2px 0 3px 0;
	font-size: 22px;
	line-height: 1.1;
	color: #fff;
}

body.drivers_activity_popup_log .driver_log_close {
	flex: 0 0 auto;
	min-height: 32px;
	padding: 4px 13px;
	border: solid 1px #b8bcc5;
	border-radius: 4px;
	background: transparent;
	color: #fff;
	font-weight: bold;
}

body.drivers_activity_popup_log .driver_log_close:hover {
	background: rgba(255,255,255,0.14);
}

body.drivers_activity_popup_log .driver_log_table {
	min-width: 1040px;
	background: #f7f7f3;
	border: solid 1px #222;
	box-shadow: 0 1px 0 rgba(0,0,0,0.15);
	table-layout: fixed;
}

body.drivers_activity_popup_log .driver_log_col_driver,
body.drivers_activity_popup_log .driver_log_col_date,
body.drivers_activity_popup_log .driver_log_col_time {
	width: 9%;
}

body.drivers_activity_popup_log .driver_log_col_bol {
	width: 9%;
}

body.drivers_activity_popup_log .driver_log_col_container {
	width: 12%;
}

body.drivers_activity_popup_log .driver_log_col_chassis {
	width: 11%;
}

body.drivers_activity_popup_log .driver_log_col_location {
	width: 17%;
}

body.drivers_activity_popup_log .driver_log_col_situation {
	width: 11%;
}

body.drivers_activity_popup_log .driver_log_col_destination {
	width: 17%;
}

body.drivers_activity_popup_log .driver_log_col_notes {
	width: 14%;
}

body.drivers_activity_popup_log .list_header td {
	position: sticky;
	top: 0;
	z-index: 2;
	padding: 8px 9px;
	line-height: 1.15;
	overflow-wrap: normal;
	word-break: normal;
}

body.drivers_activity_popup_log .list_header p {
	line-height: 1.15;
}

body.drivers_activity_popup_log .driver_log_table td {
	padding: 7px 9px;
	font-size: 13px;
	line-height: 1.25;
}

body.drivers_activity_popup_log .driver_log_table tr:not(.list_header):not(.driver_log_title_row) td {
	border-color: #333 !important;
}

body.drivers_activity_popup_log .driver_log_table tr:not(.list_header):not(.driver_log_title_row) td p {
	line-height: 1.25;
}

body.drivers_activity_popup_log .driver_log_table tr:not(.list_header):hover td {
	background: #e9f2ff !important;
}

body.drivers_activity_popup_log .driver_log_table tr.driver_log_current td {
	background: #edf7f4 !important;
	border-top: solid 2px #3f7f74 !important;
	border-bottom: solid 2px #3f7f74 !important;
	border-top-color: #3f7f74 !important;
	border-bottom-color: #3f7f74 !important;
	box-shadow: inset 0 2px 0 #3f7f74, inset 0 -2px 0 #3f7f74;
	font-weight: bold;
}

body.drivers_activity_popup_log .driver_log_table tr.driver_log_current:hover td {
	background: #e2f1ee !important;
}

body.drivers_activity_popup_log_driver .driver_log_table tr:not(.list_header) > td:nth-child(1) {
	white-space: nowrap;
}

body.drivers_activity_popup_log_driver .driver_log_table tr:not(.list_header) > td:nth-child(2) {
	white-space: nowrap;
}

body.drivers_activity_popup_log_driver .driver_log_table tr:not(.list_header) > td:nth-child(3) {
	white-space: nowrap;
}

body.drivers_activity_popup_log_driver .driver_log_table tr:not(.list_header) > td:nth-child(4) {
	white-space: nowrap;
}

body.drivers_activity_popup_location {
	padding: 12px;
	background: #DDDED8;
}

body.drivers_activity_popup_location .location_panel {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	border: solid 1px #777;
	background: #F7F8F3;
	box-sizing: border-box;
}

body.drivers_activity_popup_location .location_heading {
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 13px 16px;
	border-bottom: solid 1px #B8BBB4;
	background: #2F3338;
	color: #fff;
}

body.drivers_activity_popup_location .location_logo {
	flex: 0 0 auto;
	max-width: 220px;
	max-height: 54px;
	min-width: 72px;
	border: solid 1px rgba(255,255,255,.35);
	background: #fff;
	object-fit: contain;
	padding: 5px 8px;
	box-sizing: border-box;
}

body.drivers_activity_popup_location .location_logo_on_dark {
	border-color: rgba(255,255,255,.22);
	background: transparent;
}

body.drivers_activity_popup_location .location_heading_text {
	flex: 1 1 auto;
	min-width: 0;
}

.entity_logo_preview {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 8px;
}

.entity_logo_preview_frame {
	width: 260px;
	height: 86px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	box-sizing: border-box;
	border: solid 1px #B8BBB4;
	background: #fff;
}

.entity_logo_preview_frame_dark {
	border-color: #444;
	background: #2F3338;
}

.entity_logo_preview_img {
	display: block;
	max-width: 236px;
	max-height: 68px;
	min-width: 56px;
	object-fit: contain;
}

.entity_logo_preview_actions {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
}

body.drivers_activity_popup_location .location_heading_actions {
	flex: 0 0 auto;
	margin-left: auto;
}

body.drivers_activity_popup_location .location_heading h1 {
	margin: 2px 0 0 0;
	color: #fff;
	font-size: 20px;
	line-height: 1.2;
}

body.drivers_activity_popup_location .location_type,
body.drivers_activity_popup_location .location_subtitle {
	margin: 0;
	color: #E7E9E4;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.25;
}

body.drivers_activity_popup_location .location_section {
	padding: 12px 16px;
	border-top: solid 1px #E1E3DD;
}

body.drivers_activity_popup_location .location_section:first-of-type {
	border-top: 0;
}

body.drivers_activity_popup_location .location_section h2 {
	margin: 0 0 8px 0;
	font-size: 15px;
	line-height: 1.2;
}

body.drivers_activity_popup_location .location_section_heading {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

body.drivers_activity_popup_location .location_section_heading h2 {
	margin-bottom: 0;
}

body.drivers_activity_popup_location .location_actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: flex-end;
}

body.drivers_activity_popup_location .location_action,
body.drivers_activity_popup_location .location_edit_link,
body.drivers_activity_popup_location .location_footer button {
	display: inline-block;
	min-height: 28px;
	padding: 5px 10px;
	border: solid 1px #777;
	border-radius: 3px;
	background: #EFEFEF;
	color: #111;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

body.drivers_activity_popup_location .location_action:hover,
body.drivers_activity_popup_location .location_edit_link:hover,
body.drivers_activity_popup_location .location_footer button:hover {
	background: #fff;
}

body.drivers_activity_popup_location .location_edit_link {
	border-color: rgba(255,255,255,.55);
	background: #444A51;
	color: #fff;
}

body.drivers_activity_popup_location .location_edit_link:hover {
	background: #fff;
	color: #111;
}

body.drivers_activity_popup_location .location_full_address {
	position: relative;
	min-height: 40px;
	margin: 0;
	padding: 8px 46px 8px 10px;
	border: solid 1px #B8BBB4;
	background: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

body.drivers_activity_popup_location .location_copy_status {
	position: absolute;
	right: 10px;
	bottom: 2px;
	color: #246A00;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	text-align: right;
}

body.drivers_activity_popup_location .location_copy_icon_action {
	position: absolute;
	top: 7px;
	right: 8px;
	width: 28px;
	height: 26px;
	border: solid 1px #777;
	border-radius: 3px;
	background: #EFEFEF;
	text-decoration: none;
	box-sizing: border-box;
}

body.drivers_activity_popup_location .location_copy_icon_action:hover {
	background: #fff;
}

body.drivers_activity_popup_location .location_copy_icon,
body.drivers_activity_popup_location .location_copy_icon:before {
	position: absolute;
	display: block;
	width: 12px;
	height: 14px;
	border: solid 2px #111;
	background: #EFEFEF;
	box-sizing: border-box;
	content: "";
}

body.drivers_activity_popup_location .location_copy_icon {
	top: 7px;
	left: 9px;
}

body.drivers_activity_popup_location .location_copy_icon:before {
	top: -5px;
	left: -5px;
	background: #fff;
}

body.drivers_activity_popup_location .location_address {
	padding: 9px 12px;
	border: solid 1px #C9CCC5;
	background: #fff;
	font-size: 14px;
	line-height: 1.4;
}

body.drivers_activity_popup_location .location_address p {
	margin: 0 0 3px 0;
}

body.drivers_activity_popup_location .location_address p:last-child {
	margin-bottom: 0;
}

body.drivers_activity_popup_location .location_details {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #C9CCC5;
	background: #fff;
}

body.drivers_activity_popup_location .location_details th,
body.drivers_activity_popup_location .location_details td {
	padding: 7px 10px;
	border-top: solid 1px #D7DAD4;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
	line-height: 1.3;
}

body.drivers_activity_popup_location .location_details tr:first-child th,
body.drivers_activity_popup_location .location_details tr:first-child td {
	border-top: 0;
}

body.drivers_activity_popup_location .location_details th {
	width: 190px;
	background: #F0F1EC;
	font-weight: bold;
}

body.drivers_activity_popup_location .location_ext {
	color: #444;
	font-weight: bold;
}

body.drivers_activity_popup_location .location_phone_link {
	color: #004B7A;
	text-decoration: underline;
}

body.drivers_activity_popup_location .location_empty {
	color: #666;
	font-style: italic;
	font-weight: normal;
}

body.drivers_activity_popup_location .location_footer {
	padding: 0 16px 12px 16px;
	text-align: right;
}

body.drivers_activity_popup_driver_details {
	box-sizing: border-box;
	min-height: 100vh;
	padding: 14px;
	background: #DDDED8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

body.drivers_activity_popup_driver_details .driver_popup_panel {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	border: solid 1px #b8bdb5;
	border-radius: 7px;
	background: #F7F8F3;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10);
	overflow: hidden;
}

body.drivers_activity_popup_driver_details .driver_popup_heading {
	display: flex;
	gap: 16px;
	align-items: center;
	padding: 16px 18px;
	border-bottom: solid 1px #B8BBB4;
	background: #2F3338;
	color: #fff;
}

body.drivers_activity_popup_driver_details .driver_popup_photo,
.driver_photo_admin .driver_photo_preview {
	flex: 0 0 auto;
	width: 92px;
	height: 92px;
	border: solid 1px rgba(255,255,255,.46);
	border-radius: 6px;
	background: #fff;
	overflow: hidden;
}

body.drivers_activity_popup_driver_details .driver_popup_photo img,
.driver_photo_admin .driver_photo_preview img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.drivers_activity_popup_driver_details .driver_popup_photo_placeholder,
.driver_photo_admin .driver_photo_placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #E9EBE5;
	color: #555;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

body.drivers_activity_popup_driver_details .driver_popup_title {
	flex: 1 1 auto;
	min-width: 0;
}

body.drivers_activity_popup_driver_details .driver_popup_title p {
	margin: 0;
	color: #E7E9E4;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.25;
	text-transform: uppercase;
}

body.drivers_activity_popup_driver_details .driver_popup_title h1 {
	margin: 3px 0 0 0;
	color: #fff;
	font-size: 28px;
	line-height: 1.2;
}

body.drivers_activity_popup_driver_details .driver_popup_title h2 {
	margin: 3px 0 0 0;
	color: #E7E9E4;
	font-size: 16px;
	line-height: 1.25;
}

body.drivers_activity_popup_driver_details .driver_popup_heading_actions {
	flex: 0 0 auto;
	align-self: flex-start;
}

body.drivers_activity_popup_driver_details .driver_popup_heading_actions a {
	display: inline-block;
	min-width: 54px;
	padding: 8px 12px;
	border: solid 1px rgba(255,255,255,.55);
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
}

body.drivers_activity_popup_driver_details .driver_popup_heading_actions a:hover {
	background: rgba(255,255,255,.12);
}

body.drivers_activity_popup_driver_details .driver_popup_section {
	padding: 16px 18px 12px 18px;
}

body.drivers_activity_popup_driver_details .driver_popup_details {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #d1d6ce;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
}

body.drivers_activity_popup_driver_details .driver_popup_details th,
body.drivers_activity_popup_driver_details .driver_popup_details td {
	padding: 12px 14px;
	border-top: solid 1px #e2e5df;
	text-align: left;
	vertical-align: middle;
	font-size: 15px;
	line-height: 1.3;
}

body.drivers_activity_popup_driver_details .driver_popup_details tr:first-child th,
body.drivers_activity_popup_driver_details .driver_popup_details tr:first-child td {
	border-top: 0;
}

body.drivers_activity_popup_driver_details .driver_popup_details th {
	width: 150px;
	background: #f0f2ed;
	color: #3c433e;
	font-weight: bold;
}

body.drivers_activity_popup_driver_details .driver_popup_phone_link,
body.drivers_activity_popup_driver_details .driver_popup_email_link {
	color: #004B7A;
	text-decoration: underline;
	font-weight: bold;
	overflow-wrap: anywhere;
}

body.drivers_activity_popup_driver_details .driver_popup_empty {
	color: #666;
	font-style: italic;
	font-weight: normal;
}

body.drivers_activity_popup_driver_details .driver_popup_footer {
	padding: 0 18px 16px 18px;
	text-align: right;
}

body.drivers_activity_popup_driver_details .driver_popup_footer button {
	display: inline-block;
	min-height: 36px;
	padding: 7px 16px;
	border: solid 1px #a9b1a6;
	border-radius: 5px;
	background: #fff;
	color: #111;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	cursor: pointer;
}

body.drivers_activity_popup_driver_details .driver_popup_footer button:hover {
	background: #fff;
}

.driver_photo_admin {
	display: flex;
	gap: 12px;
	align-items: center;
	margin: 0 0 12px 0;
	padding: 10px;
	border: solid 1px #C9CCC5;
	background: #F7F8F3;
}

.driver_photo_admin .driver_photo_preview {
	border-color: #999;
}

.driver_photo_admin .driver_photo_upload strong {
	display: block;
	margin-bottom: 4px;
}

.driver_photo_admin .driver_photo_upload p {
	margin: 0;
	color: #555;
	font-size: 12px;
}

.driver_photo_form {
	margin-top: 10px;
}

.quick-rate-distance-heading {
	display: none;
}

@media screen and (max-width: 520px) {
	body.drivers_activity_popup_driver_details {
		padding: 10px;
	}

	body.drivers_activity_popup_driver_details .driver_popup_panel {
		max-width: none;
	}

	body.drivers_activity_popup_driver_details .driver_popup_heading {
		gap: 10px;
		padding: 12px;
	}

	body.drivers_activity_popup_driver_details .driver_popup_photo {
		width: 78px;
		height: 78px;
	}

	body.drivers_activity_popup_driver_details .driver_popup_details th,
	body.drivers_activity_popup_driver_details .driver_popup_details td {
		padding: 9px 10px;
	}

	body.drivers_activity_popup_driver_details .driver_popup_details th {
		width: 112px;
	}

	body.drivers_activity_popup_location {
		padding: 10px;
		font-size: 14px;
	}

	body.drivers_activity_popup_location .location_panel {
		max-width: none;
	}

	body.drivers_activity_popup_location .location_heading {
		align-items: flex-start;
		padding: 12px;
	}

		body.drivers_activity_popup_location .location_logo {
			max-width: 150px;
			max-height: 44px;
			min-width: 58px;
			padding: 4px 6px;
		}

	body.drivers_activity_popup_location .location_heading h1 {
		font-size: 18px;
	}

	body.drivers_activity_popup_location .location_section {
		padding: 12px;
	}

	body.drivers_activity_popup_location .location_section_heading {
		display: block;
	}

	body.drivers_activity_popup_location .location_actions {
		justify-content: stretch;
		margin-top: 8px;
	}

	body.drivers_activity_popup_location .location_action {
		flex: 1 1 130px;
		min-height: 36px;
		padding-top: 9px;
		font-size: 13px;
	}

	body.drivers_activity_popup_location .location_details th,
	body.drivers_activity_popup_location .location_details td {
		display: block;
		width: 100%;
	}

	body.drivers_activity_popup_location .location_details td {
		border-top: 0;
		padding-top: 0;
	}

	body.drivers_activity_popup_location .location_footer {
		padding: 0 12px 12px 12px;
	}

	body.drivers_activity_popup_location .location_footer button {
		width: 100%;
		min-height: 36px;
	}
}

@media screen and (max-width: 1800px) {
	.drivers_activity_filter_fields {
		grid-template-columns: repeat(4, minmax(190px, 1fr));
		column-gap: 14px;
		max-width: 1642px;
		margin-left: auto;
		margin-right: auto;
	}

	.drivers_activity_filter_field {
		min-width: 0;
		text-align: left !important;
		box-sizing: border-box;
	}

	.drivers_activity_filter_field p,
	.drivers_activity_filter_field div {
		text-align: left;
	}

	.drivers_activity_filter_actions {
		max-width: 1642px;
		margin-left: auto;
		margin-right: auto;
		text-align: left !important;
	}

	.drivers_activity_scheduler_actions {
		justify-content: flex-start;
	}

	.drivers_activity_scheduler_labels {
		display: none;
	}

	.drivers_activity_scheduler_form,
	.drivers_activity_scheduler_form tbody,
	.drivers_activity_scheduler_fields,
	.drivers_activity_scheduler_form tr {
		display: block;
		width: 100%;
	}

	.drivers_activity_scheduler_form {
		max-width: 1642px;
		margin-left: auto;
		margin-right: auto;
	}

	.drivers_activity_scheduler_form tr.drivers_activity_scheduler_labels {
		display: none;
	}

	.drivers_activity_scheduler_fields td {
		display: inline-block;
		width: 23%;
		min-width: 190px;
		padding: 4px 8px;
		text-align: left !important;
		vertical-align: top;
		box-sizing: border-box;
	}

	.drivers_activity_scheduler_fields td:before {
		content: attr(data-label);
		display: block;
		margin-bottom: 2px;
		font-weight: bold;
		text-align: left;
	}

.drivers_activity_scheduler_fields div {
	text-align: left !important;
}

.drivers_activity_scheduler_fields td:first-child,
.drivers_activity_scheduler_fields td:first-child div {
	text-align: left !important;
}

.drivers_activity_scheduler_fields td:first-child {
	padding-left: 0;
}
}

@media screen and (max-width: 1200px) {
	#drivers_activity {
		padding-top: 4px;
	}

	#drivers_activity_scheduler {
		margin-top: 22px;
	}

	.drivers_activity_filter_fields {
		grid-template-columns: repeat(2, minmax(190px, 1fr));
	}

	.drivers_activity_filter_fields .drivers_activity_filter_field:first-child,
	.drivers_activity_filter_fields .drivers_activity_filter_field:first-child p {
		text-align: left !important;
	}

	.drivers_activity_scheduler_fields td {
		width: 48%;
	}

	.drivers_activity_scheduler_heading {
		padding-bottom: 7px;
	}

	.drivers_activity_scheduler_heading h1 {
		font-size: 22px;
	}

	.drivers_activity_scheduler_badge {
		vertical-align: 2px;
	}
}

@media screen and (min-width: 821px) and (max-width: 1024px) {
	#driver_situation {
		display: block;
		width: calc(100vw - 40px) !important;
		max-width: calc(100vw - 40px) !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		border-bottom: solid 1px #999;
		box-sizing: border-box;
	}

	#driver_situation .drivers_activity_live_table {
		width: 1280px !important;
		min-width: 1280px;
		max-width: none;
	}

	#driver_situation .drivers_activity_live_table td {
		padding: 4px 5px;
		font-size: 11px;
		line-height: 1.2;
		vertical-align: middle;
	}

	#driver_situation .drivers_activity_live_table .list_header td {
		height: 28px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

		#driver_situation .drivers_activity_live_table p {
			margin-top: 0;
			margin-bottom: 0;
		}

		#driver_situation .drivers_activity_live_table td:nth-child(2) p {
			display: inline-flex;
			align-items: center;
			justify-content: center;
		}

	#driver_situation .drivers_activity_status_toggle,
	#driver_situation .drivers_activity_icon_control {
		min-height: 22px;
	}
}

@media screen and (max-width: 820px) {
	#driver_situation .drivers_activity_live_table {
		min-width: 0;
		border-bottom: none !important;
	}

	#driver_situation .drivers_activity_live_table,
	#driver_situation .drivers_activity_live_table tbody,
	#driver_situation .drivers_activity_live_table tr {
		display: block;
		width: 100%;
	}

	#driver_situation .drivers_activity_live_table .list_header {
		display: none;
	}

	#driver_situation .drivers_activity_live_table tr {
		display: grid;
		grid-template-columns: 58px minmax(150px, 1.3fr) 74px 96px;
		margin-bottom: 10px;
		border: solid 1px #777;
		background: #f7f8f3;
	}

	#driver_situation .drivers_activity_live_table tr.drivers_activity_empty_row,
	#driver_situation_scheduler .drivers_activity_scheduler_table tr.drivers_activity_empty_row {
		display: block;
		margin-bottom: 8px;
		border: solid 1px #777;
		background: #f7f8f2;
	}

	#driver_situation .drivers_activity_live_table tr.drivers_activity_empty_row td,
	#driver_situation_scheduler .drivers_activity_scheduler_table tr.drivers_activity_empty_row td {
		display: block;
		width: 100% !important;
		padding: 12px !important;
		border: 0 !important;
		text-align: center !important;
		box-sizing: border-box;
	}

	#driver_situation .drivers_activity_live_table tr.drivers_activity_empty_row td:before,
	#driver_situation_scheduler .drivers_activity_scheduler_table tr.drivers_activity_empty_row td:before {
		display: none !important;
	}

	#driver_situation .drivers_activity_live_table tr td {
		display: block;
		width: auto !important;
		min-width: 150px;
		padding: 6px 10px;
		text-align: left !important;
		vertical-align: top;
		box-sizing: border-box;
		border-left: none !important;
		border-right: none !important;
		border-top: none !important;
		border-bottom: solid 1px rgba(0, 0, 0, 0.12) !important;
	}

	#driver_situation .drivers_activity_live_table tr td:before {
		content: attr(data-label);
		display: block;
		margin-bottom: 2px;
		font-weight: bold;
		text-align: left;
	}

	#driver_situation .drivers_activity_live_table tr td:first-child div,
	#driver_situation .drivers_activity_live_table tr td:first-child div div {
		margin-top: 0 !important;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(1):before,
	#driver_situation .drivers_activity_live_table tr td:nth-child(3):before,
	#driver_situation .drivers_activity_live_table tr td:nth-child(4):before,
	#driver_situation .drivers_activity_live_table tr td:nth-child(13):before {
		display: none;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(1),
	#driver_situation .drivers_activity_live_table tr td:nth-child(3),
	#driver_situation .drivers_activity_live_table tr td:nth-child(4),
	#driver_situation .drivers_activity_live_table tr td:nth-child(13) {
		width: auto !important;
		min-width: 0;
		white-space: nowrap;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(1) {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left: 0;
		padding-right: 0;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(13) {
		display: flex;
		align-items: center;
		justify-content: center;
		grid-column: 4;
		grid-row: 4;
		min-width: 0;
		padding-left: 0;
		padding-right: 0;
		text-align: center !important;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(5),
	#driver_situation .drivers_activity_live_table tr td:nth-child(6),
	#driver_situation .drivers_activity_live_table tr td:nth-child(7),
	#driver_situation .drivers_activity_live_table tr td:nth-child(8),
	#driver_situation .drivers_activity_live_table tr td:nth-child(10),
	#driver_situation .drivers_activity_live_table tr td:nth-child(12) {
		min-width: 0;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(7),
	#driver_situation .drivers_activity_live_table tr td:nth-child(10),
	#driver_situation .drivers_activity_live_table tr td:nth-child(11) {
		grid-column: span 2;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(8),
	#driver_situation .drivers_activity_live_table tr td:nth-child(9) {
		grid-column: span 2;
		min-width: 0;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(3) p,
	#driver_situation .drivers_activity_live_table tr td:nth-child(4) p,
	#driver_situation .drivers_activity_live_table tr td:nth-child(13) p {
		margin: 0;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(3) a,
	#driver_situation .drivers_activity_live_table tr td:nth-child(4) a {
		display: inline-block;
		min-width: 58px;
		padding: 2px 6px;
		border: solid 1px #777;
		background: #efefef;
		line-height: 1.3;
		text-align: center;
	}
}

@media screen and (max-width: 820px) {
	#drivers_activity_scheduler {
		overflow-x: visible;
	}

	#driver_situation .drivers_activity_live_table tr td {
		width: 48%;
		min-width: 0;
	}

	.drivers_activity_filter_fields {
		grid-template-columns: repeat(2, minmax(150px, 1fr));
	}

	.drivers_activity_scheduler_fields td {
		width: 48%;
		min-width: 0;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table,
	#driver_situation_scheduler .drivers_activity_scheduler_table tbody,
	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] {
		display: block;
		width: 100%;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table .list_header {
		display: none;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] {
		margin-bottom: 8px;
		border-top: solid 1px #333;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td {
		display: inline-block;
		width: 48%;
		min-width: 0;
		padding: 4px 8px;
		text-align: left !important;
		vertical-align: top;
		box-sizing: border-box;
		border-left: none !important;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:before {
		content: attr(data-label);
		display: block;
		margin-bottom: 2px;
		font-weight: bold;
		text-align: left;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(10) {
		width: 28px;
		padding-left: 0;
		padding-right: 0;
		text-align: center !important;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(10):before {
		display: none;
	}
}

@media screen and (max-width: 520px) {
	#driver_situation {
		overflow-x: visible;
	}

	#driver_situation .drivers_activity_live_table tr {
		grid-template-columns: 82px minmax(0, 1fr);
		margin: 0 0 8px 0;
		border: solid 1px #777;
		background: #f7f8f3;
	}

	#driver_situation .drivers_activity_live_table tr td {
		width: 48% !important;
		min-width: 0;
		padding: 4px 8px;
		border-right: none !important;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(1),
	#driver_situation .drivers_activity_live_table tr td:nth-child(3) {
		width: auto !important;
		padding-bottom: 2px;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(1) {
		display: block;
		text-align: left !important;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(1) .drivers_activity_status_toggle {
		justify-content: center;
		width: 100%;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(2),
	#driver_situation .drivers_activity_live_table tr td:nth-child(4) {
		width: auto !important;
		padding-bottom: 2px;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(5),
	#driver_situation .drivers_activity_live_table tr td:nth-child(6),
	#driver_situation .drivers_activity_live_table tr td:nth-child(7),
	#driver_situation .drivers_activity_live_table tr td:nth-child(8),
	#driver_situation .drivers_activity_live_table tr td:nth-child(9),
	#driver_situation .drivers_activity_live_table tr td:nth-child(10),
	#driver_situation .drivers_activity_live_table tr td:nth-child(11),
	#driver_situation .drivers_activity_live_table tr td:nth-child(12) {
		grid-column: 1 / -1;
		width: auto !important;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(1):before {
		content: "Status";
		display: block;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(3) a,
	#driver_situation .drivers_activity_live_table tr td:nth-child(4) a {
		min-width: 66px;
		box-sizing: border-box;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(13) {
		grid-column: 1 / -1;
		grid-row: auto;
		width: auto !important;
		padding-left: 0;
		padding-right: 0;
		text-align: center !important;
	}

	#main_menu {
		position: sticky;
		top: 0;
		z-index: 1000;
		height: 52px;
		min-height: 52px;
		line-height: normal;
		padding: 0 10px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		background: #fff;
		border-bottom: solid 1px #d8dbd4;
		box-shadow: 0 1px 3px rgba(0,0,0,0.08);
	}

	.kt-mobile-menu-button {
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 36px;
		height: 36px;
		margin-right: 10px;
		border: solid 1px #c5c9c1;
		border-radius: 6px;
		background: #f7f8f5;
		cursor: pointer;
	}

	.kt-mobile-menu-button span {
		display: block;
		width: 17px;
		height: 2px;
		margin: 2px 0;
		background: #232629;
		border-radius: 2px;
	}

	.kt-mobile-menu-brand {
		display: block;
		min-width: 0;
		color: #202327;
	}

	.kt-mobile-menu-brand b,
	.kt-mobile-menu-brand span {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.kt-mobile-menu-brand b {
		font-size: 16px;
		line-height: 18px;
	}

	.kt-mobile-menu-brand span {
		margin-top: 1px;
		color: #60646b;
		font-size: 12px;
		line-height: 14px;
	}

	.kt-environment-pill {
		display: block;
		position: static;
		flex: 0 0 auto;
		margin-left: auto;
		padding: 2px 7px;
		transform: none;
		font-size: 11px;
		line-height: 15px;
	}

	.kt-environment-full {
		display: none;
	}

	.kt-environment-short {
		display: inline;
	}

	#main_menu .kt-menu-panel {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1002;
		width: 82%;
		max-width: 320px;
		height: 100vh;
		overflow-y: auto;
		background: #fff;
		border-right: solid 1px #b8bdb5;
		box-shadow: 5px 0 18px rgba(0,0,0,0.18);
		transform: translateX(-105%);
		transition: transform 180ms ease;
		box-sizing: border-box;
		padding: 18px 18px 22px;
	}

	#main_menu .kt-main-menu-links,
	#main_menu .kt-menu-user {
		float: none !important;
		width: 100%;
		box-sizing: border-box;
		text-align: left;
	}

	#main_menu .kt-menu-user {
		margin: 0 0 16px 0;
		padding: 0 0 14px 0;
		border-bottom: solid 1px #dde0da;
		color: #4c5158;
		font-size: 13px;
		line-height: 18px;
	}

	.kt-mobile-drawer-heading {
		display: block;
		margin: 0 0 14px 0;
		padding: 0 0 12px 0;
		border-bottom: solid 1px #dde0da;
		color: #202327;
		font-size: 20px;
		font-weight: bold;
		line-height: 24px;
	}

	#main_menu .kt-menu-user a {
		display: inline-block;
		margin-top: 8px;
		padding: 7px 10px;
		border: solid 1px #c6cbc4;
		border-radius: 6px;
		background: #f7f8f5;
		text-decoration: none;
	}

	#main_menu ul {
		margin: 0;
		padding: 0;
	}

	#main_menu ul li {
		display: block;
		margin: 0;
		border-bottom: solid 1px #edf0eb;
	}

	#main_menu a {
		display: block;
		padding: 13px 4px;
		color: #202327;
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
		text-decoration: none;
	}

	#main_menu .kt-mobile-menu-sublist {
		display: block;
		margin: -2px 0 10px 0;
		padding: 0 0 0 14px;
		border-left: solid 3px #d9ded6;
	}

	#main_menu .kt-mobile-menu-sublist li {
		border-bottom: none;
	}

	#main_menu .kt-mobile-menu-sublist a {
		padding: 8px 4px;
		color: #4d5359;
		font-size: 14px;
		font-weight: bold;
		line-height: 18px;
	}

	.kt-mobile-menu-overlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1001;
		background: rgba(0,0,0,0.28);
	}

	#main_menu .kt-mobile-menu-toggle:checked ~ .kt-mobile-menu-overlay {
		display: block;
	}

	#main_menu .kt-mobile-menu-toggle:checked ~ .kt-menu-panel {
		transform: translateX(0);
	}

	.submenu,
	.subsubmenu,
	.subsubmenu-mobile {
		display: none;
	}

	.kt-mobile-page-actions {
		display: none !important;
	}

	#filters.clients-filters,
	#filters.drivers-filters,
	#filters.consignee-filters {
		float: none;
		clear: both;
		width: 100%;
		margin: 0 0 12px 0;
		text-align: left;
		box-sizing: border-box;
	}

	.clients-filter-table,
	.clients-filter-table tbody,
	.clients-filter-table tr,
	.clients-filter-table td,
	.drivers-filter-table,
	.drivers-filter-table tbody,
	.drivers-filter-table tr,
	.drivers-filter-table td,
	.consignee-filter-table,
	.consignee-filter-table tbody,
	.consignee-filter-table tr,
	.consignee-filter-table td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}

	.clients-filter-table,
	.drivers-filter-table,
	.consignee-filter-table {
		margin-top: 10px;
		padding: 0 12px;
		text-align: left;
	}

	.clients-filter-table td,
	.drivers-filter-table td,
	.consignee-filter-table td {
		padding: 0 0 10px 0;
		font-size: 13px;
		line-height: 17px;
	}

	.clients-filter-table input[type="text"],
	.clients-filter-table select,
	.clients-filter-table #dropdown_cities_by_state,
	.drivers-filter-table input[type="text"],
	.drivers-filter-table select,
	.consignee-filter-table input[type="text"],
	.consignee-filter-table select {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}

	.clients-filter-table input[type="button"],
	.drivers-filter-table input[type="button"],
	.consignee-filter-table input[type="button"] {
		width: 100%;
		height: 34px;
		box-sizing: border-box;
	}

	.listing_table {
		clear: both;
		display: block;
		width: calc(100vw - 20px) !important;
		max-width: calc(100vw - 20px);
		margin-left: 10px;
		margin-right: 10px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		box-sizing: border-box;
	}

	.quick-rate-title {
		margin: 18px 14px 8px 14px;
		font-size: 20px;
		line-height: 24px;
	}

	.quick-rate-form,
	.quick-rate-distance-panel {
		clear: both;
		width: auto !important;
		margin: 0 14px 16px 14px !important;
		box-sizing: border-box;
	}

	#display_distances_by_location.quick-rate-distance-panel {
		float: none !important;
		width: auto !important;
		height: auto !important;
		margin: 14px 14px 16px 14px !important;
		padding-top: 12px;
		border-top: solid 1px #c9cec6;
	}

	#display_estimations {
		clear: both;
		margin: 14px 14px 8px 14px;
		box-sizing: border-box;
	}

	#display_estimations .quick-rate-results-title,
	#display_estimations .quick-rate-results-empty {
		width: auto !important;
		text-align: left !important;
		box-sizing: border-box;
	}

	#display_estimations .quick-rate-results-title {
		padding-top: 6px !important;
		margin-bottom: 8px;
		font-size: 12px;
		line-height: 16px;
		overflow-wrap: anywhere;
	}

	#display_estimations .quick-rate-results-empty {
		padding: 10px;
		border-color: #c4c9c0 !important;
		background: #f8faf6;
	}

	#display_estimations .quick-rate-results-wrap {
		float: none !important;
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		box-sizing: border-box;
	}

	#display_estimations .quick-rate-results-table,
	#display_estimations .quick-rate-results-table tbody,
	#display_estimations .quick-rate-results-table tr {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}

	#display_estimations .quick-rate-results-table {
		font-size: 12px !important;
	}

	#display_estimations .quick-rate-results-table thead {
		display: none;
	}

	#display_estimations .quick-rate-results-table tr {
		margin: 0 0 8px 0;
		border: solid 1px #c4c9c0;
		background: #f8faf6;
	}

	#display_estimations .quick-rate-results-table td {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(84px, max-content);
		column-gap: 8px;
		width: 100% !important;
		padding: 6px 10px !important;
		border: none !important;
		text-align: right !important;
		box-sizing: border-box;
		overflow-wrap: anywhere;
	}

	#display_estimations .quick-rate-results-table td:before {
		color: #525852;
		font-weight: bold;
		text-align: left;
	}

	#display_estimations .quick-rate-results-table td:nth-child(1):before {
		display: none;
	}

	#display_estimations .quick-rate-results-table td:nth-child(2):before {
		content: "Zone / Client Rate";
	}

	#display_estimations .quick-rate-results-table td:nth-child(3):before {
		content: "Zone Single Move";
	}

	#display_estimations .quick-rate-results-table td:nth-child(4):before {
		content: "City Rate";
	}

	#display_estimations .quick-rate-results-table td:nth-child(5):before {
		content: "City Single Move";
	}

	#display_estimations .quick-rate-results-table td span {
		margin-left: 0 !important;
	}

	#display_estimations .quick-rate-results-table td:nth-child(1) {
		display: block;
		padding: 8px 10px !important;
		border-bottom: solid 1px #d9ded6 !important;
		background: #eef1ea;
		color: #202327;
		font-size: 13px;
		font-weight: bold;
		line-height: 17px;
		text-align: left !important;
		white-space: normal !important;
		overflow-wrap: anywhere;
	}

	#display_estimations .quick-rate-results-table tbody td:empty {
		display: none;
	}

	.quick-rate-distance-heading {
		display: block;
		margin: 0 0 10px 0;
		font-size: 17px;
		font-weight: bold;
		line-height: 21px;
	}

	.quick-rate-selector-table,
	.quick-rate-selector-table tbody,
	.quick-rate-selector-table tr,
	.quick-rate-selector-table td,
	.quick-rate-distance-table,
	.quick-rate-distance-table tbody,
	.quick-rate-distance-table tr,
	.quick-rate-distance-table td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}

	.quick-rate-selector-table {
		margin-top: 12px !important;
	}

	.quick-rate-distance-table {
		padding-top: 6px !important;
	}

	.quick-rate-selector-table td,
	.quick-rate-distance-table td {
		padding: 0 0 9px 0;
		font-size: 13px;
		line-height: 17px;
	}

	.quick-rate-distance-table .quick-rate-same-row {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 32px;
		align-items: center;
		column-gap: 8px;
	}

	.quick-rate-distance-table .quick-rate-inline-label,
	.quick-rate-distance-table .quick-rate-checkbox-cell {
		width: auto !important;
		padding-bottom: 12px;
	}

	.quick-rate-distance-table .quick-rate-checkbox-cell {
		text-align: right;
	}

	.quick-rate-distance-row {
		margin-top: 8px;
		padding-top: 10px;
		border-top: solid 1px #d6dad2;
	}

	.quick-rate-selector-table tr:nth-child(2) {
		display: none;
	}

	.quick-rate-selector-table select,
	.quick-rate-distance-table input[type="text"],
	.quick-rate-distance-table input[type="button"],
	.quick-rate-distance-table .mapSearchWrapper,
	.quick-rate-distance-table .mapSearchInput {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}

	.quick-rate-distance-table .quick-rate-result-cell {
		display: grid;
		grid-template-columns: 76px minmax(0, 1fr);
		align-items: center;
		column-gap: 8px;
	}

	.quick-rate-result-label {
		color: #303430;
		font-weight: bold;
	}

	.quick-rate-distance-table input[type="button"] {
		height: 34px;
	}

	.quick-rate-distance-table input[readonly="readonly"] {
		background: #f3f4f0;
	}

	.quick-rate-distance-table td:empty {
		display: none;
	}

	.environment_banner {
		display: none;
	}

	.environment_banner p {
		display: none;
	}
}

@media screen and (max-width: 820px) {
	#driver_situation .drivers_activity_live_table tr {
		grid-template-columns: 42px minmax(0, 1fr) 62px 76px;
		gap: 0;
		margin-bottom: 12px;
		border: solid 1px #bdc4ba;
		border-radius: 5px;
		background: #f8faf6;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
		overflow: hidden;
	}

	#driver_situation .drivers_activity_live_table tr.list_green {
		border-color: #82c86c;
		background: #f4fbef;
		box-shadow: inset 5px 0 0 #76d02d, 0 1px 2px rgba(0, 0, 0, 0.08);
	}

	#driver_situation .drivers_activity_live_table tr.list_red {
		border-color: #ef8f8c;
		background: #fff4f2;
		box-shadow: inset 5px 0 0 #f72a24, 0 1px 2px rgba(0, 0, 0, 0.08);
	}

	#driver_situation .drivers_activity_live_table tr td {
		display: block;
		width: auto !important;
		min-width: 0;
		padding: 5px 7px;
		border-bottom: solid 1px rgba(0, 0, 0, 0.1) !important;
		font-size: 12px;
		line-height: 1.25;
	}

	#driver_situation .drivers_activity_live_table tr td:before {
		display: inline;
		margin: 0 4px 0 0;
		color: #444;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
	}

	#driver_situation .drivers_activity_live_table tr td p {
		display: inline;
		margin: 0;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(1) {
		grid-column: 1;
		grid-row: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 5px 3px;
		background: #eef1ea;
		border-right: solid 1px #d6dbd2 !important;
		border-bottom: solid 1px #d6dbd2 !important;
	}

	#driver_situation .drivers_activity_live_table tr.list_green td:nth-child(1),
	#driver_situation .drivers_activity_live_table tr.list_green td:nth-child(2),
	#driver_situation .drivers_activity_live_table tr.list_green td:nth-child(3),
	#driver_situation .drivers_activity_live_table tr.list_green td:nth-child(4),
	#driver_situation .drivers_activity_live_table tr.list_green td:nth-child(13) {
		background: #eef8e8;
		border-color: #cfe6c6 !important;
	}

	#driver_situation .drivers_activity_live_table tr.list_red td:nth-child(1),
	#driver_situation .drivers_activity_live_table tr.list_red td:nth-child(2),
	#driver_situation .drivers_activity_live_table tr.list_red td:nth-child(3),
	#driver_situation .drivers_activity_live_table tr.list_red td:nth-child(4),
	#driver_situation .drivers_activity_live_table tr.list_red td:nth-child(13) {
		background: #fff0ef;
		border-color: #f3ccca !important;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(1):before,
	#driver_situation .drivers_activity_live_table tr td:nth-child(2):before,
	#driver_situation .drivers_activity_live_table tr td:nth-child(3):before,
	#driver_situation .drivers_activity_live_table tr td:nth-child(4):before,
	#driver_situation .drivers_activity_live_table tr td:nth-child(13):before {
		display: none;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(2) {
		grid-column: 2;
		grid-row: 1;
		display: flex;
		align-items: center;
		padding-top: 5px;
		padding-bottom: 5px;
		background: #eef1ea;
		border-bottom: solid 1px #d6dbd2 !important;
		font-size: 13px;
		font-weight: bold;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(2) a:first-child {
		font-weight: bold;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(3),
	#driver_situation .drivers_activity_live_table tr td:nth-child(4) {
		grid-row: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 4px;
		background: #eef1ea;
		border-bottom: solid 1px #d6dbd2 !important;
		text-align: center !important;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(3) {
		grid-column: 3;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(4) {
		grid-column: 4;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(3) a,
	#driver_situation .drivers_activity_live_table tr td:nth-child(4) a {
		display: block;
		min-width: 0;
		width: 100%;
		padding: 4px 3px;
		border: solid 1px #a9b1a6;
		border-radius: 4px;
		background: #fff;
		font-size: 11px;
		font-weight: bold;
		line-height: 1.2;
		text-align: center;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(5) {
		grid-column: 1 / 3;
		grid-row: 2;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(6) {
		grid-column: 3 / 5;
		grid-row: 2;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(7) {
		grid-column: 1 / 3;
		grid-row: 3;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(8) {
		grid-column: 3 / 5;
		grid-row: 3;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(9),
	#driver_situation .drivers_activity_live_table tr td:nth-child(11) {
		grid-column: 1 / -1;
		font-weight: bold;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(10) {
		grid-column: 1 / 3;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(12) {
		grid-column: 3 / 5;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(13) {
		grid-column: 1 / -1;
		grid-row: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 30px;
		padding: 4px;
		background: #eef1ea;
		border-top: solid 1px #d6dbd2 !important;
		border-bottom: none !important;
	}

	#driver_situation .drivers_activity_live_table tr .drivers_activity_mobile_summary {
		grid-column: 1 / -1;
		grid-row: 2;
		display: block;
		padding: 8px 10px 9px 10px;
		background: #fff;
		border-top: none !important;
		border-bottom: none !important;
	}

	#driver_situation .drivers_activity_live_table tr.list_green .drivers_activity_mobile_summary {
		background: linear-gradient(90deg, #f2faed 0, #fff 40%);
	}

	#driver_situation .drivers_activity_live_table tr.list_red .drivers_activity_mobile_summary {
		background: linear-gradient(90deg, #fff1ef 0, #fff 42%);
	}

	#driver_situation .drivers_activity_live_table tr .drivers_activity_mobile_summary:before {
		display: none;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(5),
	#driver_situation .drivers_activity_live_table tr td:nth-child(6),
	#driver_situation .drivers_activity_live_table tr td:nth-child(7),
	#driver_situation .drivers_activity_live_table tr td:nth-child(8),
	#driver_situation .drivers_activity_live_table tr td:nth-child(9),
	#driver_situation .drivers_activity_live_table tr td:nth-child(10),
	#driver_situation .drivers_activity_live_table tr td:nth-child(11),
	#driver_situation .drivers_activity_live_table tr td:nth-child(12) {
		display: none;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(13) {
		grid-row: 3;
	}

	#driver_situation .drivers_activity_mobile_meta {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
		margin-bottom: 8px;
		font-size: 11px;
		font-weight: bold;
	}

	#driver_situation .drivers_activity_mobile_meta span {
		display: inline-flex;
		align-items: center;
		min-height: 20px;
		padding: 2px 6px;
		border: solid 1px #d6dbd2;
		border-radius: 4px;
		background: #f4f6f2;
		line-height: 1.2;
		white-space: nowrap;
	}

	#driver_situation .drivers_activity_mobile_ids {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 6px;
		margin: 0 0 8px 0;
	}

	#driver_situation .drivers_activity_mobile_id {
		min-width: 0;
		padding: 6px 8px;
		border: solid 1px #d6dbd2;
		border-radius: 4px;
		background: #f4f6f2;
		box-sizing: border-box;
	}

	#driver_situation .drivers_activity_mobile_id span {
		display: block;
		margin-bottom: 2px;
		color: #596057;
		font-size: 10px;
		font-weight: bold;
		line-height: 1.15;
		text-transform: uppercase;
	}

	#driver_situation .drivers_activity_mobile_id a,
	#driver_situation .drivers_activity_mobile_id strong {
		display: block;
		min-width: 0;
		color: #111;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.25;
		overflow-wrap: anywhere;
	}

	#driver_situation .drivers_activity_mobile_line {
		display: grid;
		grid-template-columns: 66px minmax(0, 1fr);
		column-gap: 8px;
		margin-top: 0;
		padding: 5px 0;
		border-top: solid 1px #edf0eb;
		font-size: 12px;
		line-height: 1.3;
	}

	#driver_situation .drivers_activity_mobile_line span {
		color: #596057;
		font-size: 10px;
		font-weight: bold;
		letter-spacing: 0;
		text-transform: uppercase;
	}

	#driver_situation .drivers_activity_mobile_line a,
	#driver_situation .drivers_activity_mobile_line strong {
		min-width: 0;
		font-weight: bold;
		overflow-wrap: anywhere;
	}

	#driver_situation .drivers_activity_legend {
		margin: 4px 0 18px 0;
		text-align: center;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table {
		border-bottom: none !important;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table,
	#driver_situation_scheduler .drivers_activity_scheduler_table tbody,
	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table .list_header {
		display: none;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 34px;
		gap: 0;
		margin: 0 0 12px 0;
		border: solid 1px #bdc4ba;
		border-radius: 5px;
		background: #f8faf6;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
		overflow: hidden;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td {
		display: block;
		width: auto !important;
		min-width: 0;
		padding: 6px 9px;
		border: none !important;
		border-bottom: solid 1px #edf0eb !important;
		background: #fff;
		color: #111;
		font-size: 12px;
		line-height: 1.3;
		text-align: left !important;
		box-sizing: border-box;
		overflow-wrap: anywhere;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:before {
		content: attr(data-label);
		display: block;
		margin: 0 0 2px 0;
		color: #596057;
		font-size: 10px;
		font-weight: bold;
		letter-spacing: 0;
		text-transform: uppercase;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td p {
		display: block;
		margin: 0;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(1),
	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(2),
	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(10) {
		display: flex;
		align-items: center;
		background: #eef1ea;
		border-bottom: solid 1px #d6dbd2 !important;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(1):before,
	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(2):before,
	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(10):before {
		display: none;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(1) {
		grid-column: 1;
		grid-row: 1;
		font-weight: bold;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(2) {
		grid-column: 2;
		grid-row: 1;
		justify-content: flex-end;
		color: #2d342f;
		font-size: 11px;
		font-weight: bold;
		text-align: right !important;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(10) {
		grid-column: 3;
		grid-row: 1;
		justify-content: center;
		padding-left: 3px;
		padding-right: 3px;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(3),
	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(4),
	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(5) {
		margin: 8px 0 0 0;
		border: solid 1px #d6dbd2 !important;
		border-radius: 4px;
		background: #f4f6f2;
		font-size: 11px;
		font-weight: bold;
		line-height: 1.25;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(3) {
		grid-column: 1;
		grid-row: 2;
		margin-left: 9px;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(4) {
		grid-column: 2 / 4;
		grid-row: 2;
		margin-right: 9px;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(5) {
		grid-column: 1 / -1;
		grid-row: 3;
		margin: 6px 9px 8px 9px;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(6),
	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(7),
	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(8),
	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(9) {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: 78px minmax(0, 1fr);
		column-gap: 8px;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(6):before {
		content: "From";
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(7):before {
		content: "Task";
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(8):before {
		content: "To";
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(9):before {
		content: "Notes";
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr[id^="row_"] td:nth-child(9) {
		border-bottom: none !important;
	}
}

@media screen and (max-width: 430px) {
	#driver_situation .drivers_activity_mobile_ids {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (min-width: 1025px) {
	#driver_situation .drivers_activity_live_table {
		display: table !important;
		width: 100% !important;
		min-width: 980px;
		table-layout: auto;
		border-bottom: solid 1px !important;
	}

	#driver_situation .drivers_activity_live_table tbody {
		display: table-row-group !important;
	}

	#driver_situation .drivers_activity_live_table tr {
		display: table-row !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		border: none !important;
		box-shadow: none !important;
	}

	#driver_situation .drivers_activity_live_table tr.list_even,
	#driver_situation .drivers_activity_live_table tr.list_even td {
		background-color: #F7F8F3 !important;
		color: #000 !important;
	}

	#driver_situation .drivers_activity_live_table tr.list_odd,
	#driver_situation .drivers_activity_live_table tr.list_odd td {
		background-color: #DDDED8 !important;
		color: #000 !important;
	}

	#driver_situation .drivers_activity_live_table tr.list_green,
	#driver_situation .drivers_activity_live_table tr.list_green td {
		background-color: green !important;
	}

	#driver_situation .drivers_activity_live_table tr.list_red,
	#driver_situation .drivers_activity_live_table tr.list_red td {
		background-color: red !important;
	}

	#driver_situation .drivers_activity_live_table tr.list_header {
		display: table-row !important;
		background: #333 !important;
		color: #fff !important;
	}

	#driver_situation .drivers_activity_live_table tr.list_header td {
		background: #333 !important;
		color: #fff !important;
		padding: 5px 10px !important;
		line-height: 1.25;
	}

	#driver_situation .drivers_activity_live_table tr td {
		display: table-cell !important;
		width: auto;
		min-width: 0;
		height: 28px !important;
		min-height: 0 !important;
		padding: 4px 5px;
		text-align: center !important;
		vertical-align: middle !important;
		border-top: none;
		border-bottom: none;
		line-height: 1.25;
	}

	#driver_situation .drivers_activity_live_table tr td:before {
		display: none !important;
		content: "";
	}

	#driver_situation .drivers_activity_live_table tr td p {
		display: block;
		margin: 0;
	}

	#driver_situation .drivers_activity_live_table tr .drivers_activity_mobile_summary {
		display: none !important;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(1) {
		width: 44px !important;
		min-width: 44px;
		padding-left: 4px;
		padding-right: 4px;
	}

	#driver_situation .drivers_activity_live_table tr td:nth-child(13) {
		width: 36px !important;
		min-width: 36px;
		padding-left: 4px;
		padding-right: 4px;
	}

	#driver_situation_scheduler .drivers_activity_scheduler_table tr.list_header td {
		height: 28px;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align: middle;
		line-height: 1.25;
	}
}








/* FORMS */







.first_column {



	width:100px;



}







.details_table tr{



	vertical-align:top;	



}



.details_table tr td{



	height:25px;



	line-height:25px;



	



}



#notes_area{







	width:200px;



	height:150px;



	font-size:95%;



	background-color:#FFFFFF;



}







.sort_item {



	cursor: move;



	float: left;



	margin: 5px 5px 5px 5px;



	/*width: 31%;*/



}







.sort_box {



	border: 1px solid #CCCCCC;



	margin: 10px 5px;



	padding: 0px 0px 0px 5px;



	background-color: #EFEFEF;



	width:100%; 



	/*float:left;*/



}







.foldable_panel {

	padding: 1px;

}

.pannel_header {



	padding: 5px;



	color: #FFF;



	background-color: #6F6F6F;



}







.panel {



	padding: 1px;



}







/* -------------------------------------------------------------------------------------PANELS */







#clients_list_panel{



	overflow-y:scroll;
	overflow-x:hidden;



	max-height:140px;



}







/* ------------------------------------------------------------------------------------- FILES TAB */







#sideBar{



        position: absolute;



        width: auto;



        height: auto;



        top: 200px;



        right:-7px;       



        background-position:top left;



        background-repeat:repeat-y;		


    }
	
#content_slide_bar {

 	font-size:110%;
}

#main_container {
	position: relative;
}

.bol_tools_container {
	clear: none;
	float: none;
	position: absolute;
	top: 8px;
	right: 18px;
	z-index: 32;
	width: 560px;
	max-width: calc(100% - 36px);
	margin: 0;
	font-size: 12px;
	pointer-events: none;
}

.bol_tools_container .bol_tools_actions,
.bol_tools_container .bol_tools_panel {
	pointer-events: auto;
}

.bol_tools_backdrop {
	position: fixed;
	z-index: 25;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(221,222,216,.58);
	-webkit-backdrop-filter: blur(1.5px);
	backdrop-filter: blur(1.5px);
	-webkit-animation: bolToolsBackdropIn 150ms ease-out;
	animation: bolToolsBackdropIn 150ms ease-out;
}

.bol_tools_actions {
	display: inline-flex;
	float: right;
	gap: 4px;
	padding: 5px;
	border: solid 1px #c3c8bf;
	border-radius: 8px;
	background: #eef0eb;
	box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

.bol_tools_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 32px;
	padding: 0 12px;
	border: solid 1px transparent;
	border-radius: 6px;
	background: transparent;
	color: #24272a;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	-webkit-transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease;
	transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease;
}

.bol_tools_button:hover,
.bol_tools_button.active {
	border-color: #aeb5ac;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.bol_tools_button:focus {
	outline: none;
}

.bol_tools_button:focus-visible {
	border-color: #8fb0a5;
	box-shadow: 0 0 0 2px rgba(32,88,74,.16);
}

.bol_tools_icon,
.bol_file_upload_icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 17px;
	flex: 0 0 17px;
	color: currentColor;
}

.bol_tools_icon svg,
.bol_file_upload_icon svg {
	display: block;
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
	overflow: visible;
}

.bol_tools_icon_money svg {
	stroke-width: 1.9;
}

.bol_tools_count {
	display: inline-block;
	min-width: 17px;
	height: 17px;
	margin-left: 4px;
	padding: 0 4px;
	border-radius: 9px;
	background: #dbe7e0;
	color: #245444;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
}

.bol_tools_panel {
	position: fixed;
	top: 84px;
	right: 24px;
	z-index: 2;
	width: min(760px, calc(100vw - 48px));
	margin-top: 0;
	border: solid 1px #b9bfb6;
	border-radius: 8px;
	background: #f8faf7;
	box-shadow: 0 18px 42px rgba(0,0,0,.18);
	flex-direction: column;
	max-height: calc(100vh - 108px);
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-animation: bolToolsPanelIn 150ms ease-out forwards;
	animation: bolToolsPanelIn 150ms ease-out forwards;
}

.bol_tools_panel_open {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.bol_tools_panel_files {
	height: auto !important;
	min-height: 0 !important;
	max-height: calc(100vh - 108px);
}

.bol_tools_container_open {
	position: fixed;
	top: 34px;
	right: 24px;
	z-index: 32;
	width: min(760px, calc(100vw - 48px));
	max-width: none;
	pointer-events: none;
}

.bol_tools_container_open .bol_tools_actions {
	position: relative;
	z-index: 34;
	float: right;
	display: inline-flex;
	justify-content: flex-end;
	width: auto;
	margin-left: auto;
	box-sizing: border-box;
	pointer-events: auto;
}

.bol_tools_container_open .bol_tools_panel {
	top: 92px;
	right: 24px;
	z-index: 33;
	width: min(760px, calc(100vw - 48px));
	max-height: calc(100vh - 116px);
}

.bol_tools_panel_header {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 13px;
	border-radius: 8px 8px 0 0;
	background: #2f3338;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.bol_tools_panel_header strong {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bol_tools_panel_meta {
	flex: 0 1 auto;
	max-width: 46%;
	overflow: hidden;
	color: rgba(255,255,255,.78);
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bol_tools_panel_footer {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: flex-end;
	padding: 10px 24px 14px;
	border-top: solid 1px #d8ddd5;
	border-radius: 0 0 8px 8px;
	background: #f8faf7;
}

.bol_tools_close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	min-height: 32px;
	padding: 0 12px;
	border: solid 1px #b9bfb6;
	border-radius: 6px;
	background: #fff;
	color: #24272a;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	-webkit-transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
	transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.bol_tools_close:hover,
.bol_tools_close:focus {
	border-color: #8fb0a5;
	background: #f5f8f5;
	box-shadow: 0 1px 3px rgba(0,0,0,.10);
	outline: none;
}

.bol_tools_close:before {
	content: "\00d7";
	margin-right: 6px;
	font-size: 16px;
	line-height: 1;
}

.bol_tools_content {
	position: relative;
	z-index: 1;
	flex: 1 1 auto;
	min-height: 0;
	background: #f8faf7;
	padding: 10px 12px 12px;
	overflow-x: auto;
	overflow-y: auto;
	max-height: 360px;
}

.bol_tools_panel_files .bol_tools_content {
	height: auto !important;
	min-height: 0 !important;
	max-height: none;
	padding: 14px 24px 12px;
	overflow-x: hidden;
}

.bol_charges_summary {
	color: #17191c;
	font-size: 12px;
}

.bol_charges_overview {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 12px;
}

.bol_charges_stat {
	min-width: 0;
	padding: 10px 12px;
	border: solid 1px #d8ddd5;
	border-radius: 8px;
	background: #fff;
}

.bol_charges_stat span {
	display: block;
	margin-bottom: 4px;
	color: #626862;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.bol_charges_stat strong {
	display: block;
	overflow: hidden;
	color: #17191c;
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bol_charges_table {
	border: solid 1px #d8ddd5;
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
}

.bol_charge_row {
	display: grid;
	grid-template-columns: minmax(120px, .95fr) minmax(76px, .45fr) minmax(160px, 1.2fr);
	gap: 12px;
	align-items: center;
	padding: 10px 12px;
	border-bottom: solid 1px #e2e6df;
}

.bol_charge_row:last-child {
	border-bottom: none;
}

.bol_charge_header {
	background: #f1f3ef;
	color: #626862;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.bol_charge_header > div:nth-child(2) {
	text-align: right;
}

.bol_charge_name {
	min-width: 0;
	font-weight: bold;
}

.bol_charge_amount {
	text-align: right;
	font-variant-numeric: tabular-nums;
	font-weight: bold;
	white-space: nowrap;
}

.bol_charge_notes {
	min-width: 0;
	color: #4f5650;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 7px;
	line-height: 1.25;
}

.bol_charge_fsc {
	display: inline-flex;
	align-items: center;
	min-height: 20px;
	padding: 2px 7px;
	border: solid 1px #d6ded2;
	border-radius: 999px;
	background: #f3f7ef;
	color: #254f43;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2;
	white-space: nowrap;
}

.bol_charge_note_detail {
	color: #626862;
	font-size: 11px;
	line-height: 1.25;
}

.bol_charge_note_warning {
	display: inline-flex;
	align-items: center;
	min-height: 20px;
	padding: 2px 7px;
	border: solid 1px #efd6aa;
	border-radius: 999px;
	background: #fff8ea;
	color: #8b5b00;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2;
	white-space: nowrap;
}

.bol_charge_empty_note {
	color: #858b84;
	font-style: italic;
	font-weight: normal;
}

.bol_charge_total {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
	padding: 12px;
	border-top: solid 2px #cfd6cc;
	background: #f8faf7;
	font-weight: bold;
}

.bol_charge_total strong {
	min-width: 86px;
	text-align: right;
	font-size: 15px;
	font-variant-numeric: tabular-nums;
}

.bol_charges_warning,
.bol_charges_empty {
	margin: 12px 0 0;
	padding: 10px 12px;
	border: solid 1px #e1c2c2;
	border-radius: 6px;
	background: #fff6f6;
	color: #9b1c1c;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
}

.bol_charges_empty {
	border-color: #d8ddd5;
	background: #fff;
	color: #626862;
	text-align: center;
}

.bol_tools_panel_charges .bol_tools_content:has(.bol_charges_empty) {
	max-height: none;
}

#bol_tools_charges_content #rates {
	height: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
}

.bol_files_form {
	height: auto !important;
	min-height: 0 !important;
	margin: 0;
}

.bol_files_heading {
	padding-bottom: 8px;
	border-bottom: solid 1px #d8ddd5;
	font-size: 13px;
	font-weight: bold;
}

.bol_file_add_row {
	display: grid;
	grid-template-columns: minmax(150px, .85fr) minmax(220px, 1fr) 78px;
	gap: 12px;
	align-items: end;
	padding: 0 0 12px;
	border-bottom: solid 1px #d8ddd5;
}

.bol_file_add_row > *,
.bol_file_add_field {
	min-width: 0;
}

.bol_file_add_field label {
	display: block;
	margin-bottom: 5px;
	color: #626862;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
}

.bol_file_add_field select,
.bol_file_add_field input[type="file"] {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	height: 34px;
	min-height: 34px;
	border: solid 1px #b7bcb4;
	border-radius: 6px;
	background: #fff;
	color: #17191c;
	font-size: 12px;
	font-weight: bold;
}

.bol_file_add_field input[type="file"] {
	padding: 0;
	line-height: 32px;
}

.bol_file_add_field input[type="file"]::-webkit-file-upload-button {
	min-height: 32px;
	margin: 0 8px 0 0;
	padding: 0 10px;
	border: none;
	border-right: solid 1px #d3d8d0;
	background: #f1f3ef;
	color: #24272a;
	font: bold 12px Arial;
	cursor: pointer;
}

.bol_file_add_field input[type="file"]::file-selector-button {
	min-height: 32px;
	margin: 0 8px 0 0;
	padding: 0 10px;
	border: none;
	border-right: solid 1px #d3d8d0;
	background: #f1f3ef;
	color: #24272a;
	font: bold 12px Arial;
	cursor: pointer;
}

.bol_file_add_field select {
	display: block;
}

.bol_file_picker_shell {
	position: relative;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 34px;
	min-height: 34px;
	border: solid 1px #b7bcb4;
	border-radius: 6px;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
}

.bol_file_picker_shell input[type="file"] {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: pointer;
}

.bol_file_choose_button {
	display: inline-flex;
	align-items: center;
	height: 100%;
	padding: 0 10px;
	border-right: solid 1px #d3d8d0;
	background: #f1f3ef;
	color: #24272a;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}

.bol_file_chosen_name {
	display: flex;
	align-items: center;
	min-width: 0;
	height: 100%;
	padding: 0 10px;
	overflow: hidden;
	color: #444b46;
	font-size: 12px;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bol_file_picker_shell:hover {
	border-color: #8fb0a5;
	background: #fbfcfa;
}

.bol_file_add_action button,
.bol_file_add_action input[type="submit"] {
	box-sizing: border-box;
	height: 34px;
	min-height: 34px;
	width: 78px;
	padding: 0 9px;
	border: solid 1px #8fb0a5;
	border-radius: 6px;
	background: #edf7f3;
	color: #20584a;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.bol_file_add_action button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-family: Arial;
}

.bol_file_add_action button:hover,
.bol_file_add_action input[type="submit"]:hover {
	background: #e3f1ec;
	border-color: #729d91;
}

.bol_file_upload_icon {
	width: 16px;
	height: 16px;
	flex-basis: 16px;
	color: #20584a;
}

.bol_file_upload_icon svg {
	width: 16px;
	height: 16px;
}

.bol_file_add_action {
	text-align: left;
}

.bol_files_list_header,
.bol_file_row {
	display: grid;
	grid-template-columns: minmax(0, .85fr) minmax(300px, 1fr);
	gap: 12px;
	align-items: center;
}

.bol_files_list_header {
	display: none;
	padding: 0;
	border-bottom: none;
	color: #626862;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.bol_file_row {
	margin-top: 9px;
	padding: 10px 14px;
	border: solid 1px #d4dad1;
	border-radius: 8px;
	background: #fff !important;
	font-size: 12px;
	box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

.bol_file_row:hover {
	border-color: #bfc8bd;
	background: #fbfcfa;
}

.bol_file_name {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	font-weight: bold;
}

.bol_file_name img {
	flex: 0 0 auto;
}

.bol_file_name a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: underline;
}

.bol_file_type {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
	color: #4f5751;
	font-weight: bold;
}

.bol_file_meta_label {
	display: none;
}

.bol_file_type_text {
	min-width: 0;
	padding: 0;
	border: none;
	background: transparent;
	color: #59615b;
	font-size: 12px;
	line-height: 1.18;
}

.bol_file_remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	min-height: 22px;
	border: none;
	border-radius: 4px;
	background: transparent;
	color: #6a6f68;
	cursor: pointer;
	line-height: 1;
	opacity: .72;
	text-decoration: none;
	white-space: nowrap;
}

.bol_file_remove:before {
	content: "\00d7";
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
}

.bol_file_remove:hover,
.bol_file_remove:focus {
	background: #f2e8e8;
	color: #b40000;
	opacity: 1;
	outline: none;
	text-decoration: none;
}

.bol_file_empty {
	margin-top: 12px;
	padding: 10px 12px;
	border: dashed 1px #d1d8ce;
	border-radius: 8px;
	background: rgba(255,255,255,.62) !important;
	color: #737a74;
	font-weight: bold;
	text-align: center;
}

@-webkit-keyframes bolToolsPanelIn {
	from {
		opacity: 0;
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes bolToolsPanelIn {
	from {
		opacity: 0;
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes bolToolsBackdropIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes bolToolsBackdropIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	.bol_tools_backdrop,
	.bol_tools_panel,
	.bol_tools_button,
	.bol_tools_close {
		-webkit-animation: none;
		animation: none;
		-webkit-transition: none;
		transition: none;
	}

	.bol_tools_panel {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@media (hover: none), (pointer: coarse) {
	.bol_tools_button:hover,
	.bol_tools_close:hover,
	.bol_file_picker_shell:hover,
	.bol_file_add_action button:hover,
	.bol_file_add_action input[type="submit"]:hover,
	.bol_file_row:hover {
		box-shadow: none;
	}
}

.bol_tools_panel_files #files,
.bol_tools_panel_files #listFiles {
	box-sizing: border-box;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	border: none !important;
	padding: 0 !important;
	overflow-x: hidden !important;
}
	


	.bol_file_add_field label {
		margin-bottom: 3px;
		font-size: 11px;
	}

	.bol_file_add_field select,
	.bol_file_picker_shell,
	.bol_file_add_action button,
	.bol_file_add_action input[type="submit"] {
		height: 30px;
		min-height: 30px;
	}

	.bol_file_add_action button,
	.bol_file_add_action input[type="submit"] {
		width: 72px;
	}

	.bol_file_row {
		grid-template-columns: minmax(0, .85fr) minmax(300px, 1fr);
		gap: 10px;
		margin-top: 7px;
		padding: 8px 10px;
	}

	.bol_file_name,
	.bol_file_type {
		display: flex;
		align-items: center;
		width: auto;
		gap: 8px;
	}

	.bol_file_type {
		justify-content: space-between;
	}

	.bol_file_meta_label {
		display: none;
	}

	.bol_file_name a,
	.bol_file_type_text,
	.bol_file_remove {
		grid-column: auto;
	}
	}

#sideBar #sideBarClick{



	top:500px;



}  



#sideBarTab{



        float:left;



        height:400px;



        width:28px;



    }



   



    #sideBarTab img{



        border:0px solid #FFFFFF;



    }
    #sideBarContents{
        overflow:hidden !important;
		margin-top: 0px;

    }

#sideBarContentsInner{
        width:200px;
    } 



red_border{

	border:solid 1px red;

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  System messages  */

#system_message {

	
	background: rgba(0, 0, 0, 0.7);
	color: white;
	width: 60%;
	font-size: 120%;
	font-weight: bold;
	padding: 30px;
	text-align: center;
	vertical-align: middle;
	margin-top: 100px;
	margin-left: auto;
    	margin-right: auto;

}


option{

	background-color: #605E66;
	color: white;
	font-family: Arial;
	font-size: 100%;
	font-weight: bold;
	padding:  2px 0 0px 3px;
}

.alert-msg{
border:solid 1px #D02327;
background:#F6CBCA;
color:#D02327;
padding:4px;
text-align:center;
}

/* General button style */
.btn {
  border: none;
  font-family: 'Lato';
  font-size: inherit;
  color: inherit;
  background: none;
  cursor: pointer;
  padding: 10px 15px;
  display: inline-block;
  margin: 5px 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 5px;
}

.btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn:before {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
}


/* Icon separator */
.btn-sep {
  padding: 10px 10px 10px 40px;
  
}

.btn-sep:before {
  background: rgba(0,0,0,0.15);
}

/* Button 1 */
.btn-1 {
  background: #F7F8F3;
}

.btn-1:hover {
  background: #DDDED8;  
}

.btn-1:active {
  background: #2980b9;
  top: 2px;
}

.btn-1:before {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 3;
  font-size: 140%;
  width: 40px;
}

/* Button 2 */
.btn-2 {
  background: #2ecc71;
  color: #fff;
}

.btn-2:hover {
  background: #27ae60;
}

.btn-2:active {
  background: #27ae60;
  top: 2px;
}

.btn-2:before {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 3;
  font-size: 140%;
  width: 60px;
}

/* Button 3 */
.btn-3 {
  background: #e74c3c;
  color: #fff;
}

.btn-3:hover {
  background: #c0392b;
}

.btn-3:active {
  background: #c0392b;
  top: 2px;
}

.btn-3:before {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 3;
  font-size: 140%;
  width: 60px;
}

/* Button 3 */
.btn-4 {
  background: #34495e;
  color: #fff;
}

.btn-4:hover {
  background: #2c3e50;
}

.btn-4:active {
  background: #2c3e50;
  top: 2px;
}

.btn-4:before {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 3;
  font-size: 140%;
  width: 60px;
}

/* Icons */

.icon-cart:before {
  content: "\f07a";
}

.icon-heart:before {
  content: "\f55a";
}

.icon-info:before {
  content: "\f05a";
}

.icon-add:before {
  content: "";
  background: url("/data/images/icons/icon-add.png") 50% 50% no-repeat;
}

.icon-list:before {
  content: "";
  background: url("/data/images/icons/icon-list.png") 50% 50% no-repeat;
}

.icon-send:before {
  content: "\f1d8";
}

.active-submenu {
    background-color: #F7F8F3; 
    min-width: 50px;
    padding: 0 10px 0 10px;
}

.active-submenu a {
    color: #605E66;    
}

@media screen and (max-width: 820px) {
	#driver_situation .drivers_activity_live_table tr.drivers_activity_empty_row td,
	#driver_situation_scheduler .drivers_activity_scheduler_table tr.drivers_activity_empty_row td {
		text-align: center !important;
	}
}

/* Mobile login layout: scoped to the login form so post-login pages keep legacy sizing. */
@media (max-width: 520px), (max-device-width: 520px) {
  #loginform {
    box-sizing: border-box;
    width: auto;
    max-width: 930px;
    margin: 70px 24px 0 24px;
    text-align: center;
    font-size: 28px;
  }

  #loginform form,
  #loginform table,
  #loginform tbody,
  #loginform tr,
  #loginform td {
    box-sizing: border-box;
    display: block;
    width: 100%;
    text-align: left;
  }

  #loginform > form > table > tbody > tr:first-child td {
    text-align: center;
  }

  #loginform > form > table > tbody > tr:nth-child(2) > td:first-child {
    text-align: center;
    margin-bottom: 26px;
  }

  #loginform img {
    max-width: 84%;
    height: auto;
  }

  #loginform table table td {
    padding: 8px 0;
    text-align: left !important;
  }

  #loginform input[type="text"],
  #loginform input[type="password"] {
    box-sizing: border-box;
    width: 100% !important;
    height: 64px !important;
    font-size: 30px !important;
    padding: 8px 14px;
  }

  #loginform input[type="submit"] {
    box-sizing: border-box;
    width: 100%;
    height: 70px !important;
    font-size: 30px !important;
    margin-top: 12px;
  }
}

	@media (max-width: 760px), (max-device-width: 760px), (max-height: 520px) and (max-width: 1000px) {
		.bol_tools_container {
			float: none;
			position: relative;
			z-index: 30;
			width: auto;
			max-width: none;
			margin: 10px 8px 12px;
			box-sizing: border-box;
	}

		.bol_tools_container.bol_tools_container_open {
			position: fixed;
			top: max(8px, env(safe-area-inset-top));
			left: 8px;
			right: 8px;
			z-index: 32;
			width: auto;
			max-width: none;
			margin: 0;
			pointer-events: none;
		}

		.bol_tools_backdrop {
			position: fixed;
			z-index: 25;
			background: rgba(221,222,216,.62);
			-webkit-backdrop-filter: blur(1.5px);
			backdrop-filter: blur(1.5px);
		}
	
		.bol_tools_panel {
			position: fixed;
			z-index: 31;
			top: max(10px, env(safe-area-inset-top));
			left: 8px;
			right: 8px;
			bottom: max(8px, env(safe-area-inset-bottom));
			width: auto;
			max-width: none;
			margin: 0;
			max-height: none;
			overflow: hidden;
		}

		.bol_tools_container_open .bol_tools_panel {
			top: max(54px, env(safe-area-inset-top));
			left: 8px;
			right: 8px;
			bottom: max(8px, env(safe-area-inset-bottom));
			width: auto;
			max-height: none;
		}
	
		.bol_tools_content {
			max-height: none;
			overflow-x: hidden;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
		}
	
		.bol_tools_panel_files .bol_tools_content {
			max-height: none;
			padding: 10px 12px;
		}

	.bol_tools_panel_charges .bol_tools_content:has(.bol_charges_empty) {
		max-height: none;
	}

		.bol_tools_actions {
			display: flex;
			float: none;
			width: 100%;
			box-sizing: border-box;
			gap: 5px;
		}

		.bol_tools_container_open .bol_tools_actions {
			position: relative;
			z-index: 34;
			float: right;
			display: inline-flex;
			width: auto;
			pointer-events: auto;
		}
	
		.bol_tools_button {
			flex: 0 0 auto;
			min-width: 0;
			min-height: 34px;
			padding: 0 10px;
			font-size: 12px;
		}

		.bol_tools_count {
			margin-left: 2px;
		}

		.bol_tools_panel_header {
			padding: 10px 12px;
			font-size: 13px;
		}

		.bol_tools_panel_meta {
			max-width: 38%;
			font-size: 11px;
		}

		.bol_tools_panel_footer {
			padding: 7px 12px 9px;
		}

		.bol_tools_close {
			width: 100%;
			height: 32px;
			min-height: 32px;
		}

	.bol_charges_overview {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.bol_charge_header {
		display: none;
	}

	.bol_charge_row {
		grid-template-columns: 1fr auto;
		gap: 6px 10px;
		align-items: start;
		padding: 11px 12px;
	}

	.bol_charge_name {
		grid-column: 1;
	}

	.bol_charge_amount {
		grid-column: 2;
		text-align: right;
	}

		.bol_charge_notes {
			grid-column: 1 / 3;
			padding-top: 2px;
		}

		.bol_charge_note_detail {
			flex-basis: 100%;
		}

	.bol_charge_total {
		justify-content: space-between;
	}

		.bol_file_add_row,
		.bol_files_list_header,
		.bol_file_row {
			grid-template-columns: 1fr;
			gap: 6px;
			align-items: start;
		}

	.bol_files_list_header {
		display: none;
	}

	.bol_file_add_action {
		grid-column: 1;
		text-align: left;
	}

		.bol_file_type {
			align-items: center;
			justify-content: space-between;
			flex-direction: row;
		}
	
		.bol_file_name,
		.bol_file_type {
			display: grid;
			grid-template-columns: 38px minmax(0, 1fr) auto;
			gap: 5px;
			width: 100%;
		}

		.bol_file_row {
			margin-top: 7px;
			padding: 8px 10px;
		}

		.bol_file_add_row {
			padding-bottom: 8px;
		}

		.bol_file_add_field label {
			margin-bottom: 3px;
			font-size: 11px;
		}

		.bol_file_add_field select,
		.bol_file_picker_shell,
		.bol_file_add_action button,
		.bol_file_add_action input[type="submit"] {
			height: 30px;
			min-height: 30px;
		}

		.bol_file_choose_button {
			padding: 0 8px;
		}

		.bol_file_chosen_name {
			padding: 0 8px;
		}

		.bol_file_add_action button,
		.bol_file_add_action input[type="submit"] {
			width: 100%;
		}

	.bol_file_name img {
		grid-column: 3;
		grid-row: 1;
	}

	.bol_file_name a {
		grid-column: 2 / 3;
	}

	.bol_file_meta_label {
		display: block;
		grid-column: 1;
		color: #626862;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
	}

	.bol_file_type_text {
		grid-column: 2;
		white-space: normal;
	}

	.bol_file_remove {
		grid-column: 3;
	}
}

@media (max-width: 760px) and (min-height: 521px), (max-device-width: 760px) and (orientation: portrait) {
	.bol_tools_panel {
		bottom: max(72px, env(safe-area-inset-bottom));
	}

	.bol_tools_container_open .bol_tools_panel {
		bottom: max(72px, env(safe-area-inset-bottom));
	}
}

@media (max-height: 520px) and (max-width: 1000px) {
	.bol_tools_panel_header {
		padding: 8px 12px;
	}

	.bol_tools_panel_files .bol_tools_content {
		padding: 8px 12px;
	}

	.bol_file_add_row {
		grid-template-columns: minmax(150px, .8fr) minmax(220px, 1fr) 72px;
		gap: 8px;
		align-items: end;
		padding: 0 0 8px;
	}

	.bol_file_add_action {
		grid-column: auto;
		text-align: left;
	}

	.bol_file_add_field label {
		margin-bottom: 3px;
		font-size: 11px;
	}

	.bol_file_add_field select,
	.bol_file_picker_shell,
	.bol_file_add_action button,
	.bol_file_add_action input[type="submit"] {
		height: 30px;
		min-height: 30px;
	}

	.bol_file_add_action button,
	.bol_file_add_action input[type="submit"] {
		width: 72px;
	}

	.bol_file_row {
		grid-template-columns: minmax(0, .85fr) minmax(300px, 1fr);
		gap: 10px;
		margin-top: 7px;
		padding: 8px 10px;
	}

	.bol_file_name,
	.bol_file_type {
		display: flex;
		align-items: center;
		width: auto;
		gap: 8px;
	}

	.bol_file_type {
		justify-content: space-between;
	}

	.bol_file_meta_label {
		display: none;
	}

	.bol_file_name a,
	.bol_file_type_text,
	.bol_file_remove {
		grid-column: auto;
	}
}

.chassis_detail_container {
	clear: both;
	position: relative;
	padding: 8px 36px 0;
}

.chassis_page_header {
	clear: both;
	display: flex;
	align-items: baseline;
	gap: 12px;
	width: min(980px, calc(100% - 72px));
	margin: 56px 36px 12px;
	padding-bottom: 8px;
	border-bottom: solid 1px #c8d0c6;
	box-sizing: border-box;
}

.chassis_page_header span {
	color: #5f6660;
	font-size: 15px;
	font-weight: bold;
}

.chassis_page_header strong {
	color: #111;
	font-size: 28px;
	line-height: 1.1;
	letter-spacing: 0;
}

.chassis_details_form {
	max-width: 980px;
	margin: 0 0 18px;
	border-collapse: separate;
	border-spacing: 0;
}

.chassis_details_form > tbody > tr:first-child > td {
	width: 50%;
	padding: 0 28px 8px 0;
	vertical-align: top;
}

.chassis_details_form > tbody > tr:first-child > td:nth-child(2) {
	padding-right: 0;
}

.chassis_details_fields {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 5px;
}

.chassis_details_fields tr {
	vertical-align: middle;
}

.chassis_details_fields td:first-child {
	width: 138px;
	padding-right: 10px;
	color: #24272a;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	white-space: nowrap;
}

.chassis_details_fields td:nth-child(2) {
	min-width: 0;
}

.chassis_details_fields input[type="text"],
.chassis_details_fields select,
.chassis_details_fields textarea {
	box-sizing: border-box;
	max-width: 100%;
	border: solid 1px #b7bcb4;
	border-radius: 4px;
	background: #fff;
	font-size: 12px;
}

.chassis_details_fields input[type="text"] {
	min-height: 22px;
	padding: 2px 5px;
}

.chassis_details_fields input[name="chassis_number"] {
	min-height: 26px;
	font-size: 14px;
	font-weight: bold;
}

.chassis_details_fields input[name="mass_net"] {
	min-width: 82px;
	text-align: right;
}

.chassis_details_fields select {
	min-height: 23px;
	padding: 1px 4px;
}

.ownership_type_field {
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: 560px;
}

.ownership_type_field select {
	flex: 0 0 210px;
}

.ownership_type_help {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	min-width: 190px;
	max-width: 260px;
	min-height: 54px;
	padding: 8px 12px;
	border: 1px solid #c8d4cc;
	border-radius: 999px;
	background: #f7faf7;
	color: #46524b;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.25;
	text-align: center;
}

.ownership_type_row td:first-child {
	vertical-align: top;
	padding-top: 5px;
}

.chassis_details_fields textarea {
	width: 210px;
	max-width: 100%;
	min-height: 74px;
	padding: 5px;
	resize: vertical;
}

.chassis_details_form fieldset {
	border: solid 1px #bfc6bd;
	border-radius: 5px;
	background: rgba(255,255,255,.28);
}

.chassis_details_form legend {
	padding: 0 5px;
	color: #24272a;
	font-size: 12px;
	font-weight: bold;
}

.chassis_detail_container > form > .chassis_details_form input[type="submit"],
.chassis_detail_container > form > .chassis_details_form input.button {
	min-height: 30px;
	padding: 0 13px;
	border: solid 1px #9fb4aa;
	border-radius: 6px;
	background: #f8faf7;
	color: #24342f;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.chassis_detail_container > form > .chassis_details_form input[type="submit"]:hover,
.chassis_detail_container > form > .chassis_details_form input.button:hover,
.chassis_detail_container > form > .chassis_details_form input[type="submit"]:focus-visible,
.chassis_detail_container > form > .chassis_details_form input.button:focus-visible {
	border-color: #84a99c;
	background: #eef7f3;
	box-shadow: 0 1px 3px rgba(24,31,27,.08);
}

.chassis_size_options {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 12px;
	align-items: center;
	padding: 4px 2px 2px;
}

.chassis_size_options label {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-width: 48px;
	margin: 0;
	color: #202624;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	white-space: nowrap;
	cursor: pointer;
}

.chassis_size_options input[type="checkbox"] {
	margin: 0;
}

.chassis_files_backdrop {
	position: fixed;
	z-index: 25;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(221,222,216,.58);
	-webkit-backdrop-filter: blur(1.5px);
	backdrop-filter: blur(1.5px);
	-webkit-animation: bolToolsBackdropIn 150ms ease-out;
	animation: bolToolsBackdropIn 150ms ease-out;
}

.chassis_files_panel {
	clear: both;
	float: none;
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	left: auto !important;
	width: auto !important;
	height: auto !important;
	z-index: 32;
	max-width: none;
	margin: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-size: 12px;
}

.chassis_files_toolbar {
	display: inline-flex;
	position: static !important;
	top: auto !important;
	width: auto !important;
	justify-content: flex-end;
	align-items: center;
	gap: 4px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.chassis_files_panel_open {
	position: fixed !important;
	top: 92px !important;
	right: 24px !important;
	left: auto !important;
	z-index: 33;
	width: min(980px, calc(100vw - 48px)) !important;
	max-width: none;
	max-height: calc(100vh - 116px);
	margin: 0;
	border: solid 1px #b9bfb6;
	border-radius: 8px;
	background: #f8faf7;
	box-shadow: 0 18px 42px rgba(0,0,0,.18);
	box-sizing: border-box;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-animation: bolToolsPanelIn 150ms ease-out forwards;
	animation: bolToolsPanelIn 150ms ease-out forwards;
}

.chassis_files_panel_open .chassis_files_toolbar {
	position: absolute !important;
	z-index: 34;
	top: 6px !important;
	right: 8px !important;
	display: inline-flex;
	width: auto !important;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.chassis_files_toggle,
.chassis_files_close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 32px;
	padding: 0 12px;
	border: solid 1px #9eb5aa;
	border-radius: 6px;
	background: #f9fcfa;
	color: #1f5747;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	-webkit-transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease;
	transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease;
}

.chassis_files_close {
	display: none;
	color: #303530;
	border-color: #b8beb6;
	background: #f6f7f3;
}

.chassis_files_panel_open .chassis_files_close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 26px;
	padding: 0 10px;
	border-color: rgba(255,255,255,.44);
	background: transparent;
	color: #fff;
	font-size: 12px;
}

.chassis_files_panel_open .chassis_files_toggle {
	display: none;
}

.chassis_files_toggle:hover,
.chassis_files_close:hover {
	background: #e9f4ef;
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.chassis_files_count {
	display: inline-block;
	min-width: 17px;
	height: 17px;
	margin-left: 4px;
	padding: 0 4px;
	border-radius: 9px;
	background: #d8e9df;
	color: #245947;
	font-size: 11px;
	font-weight: bold;
	line-height: 17px;
	text-align: center;
}

.chassis_files_content {
	position: static !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	max-width: 100%;
	max-height: calc(100vh - 116px);
	padding: 14px 24px 12px;
	overflow-x: hidden;
	overflow-y: auto;
	background: #f8faf7;
	font-size: 12px;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

#content_slide_bar.chassis_files_content {
	background: #f8faf7 !important;
	border: 0 !important;
}

.chassis_files_content #files {
	position: static !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	font-size: inherit !important;
}

#listFiles.chassis_files_list {
	border: 0 !important;
	overflow: visible !important;
	max-height: none !important;
}

.chassis_files_form h2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: -14px -24px 14px;
	padding: 10px 96px 10px 13px;
	border-radius: 8px 8px 0 0;
	background: #2f3338;
	color: #fff;
	font-size: 14px;
	line-height: 1.25;
	font-weight: bold;
}

.chassis_files_form h2 strong {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.chassis_files_meta {
	flex: 0 1 auto;
	max-width: 42%;
	overflow: hidden;
	color: rgba(255,255,255,.78);
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.chassis_file_add_row {
	display: grid;
	grid-template-columns: minmax(150px, .9fr) 118px 118px minmax(210px, 1fr) 82px;
	gap: 12px;
	align-items: end;
	padding: 0 0 12px;
	border-bottom: solid 1px #d8ddd5;
}

.chassis_file_add_row > *,
.chassis_file_add_field {
	min-width: 0;
}

.chassis_file_add_field label {
	display: block;
	margin-bottom: 5px;
	color: #626862;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
}

.chassis_file_add_field select,
.chassis_file_add_field input[type="text"],
.chassis_file_add_field input[type="file"],
.chassis_file_add_action input[type="submit"] {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	height: 34px;
	min-height: 34px;
	border: solid 1px #b7bcb4;
	border-radius: 6px;
	background: #fff;
	color: #17191c;
	font-size: 12px;
	font-weight: bold;
}

.chassis_file_add_field input[type="file"] {
	padding: 0;
	line-height: 32px;
}

.chassis_file_add_action input[type="submit"] {
	border-color: #93aa9f;
	background: #edf7f3;
	color: #205746;
	cursor: pointer;
	font-weight: bold;
}

.chassis_file_add_action input[type="submit"]:hover {
	background: #e2f1eb;
}

.chassis_document_tabs {
	display: inline-flex;
	gap: 4px;
	margin: 12px 0 0;
	padding: 3px;
	border: 1px solid #d0d8d0;
	border-radius: 8px;
	background: #eef2ec;
}

.chassis_document_tab {
	min-height: 28px;
	padding: 0 13px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: #4e5851;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.chassis_document_tab_active {
	background: #fff;
	color: #202624;
	box-shadow: 0 1px 2px rgba(0,0,0,.08);
}

.chassis_files_list {
	padding-top: 12px;
}

.chassis_file_row {
	display: grid;
	grid-template-columns: minmax(150px, .9fr) minmax(200px, 1fr) 105px 105px 88px 70px;
	gap: 12px;
	align-items: center;
	margin-top: 9px;
	padding: 10px 14px;
	border: solid 1px #d4dad1;
	border-radius: 8px;
	background: #fff !important;
	font-size: 12px;
	box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

.chassis_file_row:hover {
	border-color: #bfc8bd;
	background: #fbfcfa !important;
}

.chassis_file_row:first-child {
	margin-top: 0;
}

.chassis_file_name {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	font-weight: bold;
}

.chassis_file_name img {
	flex: 0 0 auto;
}

.chassis_file_name a {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #111;
	text-decoration: underline;
}

.chassis_file_type {
	min-width: 0;
	color: #59615b;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.18;
}

.chassis_file_date span {
	display: block;
	margin-bottom: 2px;
	color: #7a837b;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.chassis_file_date strong {
	display: block;
	min-height: 16px;
	color: #202624;
	font-size: 12px;
}

.chassis_file_status {
	justify-self: start;
	padding: 4px 8px;
	border-radius: 999px;
	background: #edf1ee;
	color: #505a54;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}

.chassis_file_status_current {
	background: #e6f4ed;
	color: #1d6246;
}

.chassis_file_status_due {
	background: #fff3cf;
	color: #795600;
}

.chassis_file_status_expired {
	background: #fde7e4;
	color: #a62718;
}

.chassis_file_status_archived {
	background: #e9eceb;
	color: #5f6661;
}

.chassis_file_remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	min-height: 22px;
	border: none;
	border-radius: 4px;
	background: transparent;
	color: #6a6f68;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	cursor: pointer;
	opacity: .72;
}

.chassis_file_remove:hover,
.chassis_file_remove:focus {
	background: #f2e8e8;
	color: #b40000;
	opacity: 1;
	outline: none;
}

.chassis_file_restore {
	justify-self: end;
	min-height: 28px;
	padding: 5px 10px;
	border: solid 1px #9ab8ad;
	border-radius: 6px;
	background: #f1faf6;
	color: #24594b;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.chassis_file_restore:hover,
.chassis_file_restore:focus {
	border-color: #6e9d8c;
	background: #e5f4ee;
	outline: none;
}

.chassis_saaq_summary {
	box-sizing: border-box;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 2px;
	margin: 0 0 0 8px;
	padding: 4px 8px;
	border: solid 1px #d4dad1;
	border-radius: 999px;
	background: #f8faf7;
	color: #4f5851;
	font-size: 11px;
	line-height: 1.1;
	vertical-align: middle;
	white-space: nowrap;
}

.chassis_saaq_row {
	align-items: center !important;
}

.chassis_saaq_summary strong {
	color: #202624;
	font-size: 11px;
}

.chassis_saaq_summary strong:after {
	content: " ·";
}

.chassis_saaq_summary span {
	font-weight: bold;
}

.chassis_saaq_summary_current {
	border-color: #bedbcf;
	background: #edf8f2;
	color: #1e6046;
}

.chassis_saaq_summary_external {
	border-color: #cbd5dc;
	background: #f3f6f7;
	color: #4d5b61;
}

.chassis_saaq_summary_due {
	border-color: #ead79d;
	background: #fff7df;
	color: #795600;
}

.chassis_saaq_summary_expired {
	border-color: #efbbb6;
	background: #fdecea;
	color: #9e2618;
}

.chassis_inspection_badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 62px;
	padding: 4px 8px;
	border: solid 1px #d4dad1;
	border-radius: 999px;
	background: #f8faf7;
	color: #4f5851;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.1;
	white-space: nowrap;
}

.chassis_inspection_badge_current {
	border-color: #bedbcf;
	background: #edf8f2;
	color: #1e6046;
}

.chassis_inspection_badge_external {
	border-color: #cbd5dc;
	background: #f3f6f7;
	color: #4d5b61;
}

.chassis_inspection_badge_due {
	border-color: #ead79d;
	background: #fff7df;
	color: #795600;
}

.chassis_inspection_badge_expired {
	border-color: #efbbb6;
	background: #fdecea;
	color: #9e2618;
}

.chassis_listing_table td[data-label="Inspection"] {
	text-align: center;
}

.chassis_listing_table tr.list_header td:nth-child(5) {
	text-align: center;
}

.chassis_health_summary {
	clear: both;
	display: grid;
	grid-template-columns: repeat(5, minmax(120px, 1fr));
	gap: 8px;
	width: min(980px, 100%);
	margin: 0 0 16px;
	padding: 10px;
	border: solid 1px #ccd4ca;
	border-radius: 8px;
	background: rgba(248,250,247,.82);
	box-sizing: border-box;
}

.chassis_health_item {
	min-width: 0;
	padding: 8px 10px;
	border: solid 1px #dde3da;
	border-radius: 7px;
	background: #fff;
	box-sizing: border-box;
}

.chassis_health_item span {
	display: block;
	margin-bottom: 4px;
	color: #626b64;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.chassis_health_item strong {
	display: block;
	min-width: 0;
	overflow: hidden;
	color: #202624;
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.chassis_health_pill {
	display: inline-flex !important;
	width: auto;
	max-width: 100%;
	padding: 4px 8px;
	border: solid 1px #d4dad1;
	border-radius: 999px;
	background: #f8faf7;
	color: #4f5851 !important;
	line-height: 1.1;
}

.chassis_health_pill_current {
	border-color: #bedbcf;
	background: #edf8f2;
	color: #1e6046 !important;
}

.chassis_health_pill_external {
	border-color: #cbd5dc;
	background: #f3f6f7;
	color: #4d5b61 !important;
}

.chassis_health_pill_due {
	border-color: #ead79d;
	background: #fff7df;
	color: #795600 !important;
}

.chassis_health_pill_expired {
	border-color: #efbbb6;
	background: #fdecea;
	color: #9e2618 !important;
}

@media (max-width: 900px) {
	.chassis_page_header {
		width: auto;
		margin: 20px 20px 12px;
	}

	.chassis_detail_container {
		padding: 8px 20px 0;
	}

	.chassis_health_summary {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		width: 100%;
		margin: 0 0 14px;
	}

	.chassis_details_form {
		box-sizing: border-box;
		width: calc(100vw - 82px) !important;
		max-width: calc(100vw - 82px);
		margin: 0 0 18px;
	}

	.chassis_details_form > tbody > tr:first-child > td {
		padding-right: 14px;
	}

	.chassis_details_fields td:first-child {
		width: 126px;
	}

	.chassis_details_fields input[type="text"],
	.chassis_details_fields select {
		width: 180px !important;
	}

	.chassis_details_fields textarea {
		width: 190px !important;
	}

	.ownership_type_field select {
		flex-basis: 170px;
	}

	.ownership_type_help {
		min-width: 150px;
		max-width: 180px;
		min-height: 60px;
	}

	.chassis_saaq_summary {
		display: flex;
		flex-wrap: wrap;
		width: 168px;
		max-width: 100%;
		margin: 4px 0 0 22px;
		border-radius: 7px;
		white-space: normal;
	}

	.chassis_filters {
		float: none !important;
		clear: both;
		width: auto;
		margin: 8px 20px 14px;
		text-align: left !important;
	}

	.chassis_filters table,
	.chassis_filters tbody {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}

	.chassis_filters tr {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px 10px;
		width: 100% !important;
	}

	.chassis_filters td {
		display: block;
		width: auto !important;
		padding: 0 !important;
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
	}

	.chassis_filters select,
	.chassis_filters input[type="text"] {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}
}

.chassis_file_empty {
	margin-top: 12px;
	padding: 10px 12px;
	border: dashed 1px #d1d8ce;
	border-radius: 8px;
	background: rgba(255,255,255,.62) !important;
	color: #737a74;
	font-weight: bold;
	text-align: center;
}

@media (max-width: 760px) {
	.chassis_files_panel {
		right: 8px !important;
		max-width: calc(100% - 16px);
	}

	.chassis_files_panel_open {
		position: fixed !important;
		top: max(54px, env(safe-area-inset-top)) !important;
		left: 8px !important;
		right: 8px !important;
		bottom: max(72px, env(safe-area-inset-bottom));
		z-index: 33;
		width: auto !important;
		max-width: none;
		max-height: none;
		overflow: hidden;
		background: #f8faf7 !important;
		opacity: 1 !important;
		-webkit-transform: none !important;
		transform: none !important;
		-webkit-animation: none !important;
		animation: none !important;
	}

	.chassis_files_toolbar {
		justify-content: stretch;
	}

	.chassis_files_panel_open .chassis_files_toolbar {
		top: 6px !important;
		left: auto !important;
		right: 8px !important;
		width: auto !important;
		box-sizing: border-box;
	}

	.chassis_files_toggle,
	.chassis_files_close {
		flex: 1 1 auto;
		min-height: 34px;
		font-size: 12px;
	}

	.chassis_files_panel:not(.chassis_files_panel_open) .chassis_files_toolbar {
		justify-content: flex-end;
	}

	.chassis_files_panel:not(.chassis_files_panel_open) .chassis_files_toggle {
		flex: 0 0 auto;
		min-width: 118px;
	}

	.chassis_files_content {
		max-height: none;
		height: 100%;
		padding: 10px 12px;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.chassis_files_form h2 {
		margin: -10px -12px 10px;
		padding: 10px 86px 10px 12px;
		font-size: 13px;
	}

	.chassis_file_add_row,
	.chassis_file_row {
		grid-template-columns: 1fr;
		gap: 6px;
		align-items: start;
	}

	.chassis_file_add_row {
		padding-bottom: 8px;
	}

	.chassis_file_add_field label {
		margin-bottom: 3px;
		font-size: 11px;
	}

	.chassis_file_add_field select,
	.chassis_file_add_field input[type="text"],
	.chassis_file_add_field input[type="file"],
	.chassis_file_add_action input[type="submit"] {
		height: 30px;
		min-height: 30px;
	}

	.chassis_file_add_action input[type="submit"] {
		width: 100%;
	}

	.chassis_file_row {
		margin-top: 7px;
		padding: 8px 10px;
	}

	.chassis_document_tabs {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100%;
		box-sizing: border-box;
	}

	.chassis_document_tab {
		width: 100%;
	}

	.chassis_file_name,
	.chassis_file_type {
		width: 100%;
	}

	.chassis_file_status {
		justify-self: start;
	}

	.chassis_file_remove {
		justify-self: end;
	}

	.chassis_file_restore {
		justify-self: end;
		width: auto;
	}

}

@media (max-width: 760px) {
	.chassis_detail_container {
		padding: 8px 10px 0;
	}

	.chassis_page_header {
		display: block;
		margin: 14px 10px 10px;
	}

	.chassis_page_header span,
	.chassis_page_header strong {
		display: block;
	}

	.chassis_details_form {
		width: 100% !important;
		max-width: none;
	}

	.chassis_filters {
		float: none !important;
		clear: both;
		width: auto;
		margin: 8px 10px 12px;
		text-align: left !important;
	}

	.chassis_filters table,
	.chassis_filters tbody,
	.chassis_filters tr,
	.chassis_filters td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}

	.chassis_filters td {
		padding: 0 0 8px !important;
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
	}

	.chassis_filters select,
	.chassis_filters input[type="text"] {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}

	.chassis_listing_table {
		display: block;
		width: auto !important;
		max-width: none;
		margin: 8px 10px 18px !important;
		overflow: visible;
		font-size: 13px;
	}

	.chassis_listing_table tbody,
	.chassis_listing_table tr,
	.chassis_listing_table td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}

	.chassis_listing_table tr.list_header {
		display: none;
	}

	.chassis_listing_table tr.list_even,
	.chassis_listing_table tr.list_odd,
	.chassis_listing_table tr.list_warning {
		margin: 0 0 10px;
		border: solid 1px #cdd4ca;
		border-radius: 8px;
		background: #fbfcfa !important;
		box-shadow: 0 1px 3px rgba(0,0,0,.08);
		overflow: hidden;
	}

	.chassis_listing_table tr td {
		display: grid;
		grid-template-columns: 118px minmax(0, 1fr);
		gap: 8px;
		align-items: center;
		min-height: 30px;
		height: auto !important;
		padding: 7px 10px !important;
		border-bottom: solid 1px #e1e5df;
		background: transparent !important;
		line-height: 16px;
	}

	.chassis_listing_table tr td:last-child {
		border-bottom: none;
	}

	.chassis_listing_table tr td:before {
		content: attr(data-label);
		color: #606861;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
	}

	.chassis_listing_table tr td:first-child {
		grid-template-columns: minmax(0, 1fr);
		background: #f1f5ef !important;
		font-size: 15px;
		font-weight: bold;
	}

	.chassis_listing_table tr td:first-child:before {
		display: none;
	}

	.chassis_listing_table td[data-label="Inspection"] {
		text-align: left;
	}

	.chassis_health_summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: auto;
		margin: 8px 10px 14px;
		padding: 8px;
		gap: 7px;
	}

	.chassis_health_item {
		padding: 7px 8px;
	}

	.chassis_health_item strong {
		font-size: 12px;
		white-space: normal;
	}

	.chassis_details_form,
	.chassis_details_form > tbody,
	.chassis_details_form > tbody > tr,
	.chassis_details_form > tbody > tr > td,
	.chassis_details_fields,
	.chassis_details_fields > tbody,
	.chassis_details_fields > tbody > tr,
	.chassis_details_fields > tbody > tr > td {
		display: block;
		box-sizing: border-box;
		width: 100% !important;
	}

	.chassis_details_form > tbody > tr:first-child > td,
	.chassis_details_form > tbody > tr:first-child > td:nth-child(2) {
		display: flow-root !important;
		padding: 0;
	}

	.chassis_details_form > tbody > tr:first-child > td:nth-child(2) {
		margin-top: 8px;
	}

	.chassis_details_form > tbody > tr:first-child > td:first-child {
		min-height: 500px;
	}

	.chassis_details_form > tbody > tr:first-child > td:nth-child(2) {
		min-height: 430px;
		margin-bottom: 18px;
	}

	.chassis_details_fields {
		margin: 0 0 10px;
		border-spacing: 0;
	}

	.chassis_details_fields > tbody > tr {
		display: grid;
		grid-template-columns: minmax(118px, 38%) minmax(0, 1fr);
		gap: 8px;
		align-items: center;
		margin-bottom: 7px;
	}

	.chassis_details_fields > tbody > tr > td:first-child,
	.chassis_details_fields > tbody > tr > td:nth-child(2) {
		width: auto !important;
		min-width: 0;
		padding: 0;
	}

	.chassis_details_fields td:first-child {
		font-size: 12px;
		white-space: normal;
	}

	.chassis_details_fields input[type="text"],
	.chassis_details_fields select,
	.chassis_details_fields textarea {
		width: 100% !important;
	}

	.ownership_type_field {
		display: block;
		max-width: none;
	}

	.ownership_type_help {
		display: flex;
		width: 100%;
		max-width: none;
		min-width: 0;
		min-height: 0;
		margin-top: 7px;
		border-radius: 6px;
		font-size: 12px;
		text-align: left;
	}

	.chassis_details_fields > tbody > tr.ownership_type_row {
		display: block;
		min-height: 108px;
		margin: 10px 0 12px;
	}

	.chassis_details_fields > tbody > tr.ownership_type_row > td:first-child,
	.chassis_details_fields > tbody > tr.ownership_type_row > td:nth-child(2) {
		display: block;
		width: 100% !important;
	}

	.chassis_details_fields > tbody > tr.ownership_type_row > td:first-child {
		margin-bottom: 5px;
	}

	.chassis_details_fields input[name="pickup_date"],
	.chassis_details_fields input[name="return_date"],
	.chassis_details_fields input[name="Grease"],
	.chassis_details_fields input[name="SAAQInspection"] {
		width: calc(100% - 22px) !important;
		vertical-align: middle;
	}

	.chassis_saaq_summary {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: 7px 0 0;
		box-sizing: border-box;
		border-radius: 7px;
	}

	.chassis_details_fields > tbody > tr.chassis_saaq_row {
		display: block;
		min-height: 96px;
		align-items: start;
	}

	.chassis_details_fields > tbody > tr.chassis_saaq_row > td:first-child,
	.chassis_details_fields > tbody > tr.chassis_saaq_row > td:nth-child(2) {
		display: block;
		width: 100% !important;
	}

	.chassis_details_fields > tbody > tr.chassis_saaq_row > td:first-child {
		margin-bottom: 5px;
	}

	.chassis_details_fields img {
		vertical-align: middle;
	}

	.chassis_details_fields textarea {
		min-height: 72px;
	}

	.chassis_details_fields > tbody > tr.chassis_textarea_row {
		min-height: 94px;
		align-items: start;
	}

	.chassis_details_form > tbody > tr:nth-child(2) > td {
		padding-top: 4px;
		display: flow-root !important;
		min-height: 190px;
	}

	.chassis_details_form > tbody > tr:nth-child(2) {
		min-height: 190px;
	}

	.chassis_details_form > tbody > tr:nth-child(2) table,
	.chassis_details_form > tbody > tr:nth-child(2) tbody,
	.chassis_details_form > tbody > tr:nth-child(2) tr,
	.chassis_details_form > tbody > tr:nth-child(2) td {
		box-sizing: border-box;
		max-width: 100%;
	}

	.chassis_details_form > tbody > tr:nth-child(2) > td > table {
		width: 100% !important;
	}

	.chassis_details_form fieldset {
		margin: 0 0 8px;
	}

	.chassis_details_form input[type="submit"],
	.chassis_details_form input.button {
		min-height: 30px;
		padding: 0 12px;
		border: solid 1px #9fb4aa;
		border-radius: 6px;
		background: #f8faf7;
		color: #24342f;
		font-size: 12px;
		font-weight: bold;
	}
}

/* Chassis interaction polish: native, small, and safe for the old PHP screens. */
.chassis_detail_container button,
.chassis_detail_container input[type="button"],
.chassis_detail_container input[type="submit"],
.chassis_detail_container input.button,
.chassis_files_toggle,
.chassis_files_close,
.chassis_document_tab,
.chassis_file_remove,
.chassis_file_restore,
.chassis_file_add_action input[type="submit"] {
	-webkit-tap-highlight-color: rgba(31,87,71,.12);
	touch-action: manipulation;
	-webkit-transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease, opacity 140ms ease, -webkit-transform 90ms ease;
	transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease, opacity 140ms ease, transform 90ms ease;
}

.chassis_detail_container button:active,
.chassis_detail_container input[type="button"]:active,
.chassis_detail_container input[type="submit"]:active,
.chassis_detail_container input.button:active,
.chassis_files_toggle:active,
.chassis_files_close:active,
.chassis_document_tab:active,
.chassis_file_remove:active,
.chassis_file_restore:active,
.chassis_file_add_action input[type="submit"]:active {
	-webkit-transform: scale(.985);
	transform: scale(.985);
}

.chassis_detail_container button:focus-visible,
.chassis_detail_container input[type="button"]:focus-visible,
.chassis_detail_container input[type="submit"]:focus-visible,
.chassis_detail_container input.button:focus-visible,
.chassis_details_fields input[type="text"]:focus,
.chassis_details_fields select:focus,
.chassis_details_fields textarea:focus,
.chassis_filters select:focus,
.chassis_filters input[type="text"]:focus,
.chassis_file_add_field select:focus,
.chassis_file_add_field input[type="text"]:focus,
.chassis_file_add_field input[type="file"]:focus,
.chassis_file_remove:focus-visible,
.chassis_file_restore:focus-visible,
.chassis_document_tab:focus-visible {
	outline: none;
	border-color: #7ea99a;
	box-shadow: 0 0 0 3px rgba(55,119,97,.16);
}

.chassis_details_fields input[type="text"],
.chassis_details_fields select,
.chassis_details_fields textarea,
.chassis_filters select,
.chassis_filters input[type="text"],
.chassis_file_add_field select,
.chassis_file_add_field input[type="text"],
.chassis_file_add_field input[type="file"] {
	-webkit-transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
	transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
}

.chassis_files_backdrop {
	-webkit-animation-duration: 170ms;
	animation-duration: 170ms;
}

.chassis_files_panel_open {
	border-color: #c2cac0;
	box-shadow: 0 18px 46px rgba(22,27,24,.18), 0 1px 0 rgba(255,255,255,.42) inset;
	-webkit-animation-duration: 170ms;
	animation-duration: 170ms;
}

.chassis_files_panel_open .chassis_files_close {
	border-radius: 6px;
}

.chassis_files_panel_open .chassis_files_close:hover,
.chassis_files_panel_open .chassis_files_close:focus-visible {
	background: rgba(255,255,255,.13);
	box-shadow: 0 0 0 3px rgba(255,255,255,.13);
}

.chassis_file_row,
.chassis_health_item,
.chassis_listing_table tr.list_even,
.chassis_listing_table tr.list_odd,
.chassis_listing_table tr.list_warning {
	-webkit-transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease, -webkit-transform 120ms ease;
	transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease, transform 120ms ease;
}

.chassis_file_row:hover {
	box-shadow: 0 3px 8px rgba(30,37,32,.08);
}

.chassis_file_row:focus-within {
	border-color: #b5c5bb;
	box-shadow: 0 0 0 3px rgba(55,119,97,.12);
}

.chassis_file_remove {
	border-radius: 50%;
}

.chassis_file_remove:active {
	background: #f8dddd;
}

.chassis_document_tab_active {
	box-shadow: 0 2px 5px rgba(24,31,27,.10);
}

@media (prefers-reduced-motion: reduce) {
	.chassis_files_backdrop,
	.chassis_files_panel_open,
	.chassis_detail_container button,
	.chassis_detail_container input[type="button"],
	.chassis_detail_container input[type="submit"],
	.chassis_detail_container input.button,
	.chassis_files_toggle,
	.chassis_files_close,
	.chassis_document_tab,
	.chassis_file_remove,
	.chassis_file_restore,
	.chassis_file_add_action input[type="submit"],
	.chassis_file_row,
	.chassis_health_item,
	.chassis_listing_table tr.list_even,
	.chassis_listing_table tr.list_odd,
	.chassis_listing_table tr.list_warning {
		-webkit-animation: none !important;
		animation: none !important;
		-webkit-transition: none !important;
		transition: none !important;
	}

	.chassis_detail_container button:active,
	.chassis_detail_container input[type="button"]:active,
	.chassis_detail_container input[type="submit"]:active,
	.chassis_detail_container input.button:active,
	.chassis_files_toggle:active,
	.chassis_files_close:active,
	.chassis_document_tab:active,
	.chassis_file_remove:active,
	.chassis_file_restore:active,
	.chassis_file_add_action input[type="submit"]:active {
		-webkit-transform: none !important;
		transform: none !important;
	}
}

@media (hover: none), (pointer: coarse) {
	.chassis_file_row:hover,
	.chassis_files_toggle:hover,
	.chassis_files_close:hover,
	.chassis_file_add_action input[type="submit"]:hover,
	.chassis_file_remove:hover,
	.chassis_file_restore:hover {
		box-shadow: none;
	}
}

/* codex-bol-tools-pointer-fix 2026-08-17 */
.bol_tools_container_open .bol_tools_panel {
	pointer-events: auto;
}