.zebra{
	width: 100%;
	margin:1px auto;
	border-collapse: collapse;
	/*font-family: "Tahoma";*/
	/*font-size: small;*/
}
.zebra .insert1{
	background: #f8fcfe;
	color: #000000;

	font-size: medium;
	padding: 10px;
	border-top: 3px solid #98b7cc;
	border-bottom: 1px solid #98b7cc;
	font-weight: normal;

	text-align: center;
}

.zebra .insert1:hover{
	background: #f8fcfe;
	color: #fff;

	font-size: medium;
	padding: 10px;
	border-bottom: 1px solid #98b7cc;

	text-align: center;

}


.zebra .foot{
	background: #d5d5d5;
	color: #000;
	text-align: left;
	font-weight: normal;
}
/*.zebra tr:nth-child(even){*/
/*	background-color: rgba(236, 241, 241, 0.73);!* фон нечетных строк *!*/
/*}*/

.zebra input{
	width: 100%;
	/*transition: all .1s;*/
}
.zebra input:focus{
	box-shadow: 0 0 5px #000;
}
.zebra th,
.zebra td{
	border-bottom: 1px solid #87acb6;
	border-left: 1px solid rgba(208, 228, 241, 0.37);
	/*padding: 1px;*/
	vertical-align: middle;
	padding: 0px 0px;
}
.zebra td.blue{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #d0e4f1;
	color: #d40766;
	/*padding: 1px;*/
	vertical-align: middle;
	padding: 0px 0px;
}
.zebra tr{
	transition: all .5s;
}
.zebra tr:hover{
	border-top: 1px solid #ccc;
	background: #d0e4f1;
}
.zebra .insert2 {
	border-bottom: 2px solid #98b7cc;
	border-left: 1px solid #d0e4f1;
	/*padding: 1px;*/
	vertical-align: middle;
	/*padding: 0px 0px;*/
	background-color: #d0e4f1;
}

.zebra input.chek{

	text:cjhabs;
	width: 11px;
	height: 11px;

	-webkit-appearance: none;
	-moz-appearance: none;
	background: rgb(229, 229, 229);
	outline: none;
	border-color: black;
	border-radius:1px;
	border-collapse: collapse;
	box-shadow: inset 0 0 5px #cecece;
	position: center;
}
.zebra input.cheka{

	text:cjhabs;
	width: 11px;
	height: 11px;

	-webkit-appearance: none;
	-moz-appearance: none;
	background: rgb(229, 214, 217);
	outline: none;
	border-color: black;
	border-radius:1px;
	border-collapse: collapse;
	box-shadow: inset 0 0 5px #cecece;
	position: center;
}
.zebra input.chek:checked[type="checkbox"] {
	background: rgb(77, 154, 211);

	/*box-shadow: 0 0 2px #6c9194;*/
	transition: 0.1s;
}
.zebra input.cheka:checked[type="checkbox"] {
	background: rgb(211, 99, 104);

	/*box-shadow: 0 0 2px #6c9194;*/
	transition: 0.1s;
}
.edit{
	background-color: transparent;
	padding: 3px;
	transition: all .1s;
	border: 0px solid rgba(82, 168, 236, .5);
}
.edit:focus{
	background-color: #e5d6d9;
	border: 1px solid rgb(229, 214, 217);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(229, 214, 217, 0.9);
	outline: 0 none;
}

.edit2{
	background-color: #e7e7e7;
	padding: 3px;
	transition: all .1s;
	border: 0px solid rgba(211, 99, 104, 0.5);

}
.edit2:focus{
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(119, 163, 211, 0.66);
	box-shadow: 0 1px 1px rgba(73, 131, 211, 0.73) inset, 0 0 8px rgba(77, 154, 211, 0.9);
	outline: 0 none;

}

.edit2::-webkit-input-placeholder{
	color: rgba(83, 107, 133, 0.54);
}

.edit3{
	background-color: #f5f5f5;
	padding: 1px;
	transition: all .1s;
	border: 0px solid rgba(211, 99, 104, 0.5);

}

.edit3:focus {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(119, 163, 211, 0.66);
	box-shadow: 0 1px 1px rgba(73, 131, 211, 0.73) inset, 0 0 8px rgba(77, 154, 211, 0.9);
	outline: 0 none;
}



#loader{
	position:relative;
	display:none;
	top:50%;
	left:50%;
	height:100%;
	width:100%;
	background:#f2f2f2;
	opacity:.9;
	z-index: 30;
}
#loader span{
	display: block;
	/*	background: url(../img/loader.gif); */
	width: 128px;
	height: 15px;
	position: relative;
	left: 50%;
	top: 50%;
	margin: -7px 0 0 -56px;
}
#mes-edit{
	display: none;
	color: #000;
	font-size: 15px;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px #ccc;
	padding: 10px;
	text-align: center;
	width: 20px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	font-weight: bold;
	background: #fff;
}

#selector{
	background: red;
	font-size: 15px;
}

a.boton1{
	background: #afafaf;
	color:#fff;
	text-decoration:none;
	display:block;
	width:auto;
	text-align:center;
	margin:0px 0px;
	padding:0px;
	transition:all 0.1s;
	border: 1px solid rgba(23, 50, 87, 0.44);
	font-size: medium;

}
a.boton1:hover{
	box-shadow:0px -3px 0 #088 inset;
	background: #9b9b9b;
}

a.boton5{
	background: transparent;
	color: #000000;

	text-align:center;
	margin:0px 0px;
	padding:0px;
	transition:all 0.1s;
	font-weight: normal;


}

a.boton2{
	/*background: #afafaf;*/
	/*color:#fff;*/
	text-decoration:none;
	display:block;
	width:auto;
	text-align:center;
	margin:0px 0px;
	padding:0px;
	transition:all 0.1s;
	border: 2px solid rgba(162, 211, 214, 0.44);
	font-size: medium;
	border-radius:5px;
	background: #caf1fc;

}
a.boton2:hover{
	box-shadow:0px -3px 0 #088 inset;
	background: #7eb9cd;
}
/*admin.php*/
.admin1 {
	width: 600px;
	/*border: 1px solid lightblue; !*устанавливаем для таблицы внешнюю границу серого цвета толщиной 1px*!*/
	border-collapse: separate;
	border-spacing: 3px 0px;
	box-shadow: 0 0 5px #6c9194;
	border-radius:5px;

}

.minitable1 {
	width: 250px;
	/*border: 1px solid lightblue; !*устанавливаем для таблицы внешнюю границу серого цвета толщиной 1px*!*/
	border-collapse: separate;
	border-spacing: 1px 0px;
	box-shadow: 0 0 1px #6c9194;
	border-radius: 5px;
}
.sing {
	width: 100px;
	/*border: 1px solid lightblue; !*устанавливаем для таблицы внешнюю границу серого цвета толщиной 1px*!*/
	border-collapse: separate;
	border-spacing: 3px 0px;
	box-shadow: 0 0 12px #6c9194;
	border-radius:5px;
	vertical-align: center;
}

.sing td.buts {
	border: 1px;
	background: #ffffff;
	text-align: center;
	/*border-radius:5px;*/
}

.sing input.buts {
	width: 40%;
	height: 20px;
	border-collapse: collapse;
	border: 4px;
	border-color: black;
	background: #d5e9f6;
	box-shadow: inset 0 0 5px #73bdf6;
	color: #0086b7;
	/*border-radius:5px;*/
}

caption{
	background: #0f7ca3;
	height: 20px;
	border: 0;
	text-align: center;
	color: white;
	/*border-radius:5px;*/
	vertical-align: middle;
	box-shadow: 0 0 12px #6c9194;
}

caption2 {
	background: lightgray;
	height: 20px;
	border: 0;
	text-align: center;
	color: white;
	/*border-radius: 5px;*/
	vertical-align: middle;
	box-shadow: 0 0 12px #6c9194;
}
.admin1 th{
	border: 1px;

	color: rgb(15, 131, 175);
	width: 300px;
	padding: 8px;
}
.admin1 td {
	margin-left: 5px;
	width: 300px;
}
.admin1 input {
	background: rgba(170, 235, 255, 0.57);
	border: #c9eef9;
	width: 100%;
	box-shadow: 0px 0px 5px rgba(170, 235, 255, 0.34);
	height: 15px;
	/*border-radius:5px;*/
	padding: 5px;
}
.admin1 input:focus {
	background: rgba(202, 252, 255, 0.58);
	border: #c9eef9;
	width: 100%;
	box-shadow: 0px 0px 5px rgba(170, 235, 255, 0.34);
	height: 18px;
	/*border-radius: 5px;*/
}
.admin1 input::placeholder{
	color: #ffb9ad;
}
.admin1 th.buts{
	background: #ffffff;
	border: 1px;
	text-align: left;
	border-left-width: unset;
	height: 50px;
}
.admin1 td.buts{
	border: 1px;
	background: #ffffff;
	text-align: right;
}
.admin1 input:focus{
	box-shadow: 0px 0px 10px rgba(160, 160, 160, 0.58);
}
/*.buts{
	background: white;
	width: 100%;
	text-align: 'center';
}*/
.admin1 input.buts{
	width: 40%;
	height: 20px;
	border-collapse: collapse;
	border: 4px;
	border-color: black;
	background: #d5e9f6;
	box-shadow: inset 0 0 5px #73bdf6;
	color: #0086b7;

}

.admin1 button.buts{
	width: 40%;
	height: 20px;
	color: #d40766;
	border-collapse: collapse;
	border: 4px;
	background: #d5e9f6;
	box-shadow: inset 0 0 5px #73bdf6;
	/*border-radius:5px;*/

}
.admin1 input.chek{

	text:cjhabs;
	width: 20px;
	height: 20px;
	vertical-align: -6.5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: rgb(229, 229, 229);
	outline: none;
	border-color: black;
	border-radius:10px;
	border-collapse: collapse;
	box-shadow: inset 0 0 5px #cecece;



	position: relative;
}

.admin1 input.chek:checked[type="checkbox"] {
	background: rgb(77, 154, 211);

	/*box-shadow: 0 0 2px #6c9194;*/
	transition: 0.1s;

}
.admin2{
	width: 600px;

	border: 1px solid lightblue; /*устанавливаем для таблицы внешнюю границу серого цвета толщиной 1px*/
	border-collapse: separate;
	border-spacing: 5px 4px;
	box-shadow: 0 0 12px #6c9194;

}
.wg{
	width: 270px;
	/*height: 80px;*/
	border: 3px solid lightblue; /*устанавливаем для таблицы внешнюю границу серого цвета толщиной 1px*/
	border-collapse: separate;
	border-spacing: 1px 0px;
	box-shadow: 0 0 3px #6c9194;

}
.wg th{
	background: #c4f6f9;
	
	border-collapse: separate;
	border-spacing: 1px 1px;
	/*border-radius:1px;*/
	padding: 0px;
}
.wg td{
	background: #e5e5e5;
	border-collapse: separate;
	border-spacing: 1px 1px;
	/*border-radius:1px;*/
	padding: 0px;
}


.admin2 td{
	background: #e5e5e5;
	border-collapse: separate;
	border-spacing: 5px 5px;
	/*border-radius:3px;*/
	padding: 1px;
}
caption.cap2{
	/*background: rgba(15, 124, 163, 0.24);*/
	height: 20px;
	border: 0;
	text-align: center;
	color: white;
	/*border-radius:5px;*/
	vertical-align: middle;
	/*box-shadow: 0 0 12px #6c9194;*/
}

.journal {
	border-collapse: separate;
	border-spacing: 3px 0px;
	box-shadow: 0 0 12px #6c9194;

}

.journal td {
	margin: 20px;
	padding-left: 10px;
	width: auto;
}
.sticky {
	 position: sticky;
	 top: 0;
 }

thead th{
	position: sticky;
	top: 0;
	background: #e7e7e7;
}



.scroll-table-body {
	width: 350px;
	height: 78px;
	overflow-x: auto;
	margin-top: 0px;
	margin-bottom: 1px;

}
.scroll-table table {
	width: 350px;
	table-layout: fixed;
	border-collapse: collapse;
}
.scroll-table thead th {
	font-weight: bold;
	text-align: center;
	border-collapse: collapse;
	padding: 1px 1px;
	background: #d8d8d8;
	font-size: 14px;
	/*border-left: 1px solid #ddd;*/
	/*border-right: 1px solid #ddd;*/
}
.scroll-table tbody td {
	text-align: center;
	/*border-left: 1px solid #ddd;*/
	/*border-right: 1px solid #ddd;*/
	border-collapse: collapse;
	padding: 1px 1px;
	font-size: 14px;
	vertical-align: top;
}
.scroll-table tbody tr:nth-child(even){
	background: #f3f3f3;
}

/* Стили для скролла */
::-webkit-scrollbar {
	width: 6px;
}
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
body.app-body{
    margin: 0;
    background: #eef2f6;
    font-family: Arial, Helvetica, sans-serif;
    color: #1f2d3d;
}

.page-wrap{
    padding: 16px;
}

.topbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px 0 16px;
    background: #e7ebf0;
    border-bottom: 1px solid #cfd8e3;
}

.tabs{
    display: flex;
    gap: 8px;
    align-items: flex-end;
}

.tab-link{
    display: inline-block;
    padding: 14px 28px;
    text-decoration: none;
    color: #4a5568;
    background: linear-gradient(to bottom, #fefefe 0%, #dfe4ea 100%);
    border: 1px solid #c7d0da;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 6px 10px rgba(0,0,0,0.10);
    font-size: 14px;
}

.tab-link.active{
    color: #ffffff;
    background: linear-gradient(to bottom, #f0a11f 0%, #d44711 55%, #c91c2d 100%);
    border-color: #ba5e13;
}

.topbar-right{
    padding-bottom: 10px;
}

.logout-link{
    color: #30455d;
    text-decoration: none;
    font-size: 14px;
}

.panel{
    background: #ffffff;
    border: 1px solid #d7e0e8;
    box-shadow: 0 8px 20px rgba(28, 41, 61, 0.08);
}

.panel-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 14px;
    background: #f5f8fb;
    border-bottom: 1px solid #d7e0e8;
}

.journal-search{
    min-width: 260px;
    padding: 8px 10px;
    border: 1px solid #c7d0da;
    border-radius: 4px;
}

.table-scroll{
    overflow-x: auto;
}

.zebra thead .insert-head,
.zebra-journal thead .insert-head{
    background: #dce6ef;
}

.zebra-journal td,
.zebra-journal th{
    white-space: nowrap;
    padding: 6px 8px;
}

.stats-subtabs {
	margin: 0 0 14px 0;
}

.stats-subtab {
	display: inline-block;
	padding: 9px 16px;
	margin-right: 8px;
	background: #e7e7e7;
	border: 1px solid #cfd8dc;
	text-decoration: none;
	color: #333;
	border-radius: 4px;
}

.stats-subtab.active {
	background: #d0e4f1;
	border-color: #87acb6;
	font-weight: bold;
}

.stats-table th,
.stats-table td {
	padding: 6px 8px;
	white-space: nowrap;
}