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

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

html, body {height: 100%; margin: 0; padding: 0;}
ul, td, ol, li {margin: 0; padding: 0;}
body { font: .8em Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #f0f1f1; color: #656565;}
table { font: .95em Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; color: #656565; }
th {text-align: center;}
a, #bl_clients a, #bl_drivers a {	color: #EB0000;	background: initial; text-decoration: none; }
a:hover { color: #808080; background: initial; text-decoration: underline; }
.enter_link a {	color: #009900;	background: inherit; text-decoration: none; }
.enter_link a:hover { color: #007700; background: inherit; text-decoration: none; }
p { margin: 0 0 15px 0; }
h1 { font: normal 3.5em Georgia, "Times New Roman", Arial; color: #444; margin-top: 35px;}
h1 a {	color: #000;	background: inherit; text-decoration: none; }
h1 a:hover { color: #707070; background: inherit; text-decoration: none; }
h2 { font: normal 1.7em Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }
img { border: 0; }
#logo { margin: 0; width: 350px; height: 207px; float: left; background: url(img/taxomet/logo1.png) no-repeat; width: 350px;}
	#logo p { margin-left: 20px;  text-align: center;}
#menu {float: right; height: 45px; margin-right: 20px;}
	#menu li { font-size: 1.1em; overflow: hidden;  float: right;}
	#menu li a { height: 33px; text-align: center; color: #444; padding: 12px 20px 0; display: block;  }
	#menu li a.current { color: #000; background-color: #e0e0d9;}
	#menu li a:hover { text-decoration: none; color: #000; background-color: #e0e0d9;}
	#menu li .top_menu_icon { vertical-align: middle; width: 32px; height: 32px; display: none; }
.clear { clear: both; }
.caption { background: url(img/taxomet/title.jpg) no-repeat; padding: 3px 0 0 18px; height: 34px; color: #000;  }
	.caption p { margin: 0; }
#left { margin: 0; clear: left; width: 185px; float: left; }
#footer { font-size: .84em; clear: both; padding: 5px; background: #eaeaea; }
#footer a { color: #444; }

.form_input2 {
	BORDER-RIGHT: #cdcdcd 1px solid;
	BORDER-TOP: #cdcdcd 1px solid;
	FONT-WEIGHT: 500;
	FONT-SIZE: 13px;
	BORDER-LEFT: #cdcdcd 1px solid;
	BORDER-BOTTOM: #cdcdcd 1px solid;
	BACKGROUND-COLOR: #ffffff;
	TEXT-DECORATION: none;
}

.form_input2:focus {
	outline: none;
	border: #aaa solid 1px;
}

.block_table {
	border-spacing: 0;
	border-collapse: collapse;
}

.block, .block_table td, .block_table th
{
	BACKGROUND-COLOR: #fff;
	BORDER: #cdcdcd 1px dotted;
	padding-left: 10px;
	padding-right: 10px;
	padding: 4px;
}
button.ui-corner-all:hover { border: 1px solid #ffd740; background: #fdf5ce 50% 50% repeat-x; font-weight: bold; color: #c77405; cursor: pointer}
.row:hover, .row:hover td { color: #000; background: #f0f0f0;}
#monitor_tabs table { border-collapse:collapse; }
button.phone_btn, button.phone_btn { display: none;  font-weight: normal;}
.hovered_row button, #orders_tbl .row:hover button, #orders_later .row:hover button, #correction .row:hover button { display: inline; font-weight: normal;}
.phone {margin-left: 5px;}
.hovered_row .phone, .row:hover .phone {display: none;}
.bold_link {color: #000; font-weight: bold;}
.bold_link:hover {color: #000; font-weight: bold; text-decoration: none;}
#sys_msgs_tbl { list-style: none; }
#sys_msgs_tbl li {padding: 8px; display: block; margin: 8px 0px; border-radius: 8px;}
#sys_msgs_tbl .date_time {font-size: 11px; color: #aaa;}
.row .details { display: none;  font-weight: normal;}
.row:hover .details { display: inline; font-weight: normal;}
		    .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
		    .ui-sortable-placeholder * { visibility: hidden; }
#add_order a {text-decoration:none;}
label {cursor: pointer;}
#add_order .selectable:hover {text-decoration:none; background-color: #aaffaa;}
sup {font-size: 80%; position: relative;bottom: .8ex;}

.chat_li {padding: 10px 12px; list-style: none; cursor: pointer; transition: background .15s; border-bottom: 1px solid #ddd;}
.chat_li:hover {background-color: #dedede;}
.chat_current {background-color: #dedede;}
.chat_li_current, .client_chat_li_current {background-color: #dedede; color: #000;}

#chat_side_panel {position: absolute; left: 0; top: 0; bottom: 0; width: 300px; box-sizing: border-box; display: flex; flex-direction: column;}
#chat_search_row {flex: 0 0 auto; padding: 6px 8px; border-bottom: 1px solid #dcdcdc; background: #f7f7f7; box-sizing: border-box;}
#chat_search_input_wrap {position: relative;}
#chat_search_row #chat_search_input {box-sizing: border-box; width: 100%; padding: 4px 28px 4px 6px;}
#chat_search_btn {position: absolute; right: 2px; top: 50%; margin-top: -11px; width: 22px; height: 22px; padding: 0; border: none; background: transparent; color: #666; cursor: pointer; line-height: 0;}
#chat_search_btn:hover {color: #000;}
#chat_search_btn:active {color: #444;}
#chat_search_btn svg {display: block; margin: 0 auto;}
#chat_search_counter {margin-top: 3px; color: #666; font-size: 11px;}
#chat_dialogs_list {flex: 1 1 auto; margin: 0; padding: 0; min-height: 0; overflow-y: auto; overflow-x: hidden;}
#chat_dialogs_list .chat_li#chat_d0 {position: sticky; top: 0; z-index: 1; background: #fff; border-bottom: 1px solid #eaeaea;}
#chat_dialogs_list .chat_li#chat_d0:hover {background-color: #dedede;}
#chat_dialogs_list .chat_li#chat_d0.chat_li_current {background-color: #dedede;}
.chat_li_loader {padding: 10px; text-align: center; color: #888; list-style: none; font-size: 11px;}
.chat_li_empty {padding: 15px 10px; color: #888; list-style: none; cursor: default;}

.row td {line-height: 16px;}

#menu_container{
	float: left;
	height: calc(100% - 45px);
	background: #e9e9d9;
	position: fixed;
	z-index: 10000;
	display: none;
	margin-top: 45px;
	width: 260px;
	overflow-y: scroll;
	overflow-x: hidden;
}
#menu2 {padding-top: 8px; float: left; width: 250px; overflow: hidden; background: #e9e9d9;}
#menu2 li { font-size: 16px;  position: relative; border-bottom: 1px solid #c0c0b9; width: 250px; background: #e9e9d9;}
#menu2 li a { color: #444; display: block; padding: 4px 12px;}
#menu2 li img {vertical-align: middle; margin-right: 12px; width: 32px; height: 32px;}
#menu2 li a.first {border-top: 1px solid #c0c0b9;}
#menu2 li a.current { background-color: #998882; color: #fbcb09; } 
#menu2 li:hover { text-decoration: none;  background: #e0e0d9; }
#menu2 li a:hover { color: #000; text-decoration: none;}

#menu2 li a.opened { background-color: #fff; }

#config_menu {
	position: absolute;
	left: 58px;
	top: 0;
	width: 200px;
	display: none;
	padding: 4px;
	background-color: #fff;
	overflow: hidden;
	min-height: calc(100% - 8px);
}

#config_menu .title {
	font-weight: bold;
	color: #666;
	text-align: center;
	width: 200px;
}

#config_menu ul.box li {
	padding: 4px 8px;
	list-style: none;
	width: 190px;
}

select.th{
	font: 1.1em Tahoma;
	font-weight: bold;
	padding-right: 25px;
	border: none;
	background: url(img/select_down.png) no-repeat right transparent;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
}

.car_number_frame {
	border-radius: 3px;
	color: #000;
	background-color: #000;
	margin: 0 auto;
	min-width: 100px;
	overflow: hidden;
	text-align: center; 
	white-space: nowrap;
	box-shadow: 2px 2px rgba(0,0,0,0.15);
	display: table; 
	font-family: 'carnumbersregular';
	border-spacing: 1px;
}

.car_number_frame_other {
	border-radius: 3px;
	color: #000;
	background-color: #000;
	margin: 0 auto;
	min-width: 100px;
	overflow: hidden;
	text-align: center; 
	white-space: nowrap;
	box-shadow: 2px 2px rgba(0,0,0,0.15);
	display: table; 
	font-family: 'din1451';
	border-spacing: 1px;
}

.error_frame {
	overflow: visible !important;
	color: #FF310C; 
	border-color: #FF310C;
	font-family: sans-serif;
}

.car_number_frame .common, .car_number_frame_other .common {
	background-color: #fff;
	border-radius: 2px;
	width: 100%;
	font-family: serif;
	font-size: 18px;
	line-height: 1.2;
}

.car_number_frame .base  {
	padding: 0 4px 4px 4px;
	display: table-cell;
	vertical-align: bottom;
	font-size: 30px;
	text-transform: uppercase;
	border-radius: 2px;
	background-color: #fafafa;
}

.car_number_frame_other .base {
	padding: 4px;
	font-size: 24px;
	display: table-cell;
	text-transform: uppercase;
	border-radius: 2px;
	background-color: #fafafa;
}

.car_number_frame_other .by_flag {
	float:left;
	line-height: 8px;
	margin-right: 4px;
	font-size: 8px;
}

.car_number_frame_other .by_flag img {
	height: 7px;
}

.car_number_frame .base .digits, .car_number_frame_other .base .digits {
	margin: 0 4px;
}

.car_number_frame .region {
	display: table-cell;
	padding: 3px 2px 2px 2px;
	font-size: 16px;
	border-radius: 2px;
	background-color: #fafafa;
	min-width: 24px;
}

.car_number_frame_other .region_kz {
	display: table-cell;
	padding: 3px 2px 2px 2px;
	border-radius: 2px;
	background-color: #fafafa;
	font-size: 24px;
	min-width: 24px;
}

.car_number_frame_other .kz_lower {
	font-size: 18px;
}

.car_number_frame .region .flag {
	float:right; 
	width: 6px;
	border: 0.1px solid #666;
}

.car_number_frame .region>div {
	font-size: 7px;
	line-height: 7px;
	font-family: sans-serif;
	font-weight: bold;
}

.tooltip {
	position: relative;
	background: #F00;
}

.tooltip .tooltip_text {
	visibility: hidden;
  	background-color: black;
  	color: #fff;
  	padding: 5px;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
}

.tooltip:hover .tooltip_text {
	visibility: visible;
}

#park_form_reg_num_error {
	color: #F00;
	font-size: 11px;
	line-height: 12px;
}

.license_data {
	font-weight: bold;
}

.loading_container {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding:8px;
	width: 160px;
	margin: 30px auto;
	text-align: center;
	clear: both;
	padding-top: 15px;
}

a.refresh {
	line-height: 32px;
	padding: 2px;
}

a.refresh img {
	vertical-align: middle;
	float: left;
}









.config_table {
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 10px;
	background-color: #fff;
}

.config_table td.common_checkbox {
	background-color: #eaeaea;
	text-align: center;
	border-top: 1px #cdcdcd solid;
	border-bottom: 1px #cdcdcd solid;
}

.config_table .full_row_data {
	border-top: 1px #cdcdcd dotted;
	border-bottom: none;
	background-color: #eaeaea;
}

tr.full_row_data + tr>td {
	border-top: none;
}

.full_row_data > td {
	border-top: none !important;
	border-bottom: none !important;
}

.full_row_data > td:first-child {
	background-color: #fff;
}


.config_table .provider_title {
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(234,234,234,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=1 );
}

.config_table th, .config_table td {
	border: #cdcdcd 1px dotted;
	padding: 4px 10px;
}

.config_table .no_bottom_border {
	border-bottom: none !important;
}

.check_box_intermediate {
	opacity: 0.5;
	filter:alpha(opacity=50);
}

.set_price_table {
	margin-bottom: 10px;
}

.set_price_table td {
	vertical-align: middle;
}

input.error {
	border: 1px solid #f00;
}

.selectable_row:hover td {
	BORDER: #000 1px dotted;
	cursor: pointer;
}
sup {font-size: 80%; position: relative;bottom: .8ex;}

select.h2{
	font-size: 18px;
	padding: 5px 10px;
	border: none;
	background: url(img/select_down.png) no-repeat right transparent;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
}

table.scroll tbody, table.scroll thead
{
    display: block;
}

#edit_unit_sections {
	padding-left: 8px;
	position: absolute;
	left: 8px;
	top: 8px;
	bottom: 8px;
	width: 200px;
}

#edit_unit_sections li {
	list-style: none;
	border-bottom: 1px dotted #ccc;
	line-height: 20px;
	padding: 4px 8px;
}

#edit_unit_sections li a {
	color: #EB0000 !important;
	font-size: 0.95em
}

#edit_unit_sections li a:hover {
	color: #808080 !important;
}

#edit_unit_content {
	overflow-y: auto;
	position: absolute;
	left: 216px;
	top: 8px;
	bottom: 8px;
	right: 8px;
	padding: 16px;
}

#edit_unit_sections li.selected > a {
	color: #202020 !important;
	font-weight: bold;
}

#menu_show, #menu_close {
	display: block;
}

#wizard_stub {
	z-index:10000000000;
	position: fixed;
	background-color: #3cb371;
	color: #FFF;
	left:0;
	bottom: 0;
	right: 0;
	padding: 8px;
	text-align: center; 
}

#wizard_dialog {
	z-index:10000000000; 
	width:500px; 
	position: fixed;
	background: #fff;
	padding: 8px;
	border: #3cb371 1px solid;
	border-radius: 6px;
	color: #654338;
}

#misclick_div {
	z-index:10000000000; 
	width:400px; 
	position: fixed;
	background: #fff;
	padding: 8px;
	border: darkorange 2px solid;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(30,30,30,0.2);
	color: darkorange;
	top:8px;
	text-align: center;
}

#wizard_title {
	padding: 4px;
	margin: -8px -8px 0 -8px;
	background-color: #3cb371;
	color: #FFF;
	font-weight: bold;
	padding-left: 8px;
	margin-bottom: 8px;
	cursor: move;
}

#wizard_list li {
	list-style-type: none;
	line-height: 24px;
}

#wizard_list li img {
	vertical-align: middle;
}

#wizard_content {
	min-height:80px; 
	max-height: 400px;
	overflow-y: auto;
	background: #FFF; 
	border-top: 1px solid #999;
	padding: 6px; 
	margin: 0px auto 8px;
	text-align: justify;
	text-indent: 16px;
}

#wizard_variants {
	overflow: hidden;
	margin-bottom: 8px;
}

#wizard_variants a {
	color: #666;
	background: #fff;
	font-weight: bold;
	padding: 8px;
	display: block;
	float: left;
	margin-right: 4px;
	border: 1px solid #999;
	border-bottom: none;
	margin-bottom: 1px;
	border-radius: 6px 6px 0 0;
}

#wizard_variants a.active {
	color: #1c94c4;
	margin-top: 1px;
}

#wizard_dialog p {
	margin: 0;
}

#wizard_dialog .list_btn {
	border: 1px solid #3cb371;
	color: #3cb371;
	padding: 8px 8px 8px 24px;
	background: url("/img/wizard-list-bg.png") no-repeat 4px 7px #fff;
	border-radius: 4px;
}

#wizard_dialog .list_btn:hover {
	background-color: #3cb371 !important;
	color: #fff !important;
	background-position-y: -9px;
}

#wizard_dialog .btn {
	border: 1px solid #3cb371;
	background-color: #3cb371 !important;
	color: #fff !important;
	padding:8px;
	border-radius: 4px;
}

#wizard_dialog .btn:hover {
	background-color: #4AD98A !important;
}

#wizard_dialog .btn:disabled {
	background-color: #eee !important;
	color: #666 !important;
	border: none;
}

#wizard_dialog .ae {
	font-weight: bold;
	font-style: italic;
	color: #3cb371;
}

#wizard_dialog .error {
	position: relative;
	border-radius: 4px;
	color: darkred;
	font-weight: bold;
	font-family: monospace;
	padding: 8px 8px 8px 32px;
	background-color: #ffe0cc;
	font-size: 12px;
	text-indent: 0;
	text-align: justify;
	margin: 8px 0;
}

#wizard_dialog .info::before {
	content: 'i';
	color: #fff;
	font-size: 24px;
	position: absolute;
	left: 8px;
	top:8px;
}

#wizard_dialog .error::before {
	content: '!';
	color: #fff;
	font-size: 24px;
	position: absolute;
	left: 8px;
	top:8px;
}

#wizard_dialog .info {
	position: relative;
	border-radius: 4px;
	color: darkblue;
	font-weight: bold;
	font-family: monospace;
	padding: 8px 8px 8px 32px;
	background-color: #e6efff;
	font-size: 12px;
	text-indent: 0;
	text-align: justify;
	margin: 8px 0;
}

#black_list_tabs .description {
	padding: 8px;
	margin-bottom: 16px;
	font-style: italic;
	font-size: 16px;
	font-family: sans-serif;
}

.monitor_button {
	background: #fff;
	color: #996655 !important;
	display:block; 
	padding: 3px 8px; 
	float: right; 
	margin-top: 2px; 
	margin-right: 4px;  
	border-radius: 4px;
}

.monitor_button:hover {
	text-decoration: none;
	background-color: #fff1bf;
	color: 996655 !important;
}

.mb_on {
	background-color: #3cb371;
	color: #fff !important;
}

.mb_on:hover {
	background-color: #2B7F51;
	color: #fff !important;
}

#new_order_btn {
	text-align:center; 
	padding: 6px 8px;  
	background-color:#FFA880;
	border: none; 
	border-radius:6px;
	color: #fff;
	cursor: pointer;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
}
#new_order_btn:hover {
	background-color: #FFB694;
}

.orders_table {
	color: #000;
}

.orders_table thead {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 0;
	color: #777;
	background-color: #eee;
	box-shadow: 0 1px #ccc, 0 -1px #ccc;;
	z-index: 10;
}

.orders_table thead th {
	background-color: #eee;
}

.orders_table th, .orders_table td {
	border-color: #ccc !important;
}

#panel tr:first-child > td {
	padding-top: 8px;
	padding-bottom: 8px;
}

#monitor_tabs {
	height: 100%;
	vertical-align: top;
}

#monitor_tabs .ui-tabs-panel {
	position: absolute;
	top: 36px;
	left: 0;
	right: 0;
	bottom: 0;
	border-top:none;
	overflow: auto;
	padding: 4px;
}

.alarm_row {
	background:#FFF url(img/stripe.png) repeat-x bottom; 
	float: left; 
	padding: 6px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-radius: 8px;
	list-style: none;
	color: #4E342E;
	border: 2px solid #dd0000;
}

.alarm_row b {
	font-size: 15px;
	color: #dd0000;
}

.alarm_row:first-child {
	margin-left: 0px;
}

.alarm_row .buttons {
	clear:both; 
	float: right;
	height: 32px; 
	background-color: #fff; 
	padding: 4px; 
	border-radius:6px;
	margin-top: 4px;
}

.alarm_row .driver, .alarm_row .auto {
	font-size: 16px;
	color: #333;
}

/*
.searchable input {
    width: 100%;
    height: 50px;
    font-size: 18px;
    padding: 10px;
    -webkit-box-sizing: border-box; // Safari/Chrome, other WebKit
    -moz-box-sizing: border-box; // Firefox, other Gecko
    box-sizing: border-box; // Opera/IE 8+
    display: block;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;
}
*/

select {
    -moz-appearance:none; 
    -webkit-appearance:none;
    appearance:none;	
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAnklEQVR42u2SMQqAIBhGvym6gNBxmtq6a9AgXaOGjhJNxV8kEakkv0t8z8VB31MRIIQQQmLUMNE1BnWqvsGCGVVEP2JFm6rfsAUTopc1SYnu2Cpj9DzUpZfRfQ8U6N32t1vc9QPKlEcKJRT0oYSS3pdQ1L8llPVCCeuUEyY3tzr65y2UT+9LKOufiQz6eyKT/kpk1J8/KqueEELIX9kBLOR3YUVuKgIAAAAASUVORK5CYII=');
	background-position: calc(100%), 100% 0;
	background-size:  1.5em 1.5em;
	background-repeat: no-repeat;
	padding: 4px 20px 4px 5px;
}

input {
	padding: 4px 5px 4px 5px;
}

.drivers_select {
	box-sizing: border-box;
}

#add_cashbox .cashbox_conn_field,
#edit_cashbox .cashbox_conn_field {
	width: 100%;
	box-sizing: border-box;
	max-width: 100%;
}

#add_cashbox select.cashbox_conn_field,
#edit_cashbox select.cashbox_conn_field {
	display: block;
	padding-right: 1.8em;
	background-position: right center;
}

@supports (-moz-appearance:none) {
	.drivers_select {
		padding-left: 8px !important;
	}
}

#bulk_change_dialog table td {
	padding: 8px;
}

#edit_order_price_changed_row{
	color: #EB0000;
	text-align: center;
}

#edit_order_price_changed_row a {
	color: #EB0000;
}

#operators2_tbl img {
	vertical-align: middle;
}

input.nosubmit {
	display:block; 
	padding: 3px 8px; 
	float: right; 	
	border: 1px solid #555;
	display: block;
	padding: 9px 4px 9px 40px;
	margin-top: 2px;
	margin-right: 4px;  
	border-radius: 4px;	
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;
}

.driverInfoPopup {
	background-color: #FFF;
	border-radius: 8px;
	padding: 8px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
}

.driverInfoPopup .close {
	cursor: pointer;
	float: right;
}

.driverInfoPopup .info {
	clear: both;
	padding-top: 4px;
}

/* Position the default zoom control */
#zones_map .ol-zoom {
	left: 330px !important;
  }

.info_box {
	background-color: #fff; 
	padding: 8px 8px 8px 40px; 
	background-image: url("/img/info.png"); 
	background-repeat: no-repeat; 
	background-position: 8px 8px; 
	max-width: 60%; 
	border-radius: 8px; 
	border: 1px solid #2BABE2; 
	margin-bottom: 8px;
}

.info_box_small {
	background-color: #fff; 
	padding: 6px 8px 8px 28px; 
	line-height: 1.5;
	background-image: url("/img/info_small.png"); 
	background-repeat: no-repeat; 
	background-position: 8px 8px; 
	border-radius: 8px; 
	border: 1px solid #2BABE2; 
	margin-bottom: 8px;
}

.warning_box_small {
	background-color: #fff; 
	padding: 6px 8px 8px 28px; 
	line-height: 1.5;
	background-image: url("/img/warning.png"); 
	background-repeat: no-repeat; 
	background-position: 8px 8px; 
	border-radius: 8px; 
	border: 1px solid #EB0000; 
	margin-bottom: 8px;
}

#us9 .unit_form_section_title {
	font-weight: bold;
	margin: 12px 0 4px;
}

#us9 .unit_form_grid {
	display: grid;
	grid-template-columns: auto auto;
	column-gap: 40px;
	row-gap: 2px;
	justify-content: start;
}

#us9 .unit_form_grid .full {
	grid-column: 1 / -1;
}

#us9 .unit_form_field {
	padding: 2px 0;
	line-height: 1.4;
	white-space: nowrap;
}

#us9 #unit_clients_msg {
	margin-top: 8px;
	white-space: normal;
}

#us9 .unit_form_align {
	display: grid;
	grid-template-columns: max-content auto;
	column-gap: 10px;
	row-gap: 2px;
	align-items: baseline;
}

#us9 .unit_form_align .unit_form_label,
#us9 .unit_form_align .unit_form_control {
	padding: 2px 0;
	line-height: 1.4;
	white-space: nowrap;
}

#driver_card_docs td {
	padding-top: 8px;
}

#driver_status_check_info {
	background-color: #fff;
    border-radius: 8px;
    font-size: larger;
	box-shadow: 0px 0px 8px 0px;
	line-height: 1.1;
	overflow:hidden;
	margin-top: 6px;
}

#carrier_status_check_info .loading,
#park_form_licenses .loading {
    background: #fff;
    overflow: hidden;
    padding: 8px;
    width: 150px;
    margin: 0px auto;
    border-radius: 8px;
    border: 1px #aaa solid;
}

#carrier_status_check_info .loading img,
#park_form_licenses .loading img {
	float:left;
	height: 24px;
}

#carrier_status_check_info .license,
#park_form_licenses .license {
    background: #fff;
    padding: 4px;
	line-height: 1.2;
	border-radius: 6px;
	box-shadow: 2px 2px rgba(0,0,0,0.15);
	overflow: hidden;
	margin-bottom: 4px;
}

#carrier_status_check_info .region,
#park_form_licenses .region {
    float: left;
    padding: 4px;
    font-size: 24px;
    border-radius: 4px;
    text-align: center;
    color: #000;
	background-color: #FFD123;
	margin-right: 8px;
}

#carrier_status_check_info .cars {
	clear: both;
}

#carrier_status_check_info .good_status,
#park_form_licenses .good_status {
	color: #009245;
}

#carrier_status_check_info .bad_status,
#park_form_licenses .bad_status {
	color: #dc2626;
}

#carrier_status_check_info .expired_status,
#park_form_licenses .expired_status {
	color: #d97706;
}

#carrier_status_check_info .updated,
#park_form_licenses .updated {
    float: right;
    font-size: x-small;
	clear:both;
}

.driver_status_check_container_unknown {
	color: #a6529a;
}

.driver_status_check_container_ok {
	color: #009245;
}

.driver_status_check_container_ok a {
	color: #009245 !important;
}

.driver_status_check_container_fail {
	color: #dc2626;
}

.driver_status_check_container_fail a {
	color: #dc2626 !important;
}

.driver_status_check_container_expired {
	color: #d97706;
}

.driver_status_check_container_expired a {
	color: #d97706 !important;
}

#driver_status_check_info .check_date {
	text-align: right;
	font-size: x-small;
	padding: 4px 6px 0px;
}

#driver_status_check_info .status_img {
	width: 32px; 
	position: absolute; 
}

#driver_status_check_info .buttons {
	padding: 2px 4px;
	clear: both;
	background-color: #f0f0f0;
	text-align: right;
	font-size: 13px;
	color: #4d4d4d;
	overflow: hidden;
}

#driver_status_check_info .buttons div,
#carrier_status_check_info .buttons div,
#park_form_licenses .buttons div {
	cursor: pointer;
	padding: 2px 6px;
	float: right;
	border-radius: 8px;
}

#driver_status_check_info .buttons img,
#carrier_status_check_info .buttons img,
#park_form_licenses .buttons img {
	width: 24px;
	vertical-align: middle;
}

#driver_status_check_info .buttons div:hover,
#carrier_status_check_info .buttons div:hover,
#park_form_licenses .buttons div:hover {
	background-color: #d0d0d0;
}

#driver_status_check_info .okveds {
	margin-right:4px;
}

#driver_status_check_info .okveds img {
	float:right;
	width: 18px;
	height:18px;
	margin: 4px;
}

#driver_status_check_info .info {
	position: relative;
	overflow:hidden;
	padding:4px;
	min-height:32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

 #driver_contracts_container {
	line-height: 34px;
	color:#656565;
	margin-left: 395px;
 }

 #drivers_new_contract_info table,
 #drivers_close_contract_info table {
	border-collapse: collapse;
 }

 #drivers_new_contract_info th,
 #drivers_close_contract_info th {
	padding: 0 2px;
	text-align: left;
 }

 #drivers_new_contract_info td,
 #drivers_close_contract_info td {
	line-height: normal;
	padding: 0 2px;
 }

 #driver_old_contracts_body {
	width: 516px;
	display: block;
	max-height: 200px;
	overflow-y: scroll;
 }

 #drivers_docs_container {
	float: left;
	width: 355px;
 }

 #drivers_docs_container td {
	padding: 2px 0;
 }

 #drivers_docs_container hr {
	border: none;
	border-bottom: 1px solid #ddd;
 }

 #drivers_new_contract_info, #drivers_close_contract_info {
	overflow: hidden;
	line-height: 1.1;
	display: none;
	padding: 0 8px 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: none;
 }

#drivers_contract_action {
	text-align: right;
	cursor:pointer; 
	color: red;
	padding: 0 8px;
	line-height: normal;
}

#driver_contracts_container .dialog_opened {
	background-color: #fff;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 1px solid #ddd;
	border-bottom: none;
}

#payment_provider_units td {
	vertical-align: middle;
}

.car_class_info_disabled {
	background: #ccc;
	color: #999;
	text-decoration: line-through;
	BORDER: #cdcdcd 1px dotted;
	padding: 4px;
}

.car_option_out_class {
	color: #999;
}
.car_option_out_class input {
	accent-color: #999;
}

.sort_indicator {
	float: right;
	margin-right: 8px;
}

#chat {
	display: flex;
	background-color: #ffe380;
}

#chat_left_column {
	height: 100%; 
	width: 296px; 
	min-width: 296px;
	overflow: hidden; 
	display:flex;
	flex-direction:column;
	background-color: #f1f0f0;
	margin-top:6px
}

#chat_mode {
	display:flex;
	padding: 0 4px;
	background-color: #ffe380;
}

#chat_mode>div {
	flex:1; 
	text-align:center;
	padding: 8px;
	font-weight: bold;
	color: #654338;
	background-color: #fff;
	cursor: pointer;
	position: relative;
	border-radius: 10px 10px 0 0;
}

#chat_mode>div:first-child {
	margin-right: 2px;
}

#chat_mode>div:last-child {
	margin-left: 2px;
}

#chat_mode > div:hover {
	background-color: #fdf5ce;
}

#chat_mode .active {
	background-color: #f1f0f0;
}

.chat_mode_div {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

#chat_d0, #chat_c0 {
	height: 20px;
	padding: 8px;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	color: #EB0000;
}

#chat_d0:hover, #chat_c0:hover {
	color: #666;
	text-decoration: underline;
}

.chat_filter {
	width: 100%;
	padding-right: 20px;
	box-sizing: border-box;
}

.chat_filter_clear_btn {
	position:absolute;
	display: flex;
	right: 10px;
	top: 0;
	bottom: 0;
	justify-content: center;
	flex-direction: column;
}

.chat_dialogs_list {
	flex: 1;
}

#order_log_dialog.order-log-view-table {
	overflow: auto;
	max-height: 450px;
}

#order_chat_log_refresh {
	color: #EB0000;
}

#order_chat_log_refresh.order_chat_log_refresh_loading {
	pointer-events: none;
	color: #999;
}

#order_chat_log_panel {
	display: none;
}

#order_chat_log_toolbar {
	text-align: right;
	padding: 0 0 6px 0;
}

#order_chat_log_area {
	text-align: left;
}

.chat_message {
	clear: both;
	padding: 4px 8px;
	margin-top: 10px;
	margin-bottom: 0;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	max-width: stretch;
	word-wrap: break-word;
}

.chat_message .header {
	display: flex;
	flex-direction: row;
}

.chat_message .header .from {
	font-weight: bold;
	color: #444;
}

.chat_message .message {
	padding: 4px;
}

.chat_message .sent_date {
	font-size: smaller;
}

.chat_message .read_info {
	font-size: smaller;
	text-align: right;
}

#chat_area_container {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

#chat_area {
	flex-grow: 1;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #dedede;
	text-align: center;
	padding: 0 30px 16px;
	color: #000;
}

#chat_msg_filter {
	padding: 4px 8px;
}

#chat_msg {
	padding: 8px;
	resize: none;
	font-size: 14px;
	flex-grow: 1;
	height: 100%;
	border: 0;
	box-sizing: border-box;
	background-color: transparent;
}

#send_container {
	display: flex;
	overflow: hidden;
	min-height: 90px;
}

#chat_send_button {
	width: 100px;
	height: 100%;
	min-height: 52px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#client_chat_select_list {
	list-style:none; 
	margin:0; 
	padding:0; 
	max-height:290px; 
	overflow-y:auto;
}

.client_chat_select_item {
	padding:10px 12px;
	cursor:pointer;
	transition:background .15s;
	background-color: #fff;
	margin-bottom: 4px;
	border-radius: 4px;
}

.chat_cli {
	padding: 10px 12px;
	cursor: pointer;
	transition: background .15s;
	border-bottom: 1px solid #ddd;
}

.chat_cli:hover {
	background-color: #dedede;
}

.chat_client_phone {
	font-size: 1.2em;
	font-family: monospace;
	line-height: 1;
}

.chat_client_name, .chat_driver_title {
	font-weight: bold;
	clear: both;
	font-size: 1.1em;

}

.chat_driver_title {
	margin-top: 4px;
	flex-grow: 1;
}

.chat_driver_call_sign {
	font-size: 1.2em;
	font-family: monospace;
	line-height: 1;
	color: #666;
	border: 1px solid #666;
	border-radius: 2px;
	background-color: #FFF;
	padding: 2px 4px;
	margin-left: 8px;
}

.chat_client_unit {
	font-size:0.9em; 
	color:#666;
	line-height: 1;
}

.chat_client_cashless_accounts {
	font-size:0.9em; 
	color: #256178;
	line-height: 1;
}

.new_msgs_count {
	background-color: #3384ff;
	color: #fff;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 50%;
	font-size: 12px;
	font-weight: bold;
}

#drivers_msgs_count, #clients_msgs_count {
	background-color: #3384ff;
	color: #fff;
	min-width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 10px;
	font-size: 10px;
	font-weight: bold;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 4px;
	margin-left: 4px;
}

.chat_client_last_message, .chat_last_message {
	display: flex;
	margin-top: 4px;

}

.chat_client_last_message_text, .chat_last_message_text {
	flex-grow: 1;
	padding-right: 8px;
	color: #113;
}

.chat_client_last_message_time, .chat_last_message_time {
	font-size: 0.8em;
	color: #666;
}

.chat_driver_id {
    margin-left: 8px;
    color: #666;
    font-family: monospace;
}

/* Web-телефон — переключатель на мониторе */
.webphone-toggle-wrap {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	font-size: 12px;
	color: #aaaa00;
	line-height: 18px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}
.webphone-toggle-label {
	color: #aaaa00;
}
.webphone-help-wrap {
	color: #aaaa00;
	white-space: nowrap;
	margin-left: -4px;
}
.webphone-help {
	color: #aaaa00;
	text-decoration: none;
	font-size: 12px;
	cursor: help;
}
.webphone-help:hover {
	color: #dddd66;
}
.webphone-switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 22px;
	flex-shrink: 0;
	vertical-align: middle;
}
.webphone-switch input {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
}
.webphone-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #555;
	-webkit-transition: .2s;
	transition: .2s;
	border-radius: 22px;
	border: 1px solid #888;
}
.webphone-slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: #fff;
	-webkit-transition: .2s;
	transition: .2s;
	border-radius: 50%;
}
.webphone-switch input:checked + .webphone-slider {
	background-color: #2f9e61;
	border-color: #2f9e61;
}
.webphone-switch input:checked + .webphone-slider:before {
	-webkit-transform: translateX(18px);
	transform: translateX(18px);
}
.webphone-switch input:disabled + .webphone-slider {
	opacity: 0.45;
	cursor: default;
}
.webphone-popup-hint {
	display: none;
	margin-left: 4px;
	font-size: 11px;
}
.webphone-popup-hint a {
	color: #6ec1ff;
}