/* фиксация первой строки таблицы*/
.tab_fix {
	position:fixed;
	top: 113px;
	z-index: 1;
	background: #ffffff;
}
.tb_fix {
	position:fixed;
	top: 0px;
	z-index: 1;
	width: 100%;
}
.tb_base {
	height: 120px;
	width: 100%;
}


/* Радио для выбора */
.radios-as-buttons {
	margin: 0px;
	font-family: Arial;
	font-size: 14px;
}
.radios-as-buttons div {
	float: left;
	width: 125px;
}
.radios-as-buttons input {
	position: absolute;
	left: -9999px;
}
.radios-as-buttons label {
	display: block;
	margin: 0 0 0 -1px;
	padding: 5px 10px;
	border: 1px solid #BBBBBB;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .12);
	cursor: pointer;
	text-align: center;
}
.radios-as-buttons input:checked + label {
	background: white;
	box-shadow: inset 0 3px 6px rgba(0, 0, 0, .2);
}
.radios-as-buttons div:first-child label {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.radios-as-buttons div:last-child label {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.radios-as-buttons label:hover {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(177,177,177,1) 100%);
}

.radios-as-buttons label:active {
	background: white;
	box-shadow: inset 0 3px 6px rgba(0, 0, 0, .1);
}


/* кнопка*/
.btn_tbl {
	height: 100%;
	width: 100px;
	display: block;
	margin: 0 0 0 0px;
	padding: 5px 3px;
	border: 1px solid #BBBBBB;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .12);
	cursor: pointer;
	text-align: center;
	border-radius: 7px;
}
.btn_tbl:hover {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(177,177,177,1) 100%);
}
.btn_tbl:active {
	background: white;
	box-shadow: inset 0 3px 6px rgba(0, 0, 0, .2);
}
/* таблица*/
.p_tbl {
/* 	border-top: 1px solid #ddd; */
	border-left: 1px solid #ddd;
}
.p_tbl th, .p_tbl td {
	padding: 7px 2px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 14px;
}
.p_tbl th {
	background: #16794C;
	color: #ffffff;
	font-weight: bold;
}
.p_tbl td {
	cursor: pointer;
}

/* Цвет фона при наведении	чередование*/
.p_tbl tr:nth-child(2n) {
	background: rgba(79, 210, 79, 0.2); /* Цвет фона */
	 }
.p_tbl tr:hover {
	background: rgb(250, 255, 189); /* Цвет фона при наведении */
}


.tr_filt_w{
	background: #fff; /* Цвет фона */
}
.tr_filt_g{
	background: rgba(79, 210, 79, 0.2); /* Цвет фона */
}
.tr_filt_w:hover {
	background: rgb(250, 255, 189); /* Цвет фона при наведении */
}
.tr_filt_g:hover {
	background: rgb(250, 255, 189); /* Цвет фона при наведении */
}


/*выделение*/
.highlight{
	background-color:#f0801d;
}



/*легкая тавлица*/
.p_tbl_lite {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.p_tbl_lite th, .p_tbl_lite td {
	padding: 7px 5px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.p_tbl_lite th {
	background: #16794C;
	color: #ffffff;
	font-weight: bold;
}



/* прокрутка вверх*/
.PageUp {
	position:fixed;
	bottom: 25px;
	right: 25px;
	width:100px;
	height:50px;
	background-color: #43AD7A;
	opacity: 0.25;
	border-radius: 5px;
}
.PageUps {
	position:absolute;
	background-color: #ffffff;
	width:7px;
	height:23px;
	border-radius:8px 8px 0 0;
}
#PageUp_1 {
	left:40px;
	top:14px;
	transform:rotate(-135deg);
}
#PageUp_2 {
	left:52px;
	top:14px;
	transform:rotate(135deg);
}
.PageUp:hover {
	opacity: 0.7;
}
/* подложка страницы*/
.Page_bottom {
	width: 100%;
	height: 75px;
}
/*

<div class="PageUp" id="PageUp" style="display:none" onClick="Up()" >
	<div class="PageUps" id="PageUp_1"></div>
	<div class="PageUps" id="PageUp_2"></div>
</div>
<div class="Page_bottom"></div>


*/


/* модальное окно*/
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 20;
	transition: opacity 400ms ease-in;
}
.modal_frame {
	position: fixed;
	left: calc(50% - 600px);
	top: 12px; 
	padding: 5px;
	background: #246346;
	width: 1200px; 
	height: 85%;
	min-height: 600px;
	max-height: 725px;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	border-radius:2px;
}
.modal_frame_2 {
	width: calc(100% - 20px);
	height:	calc(100% - 20px);
	padding: 10px;
	background: #fff;
	border-radius:5px;
}
.modal_close_x {
	cursor: pointer;
	background: #fb9337;
	color: #000000;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	font-size: 200%;
	border-radius: 12px;
	box-shadow: 1px 1px 3px #000;
}
.modal_close_x:hover {
	background: #f0801d; 
}
.modal_close_x:active {
	background: #f06c1d; 
}
.modal_close {
	position: absolute;
	bottom: 5px;
	left: 20px;
	width: 100px;
	cursor: pointer;
	background: #fb9337;
	border: 0;
	padding:	12px 10px 12px 10px;
	margin: 5px 5px 5px 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.modal_close:hover {
	background: #f0801d; 
}
.modal_close:active {
	background: #f06c1d; 
}
.modal_reset {
	position: absolute;
	bottom: 5px;
	left: 137px;
	width: 100px;
	cursor: pointer;
	background: #fb9337;
	border: 0;
	padding: 12px 10px 12px 10px;
	margin: 5px 5px 5px 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.modal_reset:hover {
	background: #f0801d; 
}
.modal_reset:active {
	background: #f06c1d; 
}
.modal_save {
	position: absolute;
	bottom: 5px;
	left: 254px;
	width: 100px;
	cursor: pointer;
	background: #fb9337;
	border: 0;
	padding:	12px 10px 12px 10px;
	margin: 5px 5px 5px 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.modal_save:hover {
	background: #f0801d; 
}
.modal_save:active {
	background: #f06c1d; 
}


.modal_status, .modal_status_driver, .modal_status_rates {
	position: absolute;
	bottom: -38px;
	left: 0px;
	width: calc(100% - 20px);
	background: #70bb70; /* зеленый */
	background: #ff8989; /* красный */
	padding:	12px 10px 12px 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	border-radius: 7px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}







.modal_frame_offset {
	position: fixed;
	left: calc(50% - 577px);
	top: 20px; 
	padding: 5px;
	background: #246346;
	width: 1200px; 
	height: 95%;
	min-height: 600px;
	max-height: 725px;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	border-radius:2px;
}

/* для карты */
.modal_frame_big {
	position: fixed;
	left: 5%;
	top: 35px; 
	padding: 5px;
	background: #246346;
	width: 90%; 
	height: calc(100% - 70px);
/* 	min-height: 675px;
	max-height: 725px; */
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	border-radius:2px;
}

.modal_frame_verify {
	position: fixed;
	left: calc(50% - 165px);
	top: 25%; 
	padding: 5px;
	background: #246346;
	width: 375px; 
	height: 175px;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	border-radius:2px;
}



.modal_size0{
	width: 400px !important;
	left: calc(50% - 200px) !important;
}




/*

<a href="#openModal">Открыть модальное окно</a>

<div id="openModal" class="modalDialog">
	<div class="modal_frame">
		<div class="modal_frame_2">
			<a href="" class="modal_close_x">X</a>
			...
			<a href="" class="modal_close_a"><button class="modal_close">Закрыть</button></a>
		</div>
	</div>
</div>

*/


/*Вкладки*/

/* Базовый контейнер табов */
.tabs {
	min-width: 430px;
	max-width: 850px;
	padding: 0px;
	margin: 0 0 0 auto;
}
/* Стили секций с содержанием */
.tab_section {
	position: absolute;
	overflow: auto;
	top: 51px;
	bottom: 8px;
	width: 800px;
	display: none;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
}
.tabs .tab_inp {
	display: none;
}
/* Стили вкладок (табов) */
.tabs .tab {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 10px 5px;
	font-weight: 600;
	text-align: center;
	color: #aaa;
	border: 1px solid #ddd;
	background: #f1f1f1;
	border-radius: 3px 3px 0 0;
}
/* изменения стиля заголовков вкладок при наведении */
.tabs .tab:hover {
	color: #888;
	cursor: pointer;
}
/* стили для активной вкладки */
.tabs	.tab_inp:checked + .tab {
	color: #555;
	border: 1px solid #ddd;
	border-top: 2px solid #009933;
	border-bottom: 1px solid #fff;
	background: #fff;
}
/* активация секций с помощью переключателя :checked */
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7,
#tab8:checked ~ #content8,
#tab9:checked ~ #content9,
#tab10:checked ~ #content10,
#tab11:checked ~ #content11,
#tab12:checked ~ #content12,
#tab13:checked ~ #content13,
#tab14:checked ~ #content14,
#tab15:checked ~ #content15,
#tab16:checked ~ #content16,
#tab17:checked ~ #content17,
#tab18:checked ~ #content18,
#tab19:checked ~ #content19,
#tab20:checked ~ #content20,
#tab21:checked ~ #content21,
#tab22:checked ~ #content22,
#tab23:checked ~ #content23,
#tab24:checked ~ #content24,
#tab25:checked ~ #content25,
#tab26:checked ~ #content26,
#tab27:checked ~ #content27,
#tab28:checked ~ #content28,
#tab29:checked ~ #content29,
#tab30:checked ~ #content30,
#tab31:checked ~ #content31,
#tab32:checked ~ #content32,
#tab33:checked ~ #content33,
#tab34:checked ~ #content34,
#tab35:checked ~ #content35,
#tab36:checked ~ #content36,
#tab37:checked ~ #content37,
#tab38:checked ~ #content38,
#tab39:checked ~ #content39,
#tab40:checked ~ #content40,
#tab41:checked ~ #content41,
#tab42:checked ~ #content42,
#tab43:checked ~ #content43,
#tab44:checked ~ #content44,
#tab45:checked ~ #content45,
#tab46:checked ~ #content46,
#tab47:checked ~ #content47,
#tab48:checked ~ #content48,
#tab49:checked ~ #content49,
#tab50:checked ~ #content50,
#tab51:checked ~ #content51,
#tab52:checked ~ #content52,
#tab53:checked ~ #content53,
#tab54:checked ~ #content54,
#tab55:checked ~ #content55,
#tab56:checked ~ #content56,
#tab57:checked ~ #content57,
#tab58:checked ~ #content58,
#tab59:checked ~ #content59,
#tab60:checked ~ #content60,
#tab61:checked ~ #content61,
#tab62:checked ~ #content62,
#tab63:checked ~ #content63,
#tab64:checked ~ #content64,
#tab65:checked ~ #content65,
#tab66:checked ~ #content66,
#tab67:checked ~ #content67,
#tab68:checked ~ #content68,
#tab69:checked ~ #content69,
#tab70:checked ~ #content70,
#tab71:checked ~ #content71,
#tab72:checked ~ #content72,
#tab73:checked ~ #content73,
#tab74:checked ~ #content74,
#tab75:checked ~ #content75,
#tab76:checked ~ #content76,
#tab77:checked ~ #content77,
#tab78:checked ~ #content78,
#tab79:checked ~ #content79,
#tab80:checked ~ #content80		{
	display: block;
}

/*

<div class="tabs">
<input id="tab1" type="radio" name="tabs" class="tab_inp" checked>
<label for="tab1" title="Wordpress" class="tab">Wordpress</label>

<input id="tab2" type="radio" name="tabs" class="tab_inp">
<label for="tab2" title="Windows">Windows</label>

<input id="tab3" type="radio" name="tabs" class="tab_inp">
<label for="tab3" title="HTML5">HTML5</label>

<input id="tab4" type="radio" name="tabs" class="tab_inp">
<label for="tab4" title="CSS3">CSS3</label>

<section id="content1" class="tab_section">
			...
		</section>
		
		<section id="content2" class="tab_section">
			...
		</section>
		
<section id="content3" class="tab_section">
			...
</section> 
		
<section id="content4" class="tab_section">
			...
</section>
	 </div>

*/


/* Радио и чекетбоксы*/

.chckbx {
	vertical-align: top;
	width: 17px;
	height: 17px;
	margin: 0 3px 0 0;
}
.chckbx + label {
	cursor: pointer;
	display: block;
	margin: 15px 0 15px 0;
}
.chckbx:not(checked) {
	position: absolute;
	opacity: 0;
}
.chckbx:not(checked) + label {
	position: relative;
	padding: 0 0 0 55px;
}
.chckbx:not(checked) + label:before {
	content: '';
	position: absolute;
	top: -4px;
	top: -6px;
	left: 0;
	width: 50px;
	height: 26px;
	border-radius: 13px;
	background: #CDD1DA;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
.chckbx:not(checked) + label:after {
	content: '';
	position: absolute;
	top: -2px;
	top: -4px;
	left: 2px;
	width: 22px;
	height: 22px;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
	transition: all .2s;
}
.chckbx:checked + label:before {
	background: #109843;
}
.chckbx:checked + label:after {
	left: 26px;
}

.rd_chck {
	vertical-align: top;
	width: 17px;
	height: 17px;
	margin: 0 3px 0 0;
}
.rd_chck + label {
	cursor: pointer;
	display: block;
	margin: 20px 0 20px 0;
}
.rd_chck:not(checked) {
	position: absolute;
	opacity: 0;
}
.rd_chck:not(checked) + label {
	position: relative;
	padding: 0 0 0 35px;
}
.rd_chck:not(checked) + label:before {
	content: '';
	position: absolute;
	top: -3px;
	left: 0;
	width: 22px;
	height: 22px;
	border: 1px solid #CDD1DA;
	border-radius: 50%;
	background: #FFF;
}
.rd_chck:not(checked) + label:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 4px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #109843;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
	opacity: 0;
	transition: all .2s;
}
.rd_chck:checked + label:after {
	opacity: 1;
}


/*

		<input type="checkbox" class="chckbx" id="chckbx_1" checked/>
		<label for="chckbx_1">Вариант 1</label>

		<br /><br />

		<input type="checkbox" class="chckbx" id="chckbx_2" />
		<label for="chckbx_2">Вариант 2</label>

<br /><br />

		<input type="radio" class="rd_chck" id="rd_chck_1" name="radio" checked/>
		<label for="rd_chck_1">Вариант 1</label>

		<br /><br />

		<input type="radio" class="rd_chck" id="rd_chck_2" name="radio"/>
		<label for="rd_chck_2">Вариант 2</label>

*/


/* невидимая таблица */
.tbl_null {
	width: 100%;
	height: 100%;
	table-layout:fixed;
}
.tbl_null, .tbl_null th, .tbl_null td, .tbl_null tr {
	border: 1px solid rgba(0,0,0,.0);
	background: rgba(0,0,0,.0);
}
.tbl_null td {
	padding: 0px;
}


/* таблица для каточки авто*/
.p_tbl_car {
	position: absolute;
	width: 335px;
	max-height: 650px;
	height: calc(100% - 110px);
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.p_tbl_car tr.is_enable,
.p_tbl_car td.is_enable {
	background: #307555;
}
.p_tbl_car tr.is_disable,
.p_tbl_car td.is_disable {
	background: #307555;
}
.p_tbl_car th, .p_tbl_car td {
	padding: 1px 0px 1px 3px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.p_tbl_car th {
	background: #16794C;
	color: #ffffff;
	font-weight: bold;
}
/* Цвет фона при наведении	чередование*/
.p_tbl_car tr:nth-child(2n) {
	background: rgba(79, 210, 79, 0.2); /* Цвет фона */
} 
.p_tbl_car tr:hover {
	background: rgb(250, 255, 189); /* Цвет фона при наведении */
}
/* Цвет фона при наведении	чередование*/
/* .p_tbl_car tr:last-child {
	background: #f1f1f1;
}	*/


/* таблица для каточки водителя*/
.p_tbl_driver {
	position: absolute;
	width: 335px;
	max-height: 650px;
	height: calc(100% - 110px);
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.p_tbl_driver tr.is_enable,
.p_tbl_driver td.is_enable {
	background: #307555;
}
.p_tbl_driver tr.is_disable,
.p_tbl_driver td.is_disable {
	background: #307555;
}
.p_tbl_driver th, .p_tbl_driver td {
	padding: 0px 0px 0px 3px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.p_tbl_driver th {
	background: #16794C;
	color: #ffffff;
	font-weight: bold;
}
/* Цвет фона при наведении	чередование*/
.p_tbl_driver tr:nth-child(2n) {
	background: rgba(79, 210, 79, 0.2); /* Цвет фона */
} 
.p_tbl_driver tr:hover {
	background: rgb(250, 255, 189); /* Цвет фона при наведении */
}
/* Цвет фона при наведении	чередование*/
/* .p_tbl_driver tr:last-child {
	background: #f1f1f1;
} 
 */


/* таблица для каточки nfhbajd*/
.p_tbl_rate {
	position: absolute;
	width: 335px;
	max-height: 575px;
	height: calc(100% - 120px);
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.p_tbl_rate tr.is_enable,
.p_tbl_rate td.is_enable {
	background: #307555;
}
.p_tbl_rate tr.is_disable,
.p_tbl_rate td.is_disable {
	background: #307555;
}
.p_tbl_rate th, .p_tbl_rate td {
	padding: 1px 0px 1px 3px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.p_tbl_rate th {
	background: #16794C;
	color: #ffffff;
	font-weight: bold;
}
/* Цвет фона при наведении	чередование*/
.p_tbl_rate tr:nth-child(2n) {
	background: rgba(79, 210, 79, 0.2); /* Цвет фона */
} 
.p_tbl_rate tr:hover {
	background: rgb(250, 255, 189); /* Цвет фона при наведении */
}
/* Цвет фона при наведении	чередование*/
/* .p_tbl_driver tr:last-child {
	background: #f1f1f1;
} 
 */



























/* ввод данных */
.inp_readonly {
	cursor: pointer;
	border: 1px solid rgba(0,0,0,.0);
	background: rgba(0,0,0,.0);
	padding:3px 3px 3px 3px;
	width: calc(100% - 10px);
	height: 21px;
	-moz-appearance: textfield;
	-webkit-appearance: none;
}
textarea.inp_readonly {
	cursor: pointer;
	border: 1px solid rgba(0,0,0,.0);
	background: rgba(0,0,0,.0);
	padding:3px 3px 3px 3px;
	width: calc(100% - 1px);
	resize: vertical;
	height: 100%;

}
.inp_readonly:hover {
	border: 1px solid rgba(16, 152, 67,.5);
}
.inp_writeonly {
	border: 1px solid rgba(16, 152, 67,.5);
	padding:3px 3px 3px 3px;
	background: #fff;
	width: calc(100% - 10px);
	height: 21px;
}
textarea.inp_writeonly {
	border: 1px solid rgba(16, 152, 67,.5);
	padding:3px 3px 3px 3px;
	background: #fff;
	width: calc(100% - 10px);
	height: 100%;
}


/* последовательные div*/
.left_block {
	float:left;
	width:350px;
	padding: 0px 0px 0px 5px;
}
.right_block {
	float:left;
	width:820px;
	padding: 0px;
}

/* последовательные div*/
.left_block_big {
	float:left;
	width:550px;
	padding: 0px 0px 0px 5px;
}
.right_block_big {
	float:left;
	width:calc(100% - 575px);
	padding: 0px;
}

/* последовательные div*/
.lft_blck {
	float:left;
	width:410px;
	padding: 0px;
}
.rght_blck {
	float:left;
	width:370px;
	padding: 0px;
}


/* select*/
.slct_cl {
	padding: 3px 3px 3px 3px;
	margin: 2px 0px 2px 0px;
	background: rgba(255,255,255,0);
	border: 1px solid rgba(255,255,255,0);
	outline:none;
	display: inline-block;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
	width: 100%;
	height: 25px;
}
.slct_cl:hover {
	border: 1px solid rgba(16, 152, 67,.5);
}
.opt_slct {
	height: 15px;
	padding: 5px;
	margin: 0px;
	background: rgba(255,255,255,0); /* Цвет фона под ссылкой */ 
}
.lbl_slct {
	position:relative
}
.lbl_slct:after {
	content:'^';
	font: 25px "Consolas", monospace;
	font-weight: bold;
	color:rgba(255,255,255,0);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	right:4px; top:-14px;
	padding:0 0 2px;
	position:absolute;
	pointer-events:none;
}
.lbl_slct:before {
	content:'';
	right:1px; top:-5px;
	width:20px; height:23px;
	background:rgba(255,255,255,0);
	position:absolute;
	pointer-events:none;
	display:block;
}
.lbl_slct:hover:before {
	background:#DCF6DC;

}
.lbl_slct:hover:after {
	color:#109843;

}
/*

<label class="lbl_slct">
<select class="slct_cl">
<option class="opt_slct">Option 1</option>
<option class="opt_slct">Option 2</option>
<option class="opt_slct">Option 3</option>
</select>
</label>


*/


/* Кнопка */
.btn {
	cursor: pointer;
	background: #fb9337;
	border: 0;
	padding:	12px 10px 12px 10px;
	margin: 5px 5px 5px 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.btn:hover {
	background: #f0801d; 
}
.btn:active {
	background: #f06c1d; 
}

.border_err{
	border: 1px solid red;
}



/* поиск */
.filt_inp{
		width: 250px;
		height: 30px;
		font-size: 17px;
		border: 1px solid #a9a9a9;
		padding: 0 0 0 5px;
}
.filt_inp:focus{
	outline: none;
	border: 1px solid #109843;
}

.filt_inp_x{
	cursor: pointer;
	background: rgba(255, 255, 0, 0);
	color: #a9a9a9;
	top: 2px;
	left: 259px;
	height:34px;
	width:34px;
	display:inline-block;
 	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 200%;
	}
	
.filt_inp_x:hover{
	color: #fb9337;
}


.filt_inp_find{
	font-size: 150%;
	top: 1px;
 	position: relative;
	cursor: pointer;
	background: rgba(255, 255, 0, 0);
	color: #a9a9a9;
}

.filt_inp_find:hover{
		color: #fb9337;
}
	
 /* <span class="filt_inp_x" onClick="document.getElementById('filt').value='';">×</span>
<input name="filt" placeholder="Фильтр" id="filt" type="text" class="filt_inp"> */


.cls_but_x{
	text-align:	center;
	font-size: 200%;
	cursor: pointer;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.cls_but_x:hover {
	background: #f0801d; 
}
.cls_but_x:active {
	background: #f06c1d; 
}



/* убрирание столбца стаблицы */
.display_off {
	display:none;
}


.visibility_off{
	visibility: hidden !important;
}


/*	*/
.bllnCntnt {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	padding: 5px;
}


.map_fhd {
	width: calc(100% + 40px);
	height: calc(100vh - 120px);/*850px;*/
	padding: 0;
	margin-left: -20px;
	margin-top: -25px;
	margin-right: -20px;
	margin-bottom: -30px;
}


.map_fhdFull {
	position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100vh;
		z-index: 500;
		overflow: hidden;
		width: 100vw;
}




.phone_inp{
	width: 130px;
	height: 30px;
	font-size: 15px;
	border: 1px solid #a9a9a9;
	position: relative;
	left: -28px;
	top: 7px;
	z-index: 5;
}
.phone_inp:focus{
	outline: none;
	border: 1px solid #109843;
}
.phone_inp_x{
	cursor: pointer;
	background: rgba(255, 255, 0, 0);
	color: #a9a9a9;
	top: 12px;
	left: 112px;
	height: 34px;
	width: 34px;
	display: inline-block;
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 200%;
	z-index: 10;
}
.phone_inp_x:hover{
	color: #fb9337;
}
.phone_inp_7{
	cursor: pointer;
	background: rgba(255, 255, 0, 0);
	color: #a9a9a9;
	top: 7px;
	left: -3px;
	width: 3px;
	display: inline-block;
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}


.btn_phone {
	float: right;
	cursor: pointer;
	background: #fb9337;
	border: 0;
	padding: 7px 5px 7px 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	color: #000;
	margin-right: 5px;
}
.btn_phone:hover {
	background: #f0801d; 
}
.btn_phone:active {
	background: #f06c1d; 
}

.btn_phone_off {
	float: right;
	cursor: pointer;
	background: #f1f1f1;
	border: 0;
	padding: 7px 5px 7px 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	color: #000;
	margin-right: 5px;
}


/* radios в виде кнопок */
.radios-as-buttons {
	margin: 0px;
	font-family: Arial;
	font-size: 14px;
}
.radios-as-buttons div {
	float: left;
	width: 140px;
}
.radios-as-buttons input {
	position: absolute;
	left: -9999px;
}
.radios-as-buttons label {
	display: block;
	cursor: pointer;
	background: #fb9337;
	border: 0;
	padding:	12px 10px 12px 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;

	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.radios-as-buttons input:checked + label {
	background: #f06c1d;
	box-shadow: inset 0 3px 6px rgba(0, 0, 0, .2);
}
.radios-as-buttons div:first-child label {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.radios-as-buttons div:last-child label {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.radios-as-buttons label:hover {
	background: #f0801d; 
}

.radios-as-buttons label:active {
background: #f06c1d;
	box-shadow: inset 0 3px 6px rgba(0, 0, 0, .2);
}



.date_off {
	border: 2px solid #f00;
}

.date{
	width: 100px;
		height: 25px;
		font-size: 15px;
		font-weight: bold;
		color: #615b56;
		padding-left: 3px;
	margin-left: 10px;
		margin-right: 10px;
}
.date_h{
	 padding-left: 75px;
	 color: #16794C;
	 font-weight: bold;
	 font-size: 20px;
}

/* таблица*/
.p_tbl_lt {
/* 	border-top: 1px solid #ddd; */
	border-left: 1px solid #ddd;
}
.p_tbl_lt th {
	padding: 7px 1px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.p_tbl_lt td {
	padding: 3px 1px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.p_tbl_lt th {
	background: #16794C;
	color: #ffffff;
	font-weight: bold;
}
/* Цвет фона при наведении	чередование*/
.p_tbl_lt tr:nth-child(2n) {
	background: rgba(79, 210, 79, 0.2); /* Цвет фона */
	 }
.p_tbl_lt tr:hover {
	background: rgb(250, 255, 189); /* Цвет фона при наведении */
}


.map_datetime_history	{
	z-index: 501;
		position: absolute;
		right: 110px;
		width: 125px;
		height: 25px;
		top: 166px;
}

.fiend_head{
	position: fixed;
		z-index: 5;
		top: 67px;
		right: 20px;
}


.fiend_headFull{
	position: fixed;
		z-index: 700;
		right: 10px;
		bottom: 125px;
}




/*календарь месячный*/

.p_tbl_cel {
/* 	border-top: 1px solid #ddd; */
	border-left: 1px solid #ddd;
	width: 180px;
	height: 180px;
}
.p_tbl_cel th, .p_tbl_cel td {
	padding: 7px 5px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.p_tbl_cel th {
	background: #16794C;
	color: #ffffff;
	font-weight: bold;
}
.p_tbl_cel td {
	cursor: pointer;
}

/* Цвет фона при наведении	чередование*/
.p_tbl_cel tr:nth-child(2n) {
	background: rgba(79, 210, 79, 0.2); /* Цвет фона */
	 }
.p_tbl_cel td:hover {
	background: rgb(250, 255, 189); /* Цвет фона при наведении */
}
.p_tbl_cel td:active {
	background: #f06c1d; /* Цвет фона при наведении */
}


.activ_tbl_cel{
	 background: #fb9337;
}


/* <table border="0" cellpadding="0" cellspacing="0" class="p_tbl_cel">
	<tbody>
		<tr>
			<th colspan="4"><input type="text" id="txt_cel_dat" style="width:calc(100%-10px);" onKeyUp="" value="08.2016"></th>
		</tr>
		<tr>
			<td id="tbl_cel_year_m" onclick="cel_year_pm(0);">-</td>
			<td colspan="2" rowspan="1" id="tbl_cel_year"></td>
			<td id="tbl_cel_year_p" onclick="cel_year_pm(1);">+</td>
		</tr>
		<tr>
			<td id="tbl_cel_month_01" onClick="cel_month_val(id)" class="activ_tbl_cel">Янв</td>
			<td id="tbl_cel_month_02" onClick="cel_month_val(id)">Фев</td>
			<td id="tbl_cel_month_03" onClick="cel_month_val(id)">Мар</td>
			<td id="tbl_cel_month_04" onClick="cel_month_val(id)">Апр</td>
		</tr>
		<tr>
			<td id="tbl_cel_month_05" onClick="cel_month_val(id)">Май</td>
			<td id="tbl_cel_month_06" onClick="cel_month_val(id)">Июн</td>
			<td id="tbl_cel_month_07" onClick="cel_month_val(id)">Июл</td>
			<td id="tbl_cel_month_08" onClick="cel_month_val(id)">Авг</td>
		</tr>
		<tr>
			<td id="tbl_cel_month_09" onClick="cel_month_val(id)">Сен</td>
			<td id="tbl_cel_month_10" onClick="cel_month_val(id)">Окт</td>
			<td id="tbl_cel_month_11" onClick="cel_month_val(id)">Ноя</td>
			<td id="tbl_cel_month_12" onClick="cel_month_val(id)">Дек</td>
		</tr>
	</tbody>
</table> */


/*календарь месячный*/

.p_tbl_cel_cl {
/* 	border-top: 1px solid #ddd; */
	border-left: 1px solid #ddd;
	width: 125px;
	height: 125px;
}
.p_tbl_cel_cl th, .p_tbl_cel_cl td {
	padding: 5px 3px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.p_tbl_cel_cl th {
	background: #16794C;
	color: #ffffff;
	font-weight: bold;
}
.p_tbl_cel_cl td {
	cursor: pointer;
}



/* Цвет фона при наведении	чередование*/
.p_tbl_cel_cl tr:nth-child(2n) {
	background: rgba(79, 210, 79, 0.2); /* Цвет фона */
	 }
.p_tbl_cel_cl td:hover {
	background: rgb(250, 255, 189); /* Цвет фона при наведении */
}
.p_tbl_cel_cl td:active {
	background: #f06c1d; /* Цвет фона при наведении */
}


.btn_sheer{
	background: rgba(255, 255, 255, 0); /* Цвет фона */
	border: 0px solid rgba(255, 255, 255, 0);
	
}
.btn_sheer:hover{
	background: rgba(255, 255, 255, 0); /* Цвет фона */
}

.btn_sheer:active{
	background: rgba(255, 255, 255, 0); /* Цвет фона */
}

.btn_sheer:focus{
	background: rgba(255, 255, 255, 0); /* Цвет фона */
}


.btn_off {
	cursor: pointer;
	background: #f1f1f1;
	border: 0;
	padding:	12px 10px 12px 10px;
	margin: 5px 5px 5px 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}




/* таблица*/
.p_tbl_lt_doc {
/* 	border-top: 1px solid #ddd; */
	border-left: 1px solid #ddd;
}
.p_tbl_lt_doc th {
	padding: 7px 3px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.p_tbl_lt_doc td {
	padding: 7px 3px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.p_tbl_lt_doc th {
	background: #16794C;
	color: #ffffff;
	font-weight: bold;
}
/* Цвет фона при наведении	чередование*/
.p_tbl_lt_doc tr:nth-child(2n) {
	background: rgba(79, 210, 79, 0.2); /* Цвет фона */
	 }
.p_tbl_lt_doc tr:hover {
	background: rgb(250, 255, 189); /* Цвет фона при наведении */
}



/* таблица для каточки водителя*/
.p_tbl_comp_card {
	position: absolute;
	width: 335px;
	max-height: 575px;
	height: calc(100% - 120px);
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.p_tbl_comp_card th, .p_tbl_comp_card td {
	padding: 1px 0px 1px 3px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.p_tbl_comp_card th {
	background: rgba(79, 210, 79, 0.2); /* Цвет фона */
	color: #ffffff;
	font-weight: bold;
}
/* Цвет фона при наведении	чередование*/
.p_tbl_comp_card tr:nth-child(2n) {
	background: rgba(255, 255, 255, 1); /* Цвет фона */
}

.p_tbl_comp_card tr:hover {
	background: rgb(250, 255, 189); /* Цвет фона при наведении */
}



/* тройной переключатель*/

.switcher {
	position: relative;
	display: inline-block;
	margin: 1px 10px;
	height: 26px;
	width: 50px;
	z-index: 1;
}

.switcher-off {
	left: 1px;
	width: 50%;
	height: 100%;
}

.switcher-neutral {
	left: 33%;
	width: 0%;
	height: 100%;
}

.switcher-on{
	right: 1px;
	width: 50%;
	height: 100%;
}

.switcher-label {
	position: absolute;
	text-indent: -9999px;
	z-index: 2;
}

.switcher input {
	visibility: hidden;
	position: absolute;
}

.switcher-slider {
	height: 100%;
	width: 100%;
	border-radius: 26px;
/*	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset, 0 0 4px rgba(0, 0, 0, 0.5) inset, 0 2px 2px 1px rgba(0, 0, 0, 0.3) inset; */
	transition: background-color 0.2s linear 0s;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}

.switcher-slider:after {
	transition: left 0.2s linear 0s, right 0.2s linear 0s;
	background: #fff; 
	content: "";
	position: absolute;
	top: 2px;
	border-radius: 10px;
	height: 22px;
	width: 22px;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
/*	box-shadow: 0 0 1px 1px #f4f4f4 inset, 0 0 3px 1px rgba(0, 0, 0, 0.6);*/
	left: 33%;
}


.switcher-radio-on:checked	~ .switcher-slider {
	background-color: #109843;
}

.switcher-radio-neutral:checked	~ .switcher-slider {
	background: #cdd1da;
}

.switcher-radio-off:checked	~ .switcher-slider {
	background-color: #ED8282;
}

.switcher-radio-on:checked	~ .switcher-slider:after {
	left: 26px;
}

.switcher-radio-neutral:checked	~ .switcher-slider:after {
	left: 14px;
}

.switcher-radio-off:checked	~ .switcher-slider:after {
	left: 1px;
}



/*
<div class='switcher'>
	<label	class='switcher-label switcher-off' for='off1'>off</label>
	<input id='off1' class='switcher-radio-off' type='radio' name='testy' value=''>
	
	<label class='switcher-label switcher-neutral' for='neutral1'>neutral</label>
	<input id='neutral1' class='switcher-radio-neutral' type='radio' name='testy' value='' checked>
	
	<label class='switcher-label switcher-on' for='on1'>on</label>
	<input id='on1' class='switcher-radio-on' type='radio' name='testy' value=''>
	<div class='switcher-slider'></div>
</div>
 */
 
 
.draggable_modal_frame{
	cursor: move;
}
 

 
 
/*-------------------------
	Дизайн подсказки 2
--------------------------*/

.help-tip{
	position: relative;
}

.help-tip:hover p{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{
	display: none;
	text-align: left;
	background-color: #dcf6dc;
	padding: 10px;
	width: 150px;
	position: absolute;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	left: -170px;
	top: -25px;
	color:#000;
	font-size: 13px;
	line-height: 1.4;
}


@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}


/* 			<div class="help-tip" style="		margin-left: 500px;">
				<p>Текстовая подсказка</p>111
			</div>
 */
 
 
.background_9ede9a{background: #9ede9a;}
.background_f0e68c{background: #f0e68c;}
.background_9999ff{background: #9999ff;}
.background_2683ec{background: #2683ec;}
.background_30bfef{background: #30bfef;}
.background_ec8f26{background: #ec8f26;}
.background_baff1d{background: #baff1d;}
.background_f9e532{background: #f9e532;}
.background_e24646{background: #e24646;}

.color_fb9337{color: #fb9337 !important;}
.color_16794C{color: #16794C !important;}





.fullScreen{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100vh;
	width: calc(100vw - 20px);
	z-index: 500;
	overflow: scroll;
}


.short_text{
	white-space: nowrap; /* Запрещаем перенос строк */
	overflow: hidden; /* Обрезаем все, что не помещается в область */
	text-overflow: ellipsis; /* Добавляем многоточие */
}




.bckgrnd_orange{
	background: orange !important;
}


.bckgrnd_green{
	background: #4fd24f33 !important;
}


.bckgrnd_violet{
	background: #0035ff4f !important;
}


.bckgrnd_red{
	background: #ff2323f0 !important;
}


.bckgrnd_gray{
	background: #808080 !important;
}


.bckgrnd_greenHEAD{
	background: #16794C !important;
	color: #ffffff !important;
	font-weight: bold !important;
}









.bckgrnd_ffe000{
	background: #ffe000 !important;
}

.bckgrnd_ccff00{
	background: #ccff00 !important;
}

.bckgrnd_3fff00{
	background: #3fff00 !important;
}

.bckgrnd_00ffc4{
	background: #00ffc4 !important;
}

.bckgrnd_00ffff{
	background: #00ffff !important;
}

.bckgrnd_00a1ff{
	background: #00a1ff !important;
}

.bckgrnd_0043ff{
	background: #0043ff !important;
}

.bckgrnd_d800ff{
	background: #d800ff !important;
}

.bckgrnd_ff00c8{
	background: #ff00c8 !important;
}

.txt_center{
	text-align: center;
}



.slct_cl_gr {
	padding: 1px 3px;
	margin: 1px 0px;
	background: rgba(255,255,255,0);
	border: 1px solid rgba(255,255,255,0);
	outline:none;
	display: inline-block;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
	width: 100%;
	font-size: 90%;
}


.slct_cl_gr:hover {
	border: 1px solid rgba(16, 152, 67,.5);
}




/* таблица*/
.p_tbl_gr {
/* 	border-top: 1px solid #ddd; */
	border-left: 1px solid #ddd;
}
.p_tbl_gr th, .p_tbl_gr td {
	padding: 7px 2px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 14px;
}
.p_tbl_gr th {
	background: #16794C;
	color: #ffffff;
	font-weight: bold;
}
.p_tbl_gr td {
	cursor: pointer;
	padding: 2px !important;
}

/* Цвет фона при наведении	чередование*/
.p_tbl_gr tr:nth-child(2n) {
	background: rgba(79, 210, 79, 0.2); /* Цвет фона */
}
.p_tbl_gr tr:hover {
	background: rgb(250, 255, 189); /* Цвет фона при наведении */
}





/* tooltip */



.tooltip-text {
	visibility: hidden;
	position: absolute;
	z-index: 1;
/*	width: 100px;*/
	color: #333333;
	font-size: 12px;
	background-color: #fff;
	border-radius: 3px;
	padding: 10px 15px 10px 15px;
}

.hover-text:hover .tooltip-text {
	visibility: visible;
}

.top_tooltip-text {
/*	top: -40px;*/
	left: -50%;
}

.bottom_tooltip-text {
/*	top: 25px;*/
	left: -50%;
}

.left_tooltip-text {
/*	top: -8px;*/
	right: 105%;
}

.right_tooltip-text {
/*	top: -8px;*/
	left: 105%;
}

.hover-text {
/*	position: relative;
	display: inline-block;
	margin: 40px;
	font-family: Arial;
	text-align: center;*/
}


.listLogistOrders {
    margin: 2px;
    padding: 3px;
    cursor: pointer;
    font-size: 120%;
    border: 1px solid #777;
    background-color: #fff;
}



.listLogistOrdersMain {
    margin: 2px;
    padding: 3px;
    cursor: pointer;
    font-size: 120%;
    border: 1px solid #777;
    background-color: #fff;
}