*{
	padding:0; margin:0; outline:none;
	}
body {
	background: #f8f8e7;
}	
img{
	border:0;
	}
td{
	vertical-align:top;
	}
.clr{
	clear:both;
	}
.dan_dat_sot {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	border-collapse: collapse;
	text-align: center;
	float: left;
	margin: 15px 5px 15px 15px;
}
	.dan_dat_sot th, .dan_dat_sot td:first-child {
		background: #70c96a;
		color: #000000;
		padding: 5px 7px;
	}
	.dan_dat_sot th, .dan_dat_sot td {
		border-style: solid;
		border-width: 0 1px 1px 0;
		border-color: white;
	}
    .dan_dat_sot td {
		background: #d8f3de;
	}
	.dan_dat_sot th:first-child, .dan_dat_sot td:first-child {
		text-align: left;
	}


.dan_dat th, .dan_dat td {
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: white;

}

/*АвтоОбновление*/
.pod_avto_ob{
	display: inline-block;
	font-size: 18px;
	margin: 5px;
	/*padding: 6px 20px 0;*/
	border-radius: 10px;
	cursor: pointer;
	background-color: #6b9949;
}
#avto_ob{
	display: inline-block;
	font-size: 18px;
	padding: 6px 20px 0;
	border-radius: 10px;
	cursor: pointer;
}
.otk_avto_ob{
	background-color: #a3a3a3;
	color: #e5e5e5;
}
.otk_avto_ob:hover{
	background-color: #cdfdcd;
	color: #000000;
}

.avto_ob{
	background-color: #98bce8;
	animation: animate 120s ease-out;
}
@keyframes animate {
	0%  {
		width: 0%;
	}
	100% {
		width: 75%;
	}
}


.avto_ob:hover{
	background-color: #9cb4c7;
}

/***********/


/*Графики*/
.naim_dat_str_tab_ist:hover{
	background-color: #d8eef3;
}
.naim_dat_str_tab_ist:active {
	background-color: #386c34;
}
.zat {
	background: rgba(0, 0, 0, 0.6);
	display: none;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: fixed;
	overflow-y: visible;
	z-index: 9999;
}
.okn {

	display: block;
	margin: 3% auto 0;
	width: 90%;
	z-index: 9999;
	opacity: 0;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.anim {
	-webkit-transform:  scale(0.5);
	-moz-transform:  scale(0.5);
	-ms-transform:  scale(0.5);
	transform:  scale(0.5);
}
.visible {
	opacity: 1;
	-webkit-transform:  scale(1);
	-moz-transform:  scale(1);
	-ms-transform:  scale(1);
	transform:  scale(1);
}
.tooltip{
	background-color: #d8f3de;
}
.tooltip p{
	color: #03244c;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 16px;

}
/*********************************/

.skripi{
	visibility: hidden;
}
	.skripi p {
		display: inline-block;
	}
#datep_gr{
	background-color: #ffffff;
	width: 75%;
	margin: 0 auto;
	text-align: center;
}
	#datep_gr h2{
		color: #03244c;
		font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		font-size: 20px;
		padding: 5px 0;
	}
.datep_gr{
	color: #03244c;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 20px;
	padding: 0 0 10px 0;

}
	#datep_graf_s, #datep_graf_po {
		text-align: center;

		width: 200px;
		font-size: 30px;
	}

.graf_vb_dat{
	display: inline-block;
}
.graf_kn_sform{
	display: inline-block;
	background-color: #c9f6bf;
	font-size: 18px;
	padding: 6px 20px 0;
	border-radius: 10px;
	cursor: pointer;
}

.graf_kn_sform:hover{
	background-color: #99cb9b;

}
.graf_kn_sform:active {
	background-color: #18c729;

}

/*Новая переделка под новую историю*/
.ima_tab_ist {
	white-space: nowrap;
	z-index: 3;
	border: 1px solid #AAA;

	position: sticky;
	top: 0px;

}
.naim_dat_str_tab_ist{
	z-index: 2;
	position: sticky;
	left: 0px;

}

.str_tab_ist{
	white-space: nowrap;
}
.el_ima_tab_ist{
	width: 100px;
	height: 50px;
	display:inline-block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 16px;
	text-align: center;
}

.el_naim_ima_tab_ist{
	width: 270px;
	height: 50px;
	display:inline-block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 16px;
	text-align: center;
	z-index: 2;
	position: sticky;
	left: 0px;
}


.el_ima_tab_ist p{
	margin:	 auto;
}
.el_naim_ima_tab_ist p{
	color: #70c96a;
}
.el_naim_ima_tab_ist, .el_ima_tab_ist, .naim_pod_ist, .naim_dat_str_tab_ist{

	background-color: #70c96a;


}
.naim_pod_ist{
	position: sticky;
	top: 52px;
	z-index: 3;
	border-top: 3px solid #ffffff;
	border-bottom: 3px solid #ffffff;

}
.naim_pod_ist_2{

	width: 150px;
	position: sticky;
	left: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 16px;
	text-align: center;



}
.naim_dat_str_tab_ist {
	display:inline-block;
	width: 270px;
	height: 35px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 16px;


}

.naim_dat_str_tab_ist p{
	padding-left: 7px;
	height:35px;
	margin: 0px;
	display: table-cell;
	vertical-align: middle;

}

.el_str_tab_ist{
	display:inline-block;
	width: 100px;
	height: 35px;
	background-color: #d8f3de;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 16px;

}

.el_str_tab_ist p{
	height:35px;
	margin: 0px;
	display: table-cell;
	vertical-align: middle;

	width: 100px;
	text-align: center;

}

/*---------------------------------*/

.naim_datchika{
	text-align: left !important;
}

#pyst_td{
	color: #70c96a;
}

#messa{
	padding: 2px 0 2px 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	border-collapse: collapse;
	background: #d8f3de;

}


.divFixHeaderCol {
	position:relative;
	border:0;
	border-left:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	overflow:hidden;
}

.divFixHeaderCol table {border-collapse:collapse;}
.divFixHeaderCol td {
	/*font:400 11px tahoma,arial,sans-serif;
	padding:2px;
	border:1px solid #d0d0d0;
	border-left:0;*/
	background: #d8f3de;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	border-collapse: collapse;
	text-align: center;
	padding: 5px 7px;

	min-height:14px; /* если высота клиентской части в ячейке меньше 14px, то IE криво отрисовывает горизонтальные линии в фиксированной области */
	/* Самое интересное, что padding ни на что не влияет. Можно, например, сделать padding=16px и если клиентская высота < 14px, то всё равно IE криво отрисует линии */
	/* Если padding=0, а клиентская высота >= 14px, то будет нормально, IE ровно отрисует линии */
}
.divFixHeaderCol .fixRegion td {

	background: #70c96a;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: white;
	background-position:1px 1px;
}
.cntr {
	text-align:center;
}

.nav{
	background: #d8f3de;
	width: 200px;
	box-shadow: 2px 2px 8px rgba(0,0,0,.1);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.nav_menu {
	padding: 15px;

}
	.nav_menu h3 {
		font-size: 16px;
		color: rgba(0,0,0,.6);
		margin: 0 0 10px;
		padding: 0 5px;
		position: relative;
	}
	.nav_menu h3:after {
		content: "";
		width: 6px;
		height: 6px;
		background: #70c96a;
		position: absolute;
		right: 5px;
		bottom: 2px;
		box-shadow: -8px -8px #80C8A0, 0 -8px #80C8A0, -8px 0 #80C8A0;
	}
	.nav_menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border-top: 1px solid rgba(0,0,0,.3);
	}
	.nav_menu li {margin: 8px 0 0 0px;}
	.nav_menu a {
		text-decoration: none;
		display: block;
		font-size: 15px;
		color: rgba(0,0,0,.6);
		padding: 5px;
		position: relative;
		transition: .3s linear;
	}
	.nav_menu a:after {
		content:"\f18e";
		font-family: FontAwesome;
		position: absolute;
		right: 5px;
		color: white;
		transition: .2s linear;
	}
	.nav_menu a:hover {
		background: #70c96a;
		color: white;
	}
div.ui-widget{
	font-size: 10.5px;
	padding: 1px 2px;
}
#datep{
	padding: 0 0 0 20px;
	width: 160px;
	font-size: 15px;
}

#datep_excel_1{
	padding: 0 0 0 20px;
	width: 160px;
	font-size: 15px;
}

#datep_excel_2{
	padding: 0 0 0 20px;
	width: 160px;
	font-size: 15px;
}

#dpcontainer2 {
	margin: 40px 0 0;
	padding:5px 1px 5px 3px;
	background: #a4dfea;
}

#dpcontainer h2 {
	font-size: 15px;
	color: rgba(0,0,0,.6);
	margin: 0 0 5px;
	padding: 0 10px;
	position: relative;
}

#dpcontainer2 h2 {
	font-size: 15px;
	color: rgba(0,0,0,.6);
	margin: 0 0 5px;
	padding: 0 10px;
	position: relative;
}

/*ПОТОМ УДАЛИТЬ*/
	.sforExcel {
		margin: 10px 5px 3px;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		display: block;
		font-size: 15px;
		color: rgba(0,0,0,.6);
		padding: 5px;
		position: relative;
		transition: .3s linear;
		background: #c1debd;
		border-radius: 10px;
	}
	.sforExcel:after {

		font-family: FontAwesome;
		position: absolute;
		right: 5px;
		color: white;
		transition: .2s linear;
	}
	.sforExcel:hover {
		background: #70c96a;
		color: white;
	}
/****************************************/
	
	.bunExcel {
		border-radius: 10px;
		text-transform: uppercase;
		text-align: center;
		margin: 5px auto;
		padding: 5px;
		background: #c1debd;
		position: relative;
		transition: .3s linear;
		display:  block;
		border: none;
		height: 25px;
		width: 88%;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 15px  !important;
	}
	.bunExcel:hover {
		color: #fff;
		background: #70c96a;
	}	
	
	
.avtorizacia {

	margin:0 0 0 10px;
	max-width:525px;
	min-height:300px;
	min-width:320px;
	position:relative;
	background: #d8f3de;
	box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
	border-radius: 15px;

}

	.nazvan{
		width: 100%;
		display: block;

	}
		.nazvan h1 {
			text-align: center;
			color: rgba(0,0,0,.6);
			padding: 10px 0;
		}

		.nazvan p{
			text-align: center;
			color: red;
		}


	.v_hod{
		border: none;
		padding: 10px 15px;
		border-radius: 25px;
		background: #7fa70552;
		margin: 10px;
		max-width:480px;
		min-width:270px;

	}

.l_par span{
	padding: 0 30px;
}


/***********************************************/
.custom-btn {
	/*width: 130px;
	height: 40px;*/
	color: #fff;
	border-radius: 5px;
	float: right;
	margin: 0 20px;
	padding: 10px 25px;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
	7px 7px 20px 0px rgba(0,0,0,.1),
	4px 4px 5px 0px rgba(0,0,0,.1);
	outline: none;
}
.btn {
	background-color: #688d61;
	border: none;
	z-index: 1;
}
.btn:after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background-color: #688d61;

	border-radius: 5px;
	box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
	7px 7px 20px 0px rgba(0,0,0,.1),
	4px 4px 5px 0px rgba(0,0,0,.1);
	transition: all 0.3s ease;
}
.btn:hover {
	color: #fff;
	background-color: #296025;
}
.btn:hover:after {
	left: 0;
	width: 100%;
}
.btn:active {
	top: 2px;
}

/****************КОНЕЦ_АДМИНКА*****************/

.mes_vib_pod{
	margin:0 0 0 10px;
	min-height:300px;
	width:450px;
	position:relative;
	background: #ecf5ee;
	box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
	border-radius: 15px;
}
	.mes_vib_pod h2{
		text-align: center;
		padding: 50px 0 0 0;
	}
	
/**************************Нначальный экран*****************************/
.content1{
	width: 100%;
}
.pod_pos_dan{
	margin: 5px 0 0 5px;
	background: #ecf5ee;
	box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
	border-radius: 15px;
	padding: 10px 15px;
	float: left;
	width: 520px;
}
	.naim_pod_pos_dan{
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.data_pod_pos_dan{
		text-align: right;
		font-style: oblique;
		font-size: 12px;

	}

	.pod_pos_dan_st{
		width: 100%;
		display: block;
		background: rgba(197, 226, 246, 0.72);
		box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
		border-radius: 4px;
		margin: 5px 0 0 0;/*центрируем ее*/
		height: 25px;/*Задаем высоту обертки*/
		font-size: 20px;
		padding: 1px;
	}
	
	.pod_pos_dan_st:hover{
		background-color: #ecf5f8;
	}
	.pod_pos_dan_st:active {
		background-color: #1853c7;
	}
	
	.pod_pos_dan_st_red{
		width: 100%;
		display: block;
		background: rgba(246, 179, 179, 0.89);
		box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
		border-radius: 4px;
		margin: 5px 0 0 0;/*центрируем ее*/
		color: rgba(50, 44, 44, 0.52);
		height: 25px;/*Задаем высоту обертки*/
		font-size: 20px;
		padding: 1px;
	}

	.pod_pos_dan_st_red:hover{
		background-color: #ecf5f8;
		color: #2b2b2b;
	}
	.pod_pos_dan_st_red:active {
		background-color: #1853c7;
		color: #2b2b2b;
	}
	
	
		.pod_pos_dan_el1{
			width: 15%;
			float: left;
		}
			.pod_pos_dan_el1 p{
				padding: 2px 5px 0 10px;
				/*font-size:max(1em, min(4em, 0.333vw));*/
			}

		.pod_pos_dan_el2{
			width: 63%;
			float: left;
		}
			.pod_pos_dan_el2 p{
				text-align: left;
				padding: 2px 10px 0 10px;
				/*font-size:max(1em, min(4em, 0.333vw));*/
			}

		.pod_pos_dan_el3{
			width: 22%;
			float: left;
		}
		.pod_pos_dan_el3 p{
			text-align: right;
			padding: 2px 10px 0 10px;
			/*font-size:max(1em, min(4em, 0.333vw));*/
		}

[data-tooltip]:hover::after {
	opacity: 1; /* Показываем подсказку */

}
[data-tooltip]::after {
	content: attr(data-tooltip); /* Выводим текст */
	position: absolute; /* Абсолютное позиционирование */
	width: 300px; /* Ширина подсказки */
	top: 0; /* Положение подсказки */
	right: 0;
	background: #3989c9; /* Синий цвет фона */
	color: #fff; /* Цвет текста */
	padding: 0.5em; /* Поля вокруг текста */
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Параметры тени */
	pointer-events: none; /* Подсказка */
	opacity: 0; /* Подсказка невидима */
	transition: 1s; /* Время появления подсказки */

}
/*************************КОНЕЦ*Нначальный экран*****************************/