*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
form span{
	font-family: FC;
	font-size:17px;
	font-weight: 900;
	vertical-align: middle;
}
li, ul {
	list-style: none;
}
input, select{
	padding: 5px;
}
input:hover, select:hover{
	cursor: pointer;
}
#t_vhod tr th{
	background-color: white;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
@font-face {
	font-family: CSBR;
	src: url('font/Century Schoolbook Regular.ttf');
}
@font-face {
	font-family: ZT;
	src: url('font/Zeferino Three.ttf');
}
@font-face {
	font-family: FC;
	src: url('font/FuturisC.otf');
}
/*************************** ЦЕНТРАЛЬНАЯ ЧАСТЬ - НАЧАЛО *****************************************/
#contaner_site{
	position: relative;
	padding-top: 280px;
	max-width: 1800px;
	min-width: 1000px;
	width: 1800px;
	height: 100%;
	margin: 0 auto;
	outline: 0px solid red;
}
#container_top{      /* ГЛАВНЫЙ БЛОК ДЛЯ ТАБЛИЦ */
	position: absolute;
	top: 85px;
	left: 1%;
	width: 98%;
	height: 60px;
	margin: 0 auto;
	background: white;
	outline: 0px solid yellow;
}
#container{      /* ГЛАВНЫЙ БЛОК ДЛЯ ТАБЛИЦ */
	position: absolute;
	top: 150px;
	left: 1%;
	width: 98%;
	height: calc(100% - 150px);
/*	height: 100%;
*/	margin: 0 auto;
	padding: 0 5px 50px 5px;
	background: white;
	overflow: auto;
	outline: 0px solid blue;
}
#nav{
	position: absolute;
	margin: 0;
	top: 5px;
	left: 0;
	width: 100%;
/*	height: auto;
*/	background: transparent;
	outline: 0px solid green;
	z-index: 1015;
}
/************************************************************************************************/
/*#nav{
	width: 1150px;
	background-color: white;
	margin: auto;
	height: 100px;
	font-size: 70px;
	outline: 0px solid yellow;
}
/* ФИКСАЦИЯ меню и шапки таблиц - начало*/
/*#nav{
	position:fixed;
	top:0;
	border: 0px dashed red;
	left: 5%;
	z-index:5;
}*/
#table_t1 {
	margin-top: 245px;
}
#shapka{
	position:fixed;
	top: 110px;
	outline: 2px solid #AFB0B3;
}
@-moz-document url-prefix(){
	#table_t1 {
		margin-top: 142px;
	}
	#table_t2 {
		margin-top: 190px;
	}
}
/* ФИКСАЦИЯ меню и шапки таблиц - конец*/
/* менюшка - начало*/
#menu{
	position: absolute;
	top:0;
	border: 0px dashed red;
	left: 5%;
	z-index:1015;
}
#menu > li{
	opacity: 1;
	position: relative;
	display: inline;
	float: left;
	margin-right: 10px;
	transition: all .4s;
	cursor: pointer;
	z-index:1015;
}
#menu li a{
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	font-family: FC;
	font-size: 15px;
	padding: 10px 3px 3px 3px;
	background-color: #AFB0B3;
	/*font-weight: 900;*/
	border: 2px solid #FFFFFF;
	border-radius: 0 0 10px 10px;
	width:120px;
	text-align: center;
	z-index:1015;
}
ul.submenu {
	display: none;
	width: 220px;
	z-index:1015;
}
ul.submenu > li > a {
	display: block;
	padding: 10px;
	font-family: FC;
	color: #FFFFFF;
	background-color: #AFB0B3;                                /*#AFB0B3 rgba(175, 176, 179, 1)*/
	text-decoration: none;
	font-size: 15px;
	/*font-weight: 900;*/
	border-bottom: 2px solid #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	z-index:1015;
}
#menu > li:hover > ul.submenu {
	display: block;
	position: absolute;
	z-index:1015;
}
#menu li a:hover {
	transform: scale(1.1);
	position: relative;
	z-index:1015;
}
ul.submenu_1, ul.submenu_2 {
	display: none;
	width: 220px;
	z-index:1015;
	left: 230px;
	position: absolute;
}
ul.submenu_1 {
	top: 0;
}
ul.submenu_2 {
	top: 38px;
}
ul.submenu_1 > li > a, ul.submenu_2 > li > a {
	display: block;
	padding: 10px;
	font-family: FC;
	color: #FFFFFF;
	background-color: #AFB0B3;
	text-decoration: none;
	font-size: 15px;
	/*font-weight: 900;*/
	border-bottom: 2px solid #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	z-index:1015;
}
#menu > li> ul.submenu> li:hover  > ul.submenu_1, #menu > li> ul.submenu> li:hover  > ul.submenu_2 {
	display: block;
}
/* менюшка - конец*/
/* регистрация - начало*/
#registracij {
	margin: 50px auto 0 auto;
	font-family: FC;
	font-size:20px;
	font-weight: 900;
	/*outline: 2px solid #AFB0B3;
	border-collapse: collapse;*/
	
}
#registracij td{
	color: #FFFFFF;
	font-family: FC;
	background-color: #AFB0B3;
	border: 1px solid: #AFB0B3;
	border-radius: 7px;
	padding-left: 5px;
	padding-right: 5px;
}

#button_reg, #button_otmena{
	text-align: center;
}
#button_reg input, #button_otmena input{
	background-color: #AFB0B3;
	color: #FFFFFF;
	padding: 3px;
}
#registracij td input{
	border: 2px solid #AFB0B3;
	cursor: pointer;
}
#vhod{
	font-family: CSBR;
	color:#595B60;
	font-size:12px;
	margin-top: 50px;
	/*position: absolute;
	right:0px;*/
	outline: 0px solid red;
}
#i_user{
	font-family: CSBR;
	color: #CB2229;
	font-size:20px;
}
#ident{
	position: absolute;
	margin-left: 2%;
	float: left;
}
#vhod input.v_hod{
	border: 2px solid #AFB0B3;
}
#vhod input.knop{
	border: 2px solid #AFB0B3;
	border-radius: 7px;
	padding: 0 5px;
}
#button_vihod, #button_v, #button_r, #button_otmena, #harmonic, #submit, #submit_p {
	color: #FFFFFF;
	background-color: #AFB0B3;
	font-family: FC;
	padding: 0 3px;
	font-size: 15px;
	/*font-weight: 900;*/
	outline: 2px solid #FFFFFF;
	cursor: pointer;
}
.title{
	font-family: ZT;
	color: #CB2D32;
	font-size: 35px;
	font-weight: 600;
}
#title{
	font-family: ZT;
	color: #CB2D32;
	font-size: 35px;
	font-weight: 600;
	position: absolute;
	margin-top: 22px;
	margin-left: 2%;
	z-index:1;
}
#date_blok{
	font-family: FC;
	font-size: 15px;
	position: absolute;
	margin-left: 500px;
	z-index:5;
	border-radius: 7px;
}
#one, #group, label{
	cursor: pointer;
}
#choice, #choice_{
/*	margin-left: 5px;
*/	font-weight: 600;
	cursor: pointer;
	outline: 0px solid red;
}
#choice{
	font-size: 18px;
/*	position: absolute;
	z-index:110;
/*	margin-top: 60px;
*/}
#choice_{
        text-align:left;
}
#l_r_blok{
	position: absolute;
	margin-left: 950px;
/*	z-index: 1;
*/	outline: 0px solid red;
}
#period{
	position: absolute;
	margin-left: 1000px;
	outline: 2px solid #AFB0B3;
}
#left_button:hover, #right_button:hover{
	cursor: pointer;
}
#go_period{
	position: absolute;
/*	top: 55px;
*/	left: 1020px;
	z-index:10;
	outline: 0px solid red;
}
#buttons{
	position: absolute;
/*	margin-top: -40px;
	margin-left: 650px;
	z-index:5;*/
	top: 70px;
	left: 650px;
	z-index:5;
	outline: 0px solid red;
}
#l_r_blok_f_r{
	position: absolute;
/*	margin-top: -60px;
*/	margin-left: 850px;
	width: 200px;
/*	z-index:10;
*/	outline: 0px solid red;
}
#left_right_blok span, #go_period span{
	font-family: FC;
	font-size: 17px;
	font-weight: 900;
}
#left_right_blok{
	position: absolute;
/*	margin-top: -60px;
*/	margin-left: 850px;
/*	z-index:10;
*/	outline: 0px solid red;
}
#buttons td{
	background-color: white;
}
#buttons button {
	background-color: gray;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 900;
	padding: 0 2px;
	border-radius: 7px;
	text-align: center;
	vertical-align: middle;
	outline: 2px solid #FFFFFF;
	cursor: pointer;
	height: 25px;
	width: 150px;
}
#left_right_blok button, #l_r_blok button, #l_r_blok_f_r button, #go_period button{
	background-color: #AFB0B3;
	color: #FFFFFF;
	font-size: 20px;
	padding: 0 2px;
	border-radius: 7px;
	text-align: center;
	vertical-align: middle;
	outline: 2px solid #FFFFFF;
	cursor: pointer;
	height: 25px;
	width: 50px;
}
#slide_r,#slide_l{
	position: absolute;
/*	position: fixed;
	position: absolute;*/
	background-color: orange;
	top: 8px;
	left: 650px;
	margin: 0;
	padding: 0;
	outline: 2px solid black;
	cursor: pointer;
	height: 20px;
	width: 20px;
/*	margin-top: 2px;
*/}
/*#slide_r{
	margin-left: 617px;
}
#slide_l{
	margin-left: 1338px;
}*/
#date_report,#date_report_from,#date_report_at{
	outline: 2px solid #AFB0B3;
	cursor: pointer;
	padding: 3px 5px;
	font-size: 15px;
	font-weight: 900;
	color: blue;
}
/* регистрация - конец*/
/* ширина ячеек - начало*/
.w_30{
	width: 30px;
}
.w_40{
	width: 40px;
}
.w_50{
	width: 50px;
}
.w_60{
	width: 60px;
}
.w_70{
	width: 70px;
}
.w_78{
	width: 78px;
}
.w_80{
	width: 80px;
}
.w_88{
	width: 88px;
}
.w_90{
	width: 90px;
}
.w_98{
	width: 94px;
}
.w_100{
	width: 100px;
}
.w_110{
	width: 110px;
}
.w_120{
	width: 120px;
}
.w_130{
	width: 130px;
}
.w_140{
	width: 140px;
}
.w_150{
	width: 150px;
}
.w_160{
	width: 160px;
}
.w_200{
	width: 200px;
}
.w_210{
	width: 210px;
}
.w_212{
	width: 212px;
}
.w_250{
	width: 250px;
}
.w_290{
	width: 290px;
}
.w_300{
	width: 300px;
}
.w_310{
	width: 310px;
}
.w_400{
	width: 400px;
}
.w_410{
	width: 410px;
}
.w_450{
	width: 450px;
}
.w_618{
	width: 618px;
}
.w_630{
	width: 630px;
}
.w_768{
	width: 768px;
}
.w_780{
	width: 780px;
}
.w_1190{
	width: 1190px;
}
.w_1200{
	width: 1200px;
}
.galka,.galka_,#galka_group{
	width:18px;
	height: 18px;
	vertical-align: middle;
	cursor: pointer;
}
#galka_group{
	margin-top: 10px;
}
/* ширина ячеек - конец*/
/*MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM*/
/* таблицы - начало*/
#table_t1 button, #table_t2 button, #table_ button {
	font-family: FC;
	border-radius: 7px;
	background: #AFB0B3;
	padding: 5px 10px;
	font-size: 15px;
	/*font-weight: 900;*/
	color: #FFFFFF;
	text-align: center;
	border: solid 1px #FFFFFF;
	cursor: pointer;
}
#table_t1{
	margin: 115px 0 0 3px;
	border-collapse: collapse;
	font-family: CSBR;
	font-size: 15px;
	font-weight: 400;
	outline: 2px solid #AFB0B3;
}
#table_t3{
	margin-top: 3px;
	border-collapse: collapse;
	font-family: CSBR;
	font-size: 15px;
	font-weight: 400;
	outline: 2px solid #AFB0B3;
}
#table_t1 a, #table_t2 a, #table_fix a, .table a{
	text-decoration: none;
	color: black;
/*	color: blue;*/
}
td{
	border: 2px solid #FFFFFF;
	padding: 0 5px;
	border-radius: 7px;
}
tr th, tr td{
	background-color: #DAE6E7;
}
/*tr td a{
	color: #595B60;
}*/
thead td, tr.thead td, thead th, tr.thead th{
	background-color: #C0DADD;
	padding: 3px 0;
}
thead, tr.thead, #table_ tr.thead{
	font-family: FC;
	border: 2px solid #FFFFFF;
	font-size: 20px;
	color: #575A5F;
	text-align:center;
	vertical-align: middle;
	font-weight: 900;
}
#dobavka td,.dobavka td{
	font-family: FC;
	font-size: 15px;
	background-color: #C0DADD;
	text-align:center;
	vertical-align: middle;
	height: 30px;
}
#table_t1 td.del a, #table_t2 td.del a, #table_t3 td.del a, .table td.del a{
	color: #CB2D32;
	font-size: 15px;
	text-align:center;
	/*font-weight: 900;*/
}
#table_t1 tr td.del, #table_t2 tr td.del, #table_t3 tr td.del, .table tr td.del {
	text-align: center;
	vertical-align: middle;
	font-weight: 600;
}
tr.s_stroka:hover td{
	background-color: aqua;
	cursor: pointer;
}
select#s_vid {
	width: 275px; /* Ширина списка в пикселах */
}
select.s_dep {
	width: 350px; /* Ширина списка в пикселах */
}
.left, td.left{
        text-align:left;
	/*clear: left;*/
}
.right{
	text-align:right;
}
.center{
	text-align:center;
	vertical-align: middle;
}
.fat{
	font-weight: 900;
}
.h17{
	font-size: 17px;
	color: #575A5F;
}
.verh{
/*	border: 3px solid #AFB0B3;
	border-top: 3px solid black;*/
	border-bottom: 3px solid black;
}
tr.koffee_milk td.iq_dd, tr.green td.iq_dd, td.iq_dd, .red_1{
	background-color: red;
	vertical-align: middle;
}
.blue td,tr td.blue{
	background-color: aquamarine;
	color: black;
/*	color: #595B60;  */
}
.yellow td{
	background-color: #FFF797;
	color: #595B60;
}
/*tr.green td.green{*/
tr td.green, tr.green td{
	background-color:  #31FFAB;
	vertical-align: middle;
}
tr.y_r td{
	background-color:  yellow;
	color: red;
	vertical-align: middle;
	border-top: 3px solid black;
	border-bottom: 2px solid black;
}
tr.thead td.blue, tr td.blue{
	background-color: RoyalBlue;
	vertical-align: middle;
	border-left: 3px solid black;
	border-right: 3px solid black;
}
tr td.green1{
	background-color:  limegreen;
	vertical-align: middle;
}
tr td.orange{
	background-color:  orange;
	vertical-align: middle;
}
tr td.white{
	background-color: #FFFFFF;
	color: #595B60;
}
tr td.yellow{
	background-color: #FFF797;
	vertical-align: middle;
}
.koffee_milk td{
	background-color: peru; /*chocolate #d9bb64*/
	vertical-align: middle;
}
.gray_dd, tr.thead td.gray_dd, tr td.gray_dd{
	background-color: lightgray;
	font-weight: 500;
	vertical-align: middle;
}
.red_dd, tr.thead td.red_dd, tr td.red_dd{
	background-color: tomato;
	vertical-align: middle;
	border-left: 3px solid black;
	border-right: 3px solid black;
}
.sum_dd, tr.thead td.sum_dd, tr td.sum_dd{
	background-color: yellow;  /*aquamarine*/
	vertical-align: middle;
	border-left: 3px solid black;
	border-right: 3px solid black;
}
.red_dd_, .sum_dd_, .blue_{
	vertical-align: middle;
	border-left: 3px solid black;
	border-right: 3px solid black;
}
.red td, tr td.red{
	background-color: #FF9DB3;
	vertical-align: middle;
}
.green_{
	color: green;
	vertical-align: middle;
}
.red_{
	color: red;
	vertical-align: middle;
}
.flickering{
	font-weight: 900;
	color: white;
	background-color: red;
}
.average td{
	background-color: rosybrown;
	vertical-align: middle;
	border-bottom: 2px solid black;
}
.m_day td{
	background-color: palegreen;
	vertical-align: middle;
	border-bottom: 2px solid black;
}
.m_month td{
	background-color: lightskyblue;
	vertical-align: middle;
	border-bottom: 2px solid black;
}
.m_year td{
	background-color: tan;
	vertical-align: middle;
	border-bottom: 2px solid black;
}
td p{
	font-style: italic;
	font-size: 10px;
	color: blue;
}
tr.top_footer{
	border: solid RoyalBlue;
	border-width: 3px 0px 3px 0px;
}
/* таблицы - конец*/
.blok_schedule{
	font-family: CSBR;
	color: #AFB0B3;
	font-size: 15px;
	font-style: italic;
	font-weight: 600;
}
.table {
	border-collapse: collapse;
	font-family: CSBR;
	font-size: 15px;
	font-weight: 400;
	outline: 2px solid #AFB0B3;
}
#pravka_il {
	position:fixed;
	top: 35%;
	left: 35%;
	z-index:200;
	background-color: green;
	height: 120px;
	outline: 2px solid blue;
}
#pravka_il td{
	border: 2px solid #000000;
	padding: 0 5px;
	border-radius: 7px;
}
#pravka {
	position:fixed;
	top: 35%;
	z-index:200;
	background-color: #FFFFFF;
	height: 300px;
	outline: 2px solid #AFB0B3;
}
#table_t2{
	margin-top: 106px;
	border-collapse: collapse;
	font-family: CSBR;
	font-size: 15px;
	font-weight: 400;
	outline: 2px solid #AFB0B3;
}
#table_{
	margin-top: 20px;
	border-collapse: collapse;
	font-family: CSBR;
	font-size: 15px;
	font-weight: 400;
	outline: 2px solid #AFB0B3;
}
#table_t2 button {
	font-family: FC;
	border-radius: 7px;
	background: #AFB0B3;
	padding: 5px 5px;
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	border: solid 1px #FFFFFF;
	cursor: pointer;
}

@-moz-document url-prefix(){
	div#ui-datepicker-div{
	/*	margin: auto;
		position: absolute;
		top: 50%; */
		margin-top: 10%;
	}
}
/* фиксированный столбец таблицы - начало*/
.h_20{
	height: 20px;
}
.h_32{
	height: 32px;
}
.h_70{
	height: 120px;
}
#fixa{
	position: fixed;
	outline: 2px solid #AFB0B3;
	z-index: 200;
/*	top: 250px;
*/
	top: 258px;
	-webkit-top: 350px;
}
#table_fix{
	border-collapse: collapse;
	font-family: CSBR;
	font-size: 15px;
	font-weight: 400;
	outline: 2px solid #AFB0B3;
}
/* фиксированный столбец таблицы - конец*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.h_20{
	height: 23px;
}
.h_32{
	height: 40px;
}
.h_70{
	height: 90px;
}
/* КАЛЕНДАРЬ таблица - начало*/
.calendar{
	border-collapse: collapse;
	font-family: CSBR;
	font-size: 20px;
	font-weight: 900;
	outline: 3px solid #AFB0B3;
	margin-left: 3%;
}
.calendar button{
	height: 30px;
	width: 40px;
	background-color: limegreen;/*limegreen*/
}
.calendar button.red{
	height: 30px;
	width: 40px;
	background-color: red;/*limegreen*/
}
.calendar button:hover {
	transform: scale(1.1);
	cursor: pointer;
}
/* КАЛЕНДАРЬ таблица - конец*/
/* ДИАГРАММА - начало*/
#dolya{
	width: 98%;
	height: 850px;
	margin: 5px auto;
	outline: 3px solid red;
}
/* ДИАГРАММА - конец*/
/* СКРЫТИЕ СТОЛБЦОВ - начало*/
#st_all {
	position: absolute;
/*	outline: 5px solid blue;*/
	z-index: 100;
/*	top: 70px;
*/	left: 1200px;
	border: 2px solid #AFB0B3;
	border-radius: 7px;
	padding: 0 7px;
	cursor: pointer;
	background-color: #AFB0B3;
	color: white;
	font-size: 20px;
	font-weight: 900;
	vertical-align: middle;
	width: 150px;
	height: 30px;
}
#st_1,#st_2,#st_3,#st_4,#st_5,#st_6,#st_7,#st_8,#st_7_8,#st_9,#st_10,#st_11,#st_12,#st_13,#st_14,#st_15,#st_16,#st_17,#st_18,#st_19,#st_20,#st_21,#st_22,#st_23,#st_24,#st_25,#st_26,#st_27,#st_28,#st_29,#st_30,#st_31,#st_32,#m_bill,#bill{
	width:18px;
	height: 18px;
	vertical-align: middle;
	cursor: pointer;
}
/* СКРЫТИЕ СТОЛБЦОВ - конец*/
/* ПЕРСОНАЛ - начало*/
#all_personal, #person{
	position: absolute;
/*	top: 155px;
	left: 5%;
*/	width: 1450px;
	height: 100%;
	overflow: auto;
	outline: 2px solid #AFB0B3;
}
#all_personal table{
	font-size: 12px;
}
#all_personal table th{
	font-size: 16px;
}
#person{
	background-color: #DAE6E7;
}
#anket{
	margin-left:25%;
}
#k{
/*	position: absolute;
	margin-top: -28%;
	margin-left: 63%;
	width: 300px;
*/	height: 315px;
}
#f_photo{
	position: absolute;
	top: 15px;
	margin-left: 15px;
	height: 230px;
	outline: 2px solid #AFB0B3;
}
#p_photo1{
	position: absolute;
	top: 270px;
	height: 140px;
	width: 100px;
	margin-left: 14px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#p_photo2{
	position: absolute;
	top: 270px;
	height: 140px;
	width: 100px;
	margin-left: 116px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#p_photo3{
	position: absolute;
	top: 415px;
	height: 140px;
	width: 100px;
	margin-left: 14px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#p_photo4{
	position: absolute;
	top: 415px;
	height: 140px;
	width: 100px;
	margin-left: 116px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#r_photo1{
	position: absolute;
	top: 415px;
	height: 140px;
	width: 100px;
	margin-left: 218px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#r_photo2{
	position: absolute;
	top: 415px;
	height: 140px;
	width: 100px;
	margin-left: 320px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#vr_photo1{
	position: absolute;
	top: 415px;
	height: 140px;
	width: 100px;
	margin-left: 422px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#vr_photo2{
	position: absolute;
	top: 415px;
	height: 140px;
	width: 100px;
	margin-left: 524px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#k_photo{
	position: absolute;
	top: 415px;
	height: 140px;
	width: 100px;
	margin-left: 626px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo1{
	position: absolute;
	top: 560px;
	height: 140px;
	width: 100px;
	margin-left: 14px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo2{
	position: absolute;
	top: 560px;
	height: 140px;
	width: 100px;
	margin-left: 116px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo3{
	position: absolute;
	top: 560px;
	height: 140px;
	width: 100px;
	margin-left: 218px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo4{
	position: absolute;
	top: 560px;
	height: 140px;
	width: 100px;
	margin-left: 320px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo5{
	position: absolute;
	top: 560px;
	height: 140px;
	width: 100px;
	margin-left: 422px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo6{
	position: absolute;
	top: 560px;
	height: 140px;
	width: 100px;
	margin-left: 524px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo7{
	position: absolute;
	top: 560px;
	height: 140px;
	width: 100px;
	margin-left: 626px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo8{
	position: absolute;
	top: 560px;
	height: 140px;
	width: 100px;
	margin-left: 728px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo9{
	position: absolute;
	top: 705px;
	height: 140px;
	width: 100px;
	margin-left: 14px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo10{
	position: absolute;
	top: 705px;
	height: 140px;
	width: 100px;
	margin-left: 116px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo11{
	position: absolute;
	top: 705px;
	height: 140px;
	width: 100px;
	margin-left: 218px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo12{
	position: absolute;
	top: 705px;
	height: 140px;
	width: 100px;
	margin-left: 320px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo13{
	position: absolute;
	top: 705px;
	height: 140px;
	width: 100px;
	margin-left: 422px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo14{
	position: absolute;
	top: 705px;
	height: 140px;
	width: 100px;
	margin-left: 524px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo15{
	position: absolute;
	top: 705px;
	height: 140px;
	width: 100px;
	margin-left: 626px;
	outline: 2px solid #AFB0B3;
	text-align: center;
}
#c_photo16{
	position: absolute;
	top: 705px;
	height: 140px;
	width: 100px;
	margin-left: 728px;
	outline: 2px solid #AFB0B3;
	text-align: center;
	margin-bottom: 50px;
}
#f_photo img, #p_photo1 img, #p_photo2 img, #p_photo3 img, #p_photo4 img, #k_photo img, #r_photo1 img, #r_photo2 img,
#vr_photo1 img, #vr_photo2 img, #c_photo1 img, #c_photo2 img, #c_photo3 img, #c_photo4 img, #c_photo5 img,
#c_photo6 img, #c_photo7 img, #c_photo8 img, #c_photo9 img, #c_photo10 img, #c_photo11 img, #c_photo12 img,
#c_photo13 img, #c_photo14 img, #c_photo15 img, #c_photo16 img {
	object-fit: scale-down;
}
.hide_fl{
	position: absolute;
	top: 2px;
	right: 2px;
	cursor: pointer;
	outline: 3px solid #FFFFFF;
	border-radius: 7px;
	background-color: #bcd4e6;
}
#submit_person{
/*	position: absolute;
	margin-left: 35%;
*/	border-radius: 3px;
	padding: 5px 8px;
	cursor: pointer;
	width: 200px;
}
#submit_p{
	border-radius: 3px;
	padding: 5px 8px;
	width: 200px;
	cursor: pointer;
}
#table_p th, #table_zp th{
	border: 2px solid #FFFFFF;
	padding: 2px 5px;
	border-radius: 3px;
	font-weight: 900;
}
#table_p, #table_zp{
	margin-top: 5px;
	margin-left: 10px;
	border-collapse: collapse;
	font-family: CSBR;
	font-size: 15px;
	font-weight: 400;
	outline: 2px solid #AFB0B3;
}
#person input, #person textarea, textarea{
	background-color: milc;
	color: blue;
}
#harmonic{
	position: absolute;
/*	top:100;
*/	border: 0px dashed red;
	left: 650px;
	z-index:100;
	border-radius: 7px;
	padding: 7px;
}
#f_load, #p_load0, #p_load1, #p_load2, #p_load3, #p_load4, #k_load, #r_load1, #r_load2, #vr_load1, #vr_load2, #c_load1,
#c_load2, #c_load3, #c_load4, #c_load5, #c_load6, #c_load7, #c_load8, #c_load9, #c_load10, #c_load11, #c_load12,
#c_load13, #c_load14, #c_load15, #c_load16{
	position: fixed;
	top: 20%;
	left: 15%;
	width: 400px;
	height: 200px;
	font-size: 20px;
	background-color: #DAE6E7;
	color: black;
	outline: 3px solid #AFB0B3;
	z-index:105;
}
#f_load form input, #f_load #load_f, #p_load0 form input, #p_load0 #load_f, #p_load1 form input, #p_load1 #load_f, #p_load2 form input, #p_load2 #load_f,
#p_load3 form input, #p_load3 #load_f, #p_load4 form input, #p_load4 #load_f, #k_load form input, #k_load #load_f,
#r_load1 form input, #r_load1 #load_f, #r_load2 form input, #r_load2 #load_f, #vr_load1 form input, #vr_load1 #load_f,
#vr_load2 form input, #vr_load2 #load_f, #c_load1 form input, #c_load1 #load_f, #c_load2 form input, #c_load2 #load_f,
#c_load3 form input, #c_load3 #load_f, #c_load4 form input, #c_load4 #load_f, #c_load5 form input, #c_load5 #load_f,
#c_load6 form input, #c_load6 #load_f, #c_load7 form input, #c_load7 #load_f, #c_load8 form input, #c_load8 #load_f,
#c_load9 form input, #c_load9 #load_f, #c_load10 form input, #c_load10 #load_f, #c_load11 form input, #c_load11 #load_f,
#c_load12 form input, #c_load12 #load_f, #c_load13 form input, #c_load13 #load_f, #c_load14 form input, #c_load14 #load_f,
#c_load15 form input, #c_load15 #load_f, #c_load16 form input, #c_load16 #load_f{
	position: absolute;
	margin: 0 auto;
	left: 0; right: 0;
	cursor: pointer;
	outline: 3px solid #FFFFFF;
	border-radius: 7px;
	background-color: #bcd4e6;
}
#p_photo1 a, #p_photo2 a, #p_photo3 a, #p_photo4 a, #k_photo a, #r_photo1 a, #r_photo2 a, #vr_photo1 a, #vr_photo1 a,
#c_photo1 a, #c_photo2 a, #c_photo3 a, #c_photo4 a, #c_photo5 a, #c_photo6 a, #c_photo7 a, #c_photo8 a, #c_photo9 a,
#c_photo10 a, #c_photo11 a, #c_photo12 a, #c_photo13 a, #c_photo14 a, #c_photo15 a, #c_photo16 a {
	color: green;
}
/* ПЕРСОНАЛ - конец*/
/* СОРТИРОВКА БАБЛИЦ - начало*/
th.sorted[data-order="1"],
th.sorted[data-order="-1"] {
    position: relative;
}

th.sorted[data-order="1"]::after,
th.sorted[data-order="-1"]::after {
    top: 1px;
    right: 1px;
    position: absolute;
}

th.sorted[data-order="-1"]::after {
	color: orange;
	content: "▼"
}

th.sorted[data-order="1"]::after {
	color: orange;
	content: "▲"
}
/* СОРТИРОВКА БАБЛИЦ - конец*/
#watch{
	position: absolute;
	top:120px;
	left: 10px;
}