/*html {*/
	/*overflow-x: hidden;*/
	/*-moz-user-select: none;*/
	/*-khtml-user-select: none;*/
	/*user-select: none;   */
/*}*/

html {
  scroll-behavior: smooth;  
}

body {
	margin: 0;
	background: #EDEEF0;
}



.hover-dark{
	position: absolute;
	margin: 50px 110px;
	transition: .8s;
	opacity: .6;
}

.hover-dark:hover{
	transition: .3s;
	opacity: 1;
	border-radius: 50px;
	box-shadow: 0 0 6px 12px #FF313199;

}

.center-widget{
	margin: auto;
	width: 960px;
}


.center-widget-1280{
	width: 1280px;
}

@media print {
  @page { margin: 0; }
  body { margin: 1.0cm; }
}

.head-filter {
	text-decoration: none;
	color: inherit;
}
.th-filter:hover {
	background: #515F6E;
}

.slice-box {
	display: flex;
	align-items: center;
	justify-content: center;
	/*width: 350px;*/
}

.slice-box div {
	border: 1px solid #CCC;
	border-radius: 6px;
	margin: auto 10px;
	/*padding: 2px;*/
}

.slice-box input {
	padding: 4px;
	font-size: 12px;
	color: #1F4155;
	font-weight: 600;
	margin: 10px;
}

.slice-box select {
	padding: 4px;
	font-size: 12px;
	color: #1F4155;
	font-weight: 600;
	margin: 10px;
	border: 2px inset #DDD;
	border-radius: 6px; 
}


.sticker {
	margin: auto;
	border-radius: 12px;
	font-family: "Verdana", Arial !important;
	font-weight: 600;
	font-size: 11px !important;
	color: #5D6D7E !important;
}


.th-item {
	background:  #5D6D7E !important;
	color: #FFF !important;
	font-size: 14px !important;
}

.tr-item {
	background:  #FFF !important;
	color: #5D6D7E !important;
	font-size: 14px !important;
	border-radius: 4px !important;
	text-align: center;
}

.tr-item a{
	color: #79AEC8;
	font-family: 'Roboto', Arial;
	font-size: 16px;
	text-decoration: none;
}
.tr-item a:hover{
	color: #0B3B6C;
}

.tr-item p{
	width: 100px;
	color: #535A5D;
	font-family: 'Roboto', Arial;
	font-size: 14px;
	text-decoration: none;
}

.file{
	margin: 4px;
	transition: .5s;
}

.file:hover{
	transition: .2s;
	box-shadow: 0 0 6px 2px #00000066;
}

.file-name {
	font-family: "Roboto", Arial;
	font-size: 11px;
	color: #515151;
	margin: 2px;
	text-align: center;
}

.no-sel {
	overflow-x: hidden;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;   
}

.scroll-light{
	overflow-y: auto;
	overflow-x: auto;
	scrollbar-width: thin !important;
	scrollbar-color: #00000033 #FFFFFF11 !important;
}

.scroll-light-y{
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin !important;
	scrollbar-color: #00000033 #FFFFFF11 !important;
}

.addon {
	width: 99%; min-height: 100px;
	background: #00000006;
	margin: 8px;
}

.low-w {
	width: 48px !important;
	font-weight: 600 !important;
	padding: 4px 6px;
}

.sign-in{
 	display: block;
 	margin: auto;
 	width: 320px; height: 300px;
 	/*background: #FFFFFF33; */
 	/*border: 1px outset #00666666;*/
 	border-radius: 18px;
}

.sign-in label {
	float: left;
	color: #00000066;
}
.sign-in select{
	width: 320px; height: 36px;
	color: #38383A;
	font-size: 18px;
	margin: 6px 2px;
	border: 1px outset #00666666;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align: center;
	transition: .5s;
}

.sign-in select:hover{
	box-shadow: 0 0 12px 2px #00FFAA33;
	transition: .3s;
}

.sel-dis{
	width: 700px; height: 36px;
	color: #38383A;
	font-size: 16px;
	margin: 6px 2px;
	border: 1px outset #00666666;
	/*padding-left: 6px;*/
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*text-align: center;*/
	transition: .5s;
}

.sel-dis:hover{
	box-shadow: 0 0 12px 2px #00FFAA33;
	transition: .3s;
}

.sign-in input {
	width: 300px; height: 30px;
	margin: 6px 2px;
	color: #38383A;
	font-size: 18px;
	border: 1px outset #00666666;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align: center;
	transition: .5s;
}



/*ссылка*/
.side-link {
	position: relative;
	left: 20px;
	color: #67B3FF;
	padding: 5px 20px;
	border: 1px solid #67B3FF;
	background: #00000033;
	border-radius: 6px;
}

.side-link:hover {
	border-color: #67B3FF;
	color: #FFFFFF;
	padding: 5px 80px;
	border-radius: 1px;
	box-shadow: 0 0 9px 2px #67B3FF66;
	font-size: 1.2rem;
}





.sign-in input[type="password"]:hover{
	box-shadow: 0 0 12px 2px #00FFAA33;
	transition: .3s;
}

.sign-in input[type="submit"] {
	width: 300px; height: 46px;
	color: #38383A;
	transition: .5s;
}

.sign-in input[type="submit"]:hover {
	color: #FFF;
	background: #006666;
	transition: .3s;
	box-shadow: 0 0 9px 2px #00FFAA66;
}
.sign-in input[type="submit"]:active {
	background: #FFBA01;
	color: #38383A;
}

.widget{
	position: fixed;
	left: 100px;
	width: 250px; height: 500px;
	background: #41769011;
	border: 1px outset #41769033;
}

/*SCROLLBAR CUSTOMS*/
	.scroll-custom {
	  scrollbar-width: thin;
	  scrollbar-color: #00000033 #222B33;
	}

hr{
	border: none;
	background-color: #00000033; /* Цвет линии */
	color: #00000033; /* Цвет линии для IE6-7 */
	height: 1px;
	margin: 20px;
}

h1{
	font-family: 'Roboto', Arial;
	color: #FFF;
	font-size: 20px;
}

h3, h4{
	font-family: 'Roboto', Arial;
	color: gray;
}

h5{
	font-family: 'Roboto', Arial;
	color: #FFFFFF99;
	font-weight: 300;
}

.title-page{
	min-height: 60px;
	background: #417690;
	padding: 25px;
	text-align: center;
	z-index: 3;
	position: relative;
}


.date-h4{
	font-family: 'Roboto', Arial;
	font-weight: 600;
	font-size: 14px;
	color: #306C8E;
	margin: auto 24px;
	padding: 6px;
	border: 2px inset #DDD;
	transition: .6s;
}

.date-h4:hover{
	transition: .3s;
	border-color: #306C8E99;
}

.date-h4:focus{
	border-color: #306C8EBA;
}

.line { 
	border-left: 1px solid #5F4190; /* Параметры линии */ 
	margin-left: 20px; /* Отступ слева */
	padding-left: 10px; /* Расстояние от линии до текста */ 
}
  

input {
	min-height: 18px;
	padding: 2px 10px;
	margin: auto;
	border-radius: 4px;
}


label {
	font-size: 12px;
	font-family: 'Roboto', Arial;
	color: #00000099;
	margin: auto;

}

/*HOME*/

	.home-page-1{
		display: flex;
		min-height: 600px;
		margin: auto;
		padding: 6px;
		/*display: flex;*/
		/*flex-direction: row;*/

	}

	.home-menu{
		display: block;
		background: #FFFFFF01;
		width: 234px; min-height: 600px;
		padding-top: 10px;
		text-align: center;
	}

	.home-menu .btn-menu {
			margin: auto;
			margin-bottom: 10px;
	}

	.home-content {
		/*display: block;*/
		/*float: right;*/
		background: #00000010;
		width: 720px; min-height: 900px;
	}

	.home-content-new{
		margin-left: 6px;
		width: inherit;
		padding: 6px;
		min-height: 500px;
		max-height: 900px;
		padding-bottom: 200px;
		overflow-y: scroll;
	}

/*BTN*/


	.btn-month {
		display: block;
		font-size: 10px; font-weight: 400;
		font-family: 'Roboto', Arial;
		text-decoration: none;
		padding: 14px 6px; margin: auto 1px;
		border-radius: 1px;
		height: 10px; width: 60px;
		border: 1px solid gray;
		color: gray;
		transition: .6s;
	}

	.btn-month:hover {
		background: #00666600;	
		border-radius: 12px;
		border-color: #006666;
		color:  #006666;
		transition: .2s;
	}

	.btn-month:active {
		background: #E87F0366;	
		color:  #006666;
	}

	.btn-month-act {
		background: #006666;	
		color:  #FFF;
	}

	.btn-menu{
		display: block;
		cursor: pointer;
		width: 130px;
		background: #417690; color: #F5F9FB;
		font-family: 'Roboto', Arial;
		font-size: 16px;
		text-decoration: none;
		padding: 10px;
		margin: auto;
		margin-bottom: 10px;
		border-radius: 6px;
		text-align: center;
	}
	.btn-menu:hover{
		background: #306C8E; color: #FDFAC7;
	}
	.btn-menu:active{
		color: #FFF437;
		box-shadow: 0 0 3px 1px  #F0E460;
	}

	.zoom {
		transition: .5s;
	}


	.zoom:hover {
		padding: 16px;
		font-size: 17px;
		border-radius: 2px;
		transition: .3s;
	}

	.hidden {
		cursor: default;
		transition: .6s;
		opacity: 0;
		position: absolute;
		right: 2px; top: 2px;
	}

	.hidden:hover {
		/*transition: 2s;*/
		/*opacity: 1;*/
	}

	.btn-param{
		display: block;
		/*width: 80px;*/
		border: solid 1px #419061;
		color: #419061;
		font-family: 'Roboto', Arial;
		font-size: 14px;
		text-decoration: none;
		padding: 11px;
		margin: 10px;
		border-radius: 6px;
	}
	.btn-param:hover{
		background: #419061; color: #FDFAC7;
	}
	.btn-param:active{
		color: #FFF437;
		box-shadow: 0 0 3px 1px  #F0E460;
	}

	.btn-material{
		display: block;
		/*width: 60px;*/
		border: solid 1px #5F4190;
		color: #5F4190;
		font-family: 'Roboto', Arial;
		font-size: 12px;
		text-decoration: none;
		padding: 10px;
		margin: 6px;
		border-radius: 6px;
		text-align: center;
		transition: .3s;
	}
	.btn-material:hover{
		background: #5F4190; color: #FDFAC7;
		transition: .3s;
	}
	.btn-material:active{
		color: #FFF437;
		box-shadow: 0 0 3px 1px  #F0E460;
	}

	.btn-param-min{
		display: block;
		/*width: 60px;*/
		border: solid 1px #5F4190;
		color: #5F4190;
		font-family: 'Roboto', Arial;
		font-size: 12px;
		text-decoration: none;
		padding: 10px;
		margin: 6px;
		border-radius: 6px;
		text-align: center;
		transition: .3s;
	}
	.btn-param-min:hover{
		background: #5F4190; color: #FDFAC7;
		transition: .3s;
	}
	.btn-param-min:active{
		color: #FFF437;
		box-shadow: 0 0 3px 1px  #F0E460;
	}

	.error{
	border-color: #FF6060 !important;
	color: #FF6060 !important;
	font-family: "Helverica", Arial;
	margin: auto;
	padding: 4px;
	}
	.error:hover{
		color: #FF6060;
		background: #FF606033;
	}

	.row{
		display: flex !important;
		flex-direction: row !important;
	}

	.btn-save-min{
		display: block;
		/*width: 60px;*/
		border: solid 1px #419061;
		color: #419061;
		font-family: 'Roboto', Arial;
		font-size: 12px;
		text-decoration: none;
		padding: 2px;
		/*margin: 1px;*/
		border-radius: 6px;
		text-align: center;
		transition: .3s;
	}
	.btn-save-min:hover{
		background: #419061; color: #FDFAC7;
		transition: .3s;
	}
	.btn-save-min:active{
		color: #FFF437;
		box-shadow: 0 0 3px 1px  #F0E460;
	}

/*TEACH*/
	.list-data {
		margin: 10px 0px;
		background: #FFFFFF33;
		height: 100%;
		/*border: solid 1px #00000033;*/
		/*border-radius: 6px;*/
	}

	.item-list-data{
		display: flex;
		flex-direction: row;
		background: #FFF;
		width: 700px; height: 50px;
		border: solid 1px #00000033;
		border-radius: 6px;
		text-align: center;
		margin: 1px;
	}

	.mess-p{
		margin: auto 20px;
	}


	.box-table {
		width: 100%;
		min-height: 600px;
		padding: 6px;
		display: grid;
		grid-template-columns: 11% 15% 25% 15% 12% 12% 10%;
		text-align: center;
		font-family: sans-serif;
		grid-row-gap: 3px;
	}

	.box-table-for-groups {
		grid-template-columns: 10% 15% 18% 15% 12% 20% 10%;
	}

	.box-table-head {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 13px;
		font-weight: 600;
	}

	.box-table-cell {
		display: flex;
		justify-content: center;
		align-items: center;
		background: #FAFBFC;
		border-bottom: 1px solid lightgray;
	}

	.box-table-cell-hover {
		.transition: .3s;
		background: #FFF;
		border-bottom: 1px solid #417690;
	}

	.to-left {
		text-align: left;
		align-items: left;
		justify-content: left;
	}

	.box-table-cell a {

		color: #79AEC8;
		font-family: 'Roboto', Arial;
		text-decoration: none;
	}
	.box-table-cell a:hover{
		color: #0B3B6C;
	}

	.box-table-cell input[type="text"]{
		color: #417690;
		margin-left: 10px;
	}

	.sw-mess-in {
		width: 100px;
		margin: auto;
		text-align: center;

	}

	.text-mess {
		width: 100%; height: 350px;
		padding: 20px; margin: 10px;
		font-size: 16px;
		border-radius: 6px;
	}

	.text-mess:focus {
		border-color: #417690;
	}

	.home-message{
		display: flex;
		flex-direction: row;
		background: #FFF;
		min-width: 700px; height: 50px;
		border: solid 1px #00000033;
		border-radius: 6px;
		text-align: center;
		margin: 1px;
	}

	.good{
		background: #5AFF2122;
		color: #35751F;
	}

	.warning{
		background: #FFF33022;
		color: #B37805;
	}

	.bad{
		background: #FF747422;
		color: #8D0A0A;
	}

	.mess-home{
		font-size: 14px;
		font-weight: 500;
		color: #00000099;
	}


/*LOADER*/

	.loader-page-1{
		background: #00000006;
		/*width: 940px; */
		height: 100%;
		/*padding: 10px;*/
	}

	.loader-menu{
		display: flex;
		/*flex-direction: row;*/
		align-content: center;
		width: 100%; 
		height: 60px;
		background: #41769011;
	}

	.loader-list-data{
		width: 100%; 
		height: 100%;
		padding-bottom: 60px;
	}

	.info-person-row{
		display: inline-flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		width: 100%; 
		height: 40px;
		background: #FFF;
		padding: 10px 0px;
	}



	.info-person-row h3, h4{
		color: #306C8E;
		margin: 10px;
		padding: 0px;

	}
	.info-person-row span{
		color: #666;
	}


	.loader-group{
		width: 900px; min-height: 80px;
		background: #FFF;
		border-radius: 6px;
		margin-top: 10px;
		padding: 20px;
	}


	.loader-group table th{
		background: #417690;
		color: #FFF;
		font-family: sans-serif;
		font-size: 15px; 
		/*font-weight: 300 !important;*/
		padding: 2px;
	}

	.loader-group table td{
		background: #00000006;
		border-bottom: solid 1px gray; 
		color: #333;
		font-family: sans-serif;
		font-size: 15px;
		text-align: center;
		padding: 2px 10px;
	}

	.loader-group table td a{
		color: #417690;
		font-family: sans-serif;
		font-size: 16px;
		text-decoration: none;
	}


	.loader-total p{
		font-family: sans-serif;
		margin: 0px;
	}


	.loader-group-full{
		min-height: 80px;
		background: #FFF;
		border-radius: 6px;
		margin: 10px;
		padding: 12px;
	}

	.loader-group-full table {
		margin: 6px auto;
	}

	.loader-group-full table caption {
		background: #335C70;
		color: #FFF;
		font-size: 16px;
		font-family: "Verdana", Arial;
		padding: 6px;
		margin:  auto 3px;
		font-weight: 600;
	}

	.loader-group-full table th{
		background: #417690;
		color: #FFF;
		font-family: sans-serif;
		font-size: 14px; 
		font-weight: 600;
		padding: 2px;
		border: 1px  solid #CCC;
	}

	.loader-group-full table td{
		background: #00000006;
		border-bottom: solid 1px #CCC; 
		color: #333;
		font-family: sans-serif;
		font-size: 14px;
		text-align: center;
		padding: 2px 10px;
		max-height: 20px;
	}

		.add-math-td {
		font-size: 12px !important;
		color: #335C70 !important;
		font-weight: 600;
	}

	.loader-group-full table td a{
		color: #417690;
		font-family: sans-serif;
		font-size: 14px;
		text-decoration: none;
	}

	.loader-total-full p{
		margin: 0px;
	}


	.half{
		width: 896px; height: 24px;
		background: #213D4B;
		font-family: serif;
		font-size: 20px;
		color: #FFF;
		padding-bottom: 5px;
	}

	.loader-total{
		height: 20px; width: 900px;
		display: flex;
		flex-direction: row;
		background: #00000010;
		color: black;
		padding: 0px;
	}


	.none {
		display: none !important;
	}


	.sel-cur{
		margin: auto 6px;
		border: 1px solid #417690;
		padding-left: 6px; padding-right: 6px;
		border-radius: 3px;
		font-size: 14px;
		font-weight: 600;
		color: #213D4B;
	}


/*LOADER-PRINT*/
	.list-a4{
		margin: 50px;
		display: block;
		width: 630px; height: 882px;
		background: #FFF;
		padding: 45px 45px 60px 90px; 
	}

	.list-a4 h3{
		color: #333;
		font-family: serif;
	}

	.list-a4 h4{
		float: left;
		color: #333;
		font-family: serif;
		font-size: 16px;
	}

/*	.list-a4 table th {
		background: #777;
		color: #FFF;li
		font-family: serif;
		font-size: 13px;
	}
	
	.list-a4 table  td{
		border-bottom: solid 1px gray;
		text-align: center;
		font-family: serif;
		font-size: 12px;
	}*/

.mtx-person{
	width: 100%;
	display: block;

}




	.day-mtx{
	background: #00000006;
	border: solid 1px #00000066;
	margin: 6px 10px;
	border-radius: 6px;
	}
	.day-menu-mtx{
		height: 45px;
		display: flex;
		flex-direction: row;
	}
	.day-menu-mtx h3{
		margin: 10px 30px;
	}



	.day-time-mtx td{
		padding: 0px 4px;
		height: 30px;
		font-size: 14px;
		font-family: sans-serif;
		color: #00000099;
		border-bottom: solid 1px #00000033;
	}


	.day-data-mtx {
		height: 420px;
		display: flex;
		flex-direction: row;
		overflow-x: auto; 
	}

	.day-group-mtx{
		background: #FFF;
		margin: 1px;
		min-height: 230px;
		min-width: 84px;
	}

	.day-group-mtx td{
		text-align: center;
		font-size: 12px;
		font-family: sans-serif;
		color: #1A1A1A;
		padding: 0px 4px;
		/*height: 24px;*/
		border-bottom: solid 1px #00000020;
	}


	.lt-grid-data {
		width: 100%;
		padding-top: 20px;
		display: grid;
		grid-column-gap: 10px;
		/*grid-row-gap: 10px;*/
		grid-template-columns: repeat(auto-fit, 300px);	
	}

	.lt-grid-data-mini {
		/*width: 100%;*/
		padding: 10px;
		display: grid;
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		grid-template-columns: repeat(auto-fit, 70px);	
	}


	.widget {
		position: inherit;
		width: 300px; height: 400px;
		background: #FDFCF566;
		margin: 20px;
		border-radius: 12px;
		transition: 1s;
		box-shadow: 0px 0px 6px 2px #00000011;
	}
	.widget:hover {
		margin-left: 15px; margin-top: 15px;
		width: 310px; height: 410px;
		background: #FDFCF5;
		border-radius: 0px;
		box-shadow: 0px 0px 6px 2px #00000066;
		transition: .3s;
	}

	.widget h3 {
		color: #000000BB !important;
		top: 10px;
		font-size: 24px;
	}

	.widget h4 {
		font-size: 24px;
		margin: auto;
	}

	.head-line {
		margin: 0 !important;
		background: gray;
		width: inherit; height: 6px !important;
		border-radius: 0px !important;
		text-align: center;
	}

	.widget-row {
		display: block;
		width: 960px; min-height: 400px;
		background: #FDFCF566;
		margin: 20px auto;
		border-radius: 12px;
		transition: 1s;
		box-shadow: 0px 0px 6px 2px #00000011;
		padding-bottom: 20px;
	}
	.widget-row span{
		font-family: "Roboto", Arial;
		font-weight: 300;
		font-size: 14px;
		color: gray;
	}
	.widget-row:hover {
		/*margin-left: 15px; margin-top: 15px;*/
		/*width: 960px; height: 410px;*/
		background: #FDFCF5;
		border-radius: 0px;
		box-shadow: 0px 0px 6px 2px #00000066;
		transition: .3s;
	}

	.widget-row-head {
		width: inherit; height: 44px;
		float: left;
		display: block;
	}
	.widget-row-head h4 {
		float: right;
		font-size: 16px !important;
		font-weight: 300;
		margin: auto;
		padding: 10px;
	}

	.widget-row h3 {
		color: #000000BB !important;
		top: 10px;
		font-size: 24px;
	}

	.widget-row h4 {
		font-size: 24px;
	}

	.widget-row h5 {
		font-size: 18px;
		color: #3C3C3C;
	}

	.sector-widget {
		/*position: relative;*/
		/*display: flex;*/
		/*flex-direction: row;*/
		/*margin: 4px;*/
		padding: 6px;
		/*top: 18px;*/
	}

	.btn-del-min {
		background: #E04F5F;
		color: #FFF;
		height: 16px;
		border-radius: 10px;
		padding: 4px 10px;
		font-size: 12px;
		text-align: center;
		margin: auto 2px;
		font-family: "Helverica", Arial;
		transition: .6s;
	}

	.btn-del-min:hover{
		cursor: pointer;
		background: #CC4956;
		box-shadow: 0 0 6px 2px #00000033;
		transition: .3s;
	}
	.btn-del-min:active{
		color: #FDFF78;
	}

	.btn-del {
		background: #E04F5F;
		color: #FFF;
		height: 16px;
		border-radius: 10px;
		padding: 10px 12px;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		margin: auto 2px;
		font-family: "Helverica", Arial;
		transition: .6s;
	}

	.btn-del:hover{
		cursor: pointer;
		background: #CC4956;
		box-shadow: 0 0 6px 2px #00000033;
		transition: .3s;
	}
	.btn-del:active{
		color: #FDFF78;
	}

	.sector-widget label {
		font-size: 14px;
	}


	.comment {
		width: 920px; min-height: 70px;
		position: relative;
		left: 10px;
		border-radius: 4px;
		border: 1px #D9D9D999 inset;
		padding: 10px;
		word-wrap: break-word;
		background: #FFF;
	}


	.task-form{
		width: 250px; height: auto;
		padding: 6px;
		margin: auto 4px; 
	}

/*SLIDERS*/




/*MODALS*/

.modal{
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	background: #00000099;
	transition: .6s;
	display: none;
	pointer-events: none;

}

.modal:target{
	display: block;
	pointer-events: auto;
	transition: .6s;
}




	.modal div{
		margin: 100px auto;
		width: 960px; height: 520px;
		background: #EFEFEF;
		border-radius: 10px;
		padding: 20px;
	}
	
	.modal div div{
		display: flex;
		flex-direction: row;
		margin: 0;
		width: 920px; height: 420px;
		background: #00000033;
		/*padding-top: 0px auto;*/
	}
	
	.day-modal-mtx{
		background: #FFF;
		margin: 4px !important;
		height: 390px !important; 
		width: 84px !important;
	}
	
	.day-modal-mtx td{
		text-align: center;
		font-size: 12px;
		font-family: sans-serif;
		color: #1A1A1A;
		padding: 0px 4px;
		height: 24px;
		border-bottom: solid 1px #00000020;
	}






.micro-config{
	display: flex;
	flex-direction: row;
	margin: 4px;
	border: inset 1px #00000011;
	border-radius: 10px;
	background: #00000022;
	/*padding: 20px;*/
}

.micro-config input[type=text]{
	border-radius:  10px;
	border: inset 1px #00000011;
	margin: 6px;
	width: 80px;
}

/*CheckBox*/
	input[type=checkbox]{
	/*height: 0;*/
	/*width: 0;*/
	visibility: hidden;
	margin: 0px !important;
	font: 400 0px Arial !important; 
	}
	.sw {
	cursor: pointer;
	text-indent: -9999px;
	width: 24px;
	height: 14px;
	background: gray;
	display: block;
	border-radius: 14px;
	position: relative;
	margin: auto;
	top: -10px;
	}
	.sw:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 12px;
	transition: 0.2s;
	}
	input:checked + .sw {
		background: #66BB00;
	}
	input:checked + .sw:after {
		left: calc(100%);
		transform: translateX(-100%);
	}
	.sw:active:after {
		width: 24px;
	}


.day-menu .sw{
	top: 0px;
}

/*CheckBox*/
	.new-sw {
	cursor: pointer;
	text-indent: -9999px;
	width: 24px;
	height: 14px;
	background: gray;
	border-radius: 14px;
	position: relative;
	}
	.new-sw:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 12px;
	transition: 0.2s;
	}
	input:checked + .new-sw {
		background: #66BB00;
	}
	input:checked + .new-sw:after {
		left: calc(100%);
		transform: translateX(-100%);
	}
	.new-sw:active:after {
		width: 24px;
	}


.day-group select {
	-webkit-appearance: none; /*уберает стрелочку*/
	-moz-appearance: none; /*уберает стрелочку*/
	appearance: none; /*уберает стрелочку*/
	border: none;
	text-align: center;
	font-size: 13px;
	font-family: sans-serif;
}

.day-teach select {
	-webkit-appearance: none; /*уберает стрелочку*/
	-moz-appearance: none; /*уберает стрелочку*/
	appearance: none; /*уберает стрелочку*/
	border: none;
	text-align: center;
	font-size: 13px;
	font-family: sans-serif;
}



.cell {
	text-align: center;
	font-size: 12px;
	width: 150px !important;
	background: #FFFFFFF9;
}


.day-menu input[type=number]{
	width: 40px;
}


.log caption{
	font-size: 12px;
	font-family: 'Nunito', Verdana, Arial;
	border: 1px solid gray;
	padding: 2px;
	font-weight: 600;
	background: #5D6D7E;
	color: #FFF;
}

.log {
	color: #383A3F;
}

.log th{
	height: 40px;
	font-size: 12px;
	background: 
	font-family: 'Nunito', Verdana, Arial;
	border: 1px solid gray;
	padding: 2px;
	font-weight: 500;
	background: #D7E9FC;
}

.log td{
	font-size: 12px;
	font-family: 'Nunito', Verdana, Arial;
	border: 1px solid gray;
	text-align: center;
	color: #383A3F;
}

.log td.comp {
	background: #F5FAFF;
}

.log tr:hover{
	border: 1px inset #417690;
	background: #41769033 !important;
}

.log table {
	background: #FFF;
}

.log a {
	text-decoration: none;
	color: #114969;
}

.log a:hover {
	color: #116949;
}

.logPer {
	background: #FFF;
	padding: 20px;
	padding-left: 100px;
	padding-right: 100px;
}

.logPer table {
	position: relative;
	margin-top: 20px;
	color: #1A1A1A;
	border: 1px solid gray;
}

.logPer caption {
	background: #D2E0E7;
	padding: 6px;
	font-weight: 600;
	font-size: 16px;
	border: 1px solid gray;

}

.logPer th{
	height: 20px;
	font-size: 14px;
	font-family: 'Roboto' sans-serif;
	border: 1px solid gray;
}

.logPer td{
	font-size: 14px;
	font-family: 'Roboto' sans-serif;
	border: 1px solid gray;
	text-align: center;
}


.logPer tr:hover{
	border: 2px inset #417690;
	background: #E3F3FF;
}

.logPer a {
	text-decoration: none;
	color: #114969;
}

.logPer a:hover {
	color: #116949;
}


.logPer-dis{
	width: 120px;
}
.logPer-group{
	width: 80px;
}
.logPer-date{
	width: 30px;
}


.uploaded {
	color: #FFF;
	text-align: center;
	background: #008888;
	font-size: 16px;
	margin: 6px 2px;
	padding: 6px;
	border: 1px outset #00666666;
	border-radius: 12px;
}

.off_state_student {
	background: #EEE0E0 !important;
	color: gray !important;
	}



/*LESSON_TABLE*/

	.lt-title-page{
		width: 100%; height: 60px;
		background: #417690;
		padding: 25px 0px;
	}
	
	.lt-home-page-1{
		background: #EFF0F1;
		width: 100%; height: 100%;
		border-bottom: 1px solid #DDD;
		/*display: flex;*/
		/*flex-direction: row;*/
	}
	

	
	.info_success{
		background: #7BFF7E66;
		color: #00000066;
		font-family: sans-serif;
		font-size: 14px;
		margin: 10px;
		padding: 10px;
		border: solid 1px #7BFF7E;
	}

	.lt-list-data {
		width: 100%;
		display: block;
	}

	.day{
	background: #00000006;
	border: solid 1px #00000066;
	margin: 6px 10px;
	border-radius: 6px;
	overflow-x: scroll;
	}
	.day-menu{
		height: 45px;
		display: flex;
		flex-direction: row;
	}
	.day-menu h3{
		margin: 10px 30px;
		height: 40px;
	}


	.day-data{
		height: 390px; width: 3200px;
		display: flex;
		flex-direction: row;
	}

	.day-time td{
		padding: 0px 4px;
		height: 33px;
		font-size: 14px;
		font-family: sans-serif;
		color: #00000099;
		border-bottom: solid 1px #00000033;
	}

	.day-group{
		background: #FFF;
		margin: 1px;
		height: 378px;
		min-width: 200px;
	}

	.day-group td{
		text-align: center;
		font-size: 13px;
		font-family: sans-serif;
		color: #1A1A1A;
		padding: 0px 4px;
		height: 33px;
		border-bottom: solid 1px #00000020;
	}


	.day-teach{
		background: #FFF;
		margin: 1px;
		height: 378px;
		min-width: 200px;
	}

	.day-teach td{
		text-align: center;
		font-size: 13px;
		font-family: sans-serif;
		color: #1A1A1A;
		padding: 0px 4px;
		height: 33px;
		border-bottom: solid 1px #00000020;
	}


.lt-loader-menu {
	display: inline-flex;
	width: 100%;
	justify-content: space-between;
}

.days-box {
	display: inline-flex;
	margin: 4px;
	padding: 6px;
	border: 1px solid #DDD;
	border-radius: 4px;
}
.days-box .btn-param {
	margin: auto 6px;
}

.days-box .btn-menu {
	margin: auto 6px;
}


.active-btn-param {
	background: #5C8C6F;
	color: #FFF !important;
}

.edit-shedule {
	background: #EFF0F1;
	height: 250px; width: inherit;
}

.sticker-shedule {
	margin: auto;
	border-radius: 12px;
	font-family: "Verdana", Arial !important;
	font-weight: 600;
	font-size: 14px;
	color: #317731;
	border-radius: 6px;
	border: 1px solid #317731;
	padding: 4px;
	width: 40px;
	text-align: center;
}

.shedule-alarm {
	background	: #DC5B5B;
	color	 	: #FFF;
	box-shadow	: 0 0 8px 3px #FF6A6ACC;
	border-color : #FF6A6A;
}

.shedule-warning {
	background	: #FFFADD;
}

.shedule-replace {
	background	: #DCBF5B;
	color	 	: #FFF;
	box-shadow	: 0 0 8px 3px #DCBF5BCC;
	border-color : #DCBF5B;
}

.shedule-menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	width: 100%; height: 40px;
	background: #F1F2F3;
	padding: 4px;
	border: 1px solid #DDD;
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
	z-index: 10;
}

.shedule-menu #day_label {
	font-family: "Roboto", Arial;
	padding-left: 10px;
	padding-right: 10px;
	width: 120px; height: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}



.edit-shedule hr {
	color: #417690;
	background-color: #417690;
	margin: 2px;
}

.edit-shedule h4 {
	margin: 4px;
	text-align: center;
}

.btn-save {
	border: solid 1px #6D4D9D;
	position: relative;
	left: 0;
	background: none;
	color: #6D4D9D;
	font-family: 'Roboto', Arial;
	font-size: 14px;
	text-decoration: none;
	padding: 11px;
	border-radius: 6px;
	cursor: pointer;
	margin: 0;

	}
	.btn-save:hover{
		background: #6D4D9D; color: #FFF;

	}
	.btn-save:active{
		color: #FFF437;
		box-shadow: 0 0 3px 1px  #F0E460;
	}

.shedule-tpl {
	font-size: 13px;
	background: #D0CFCC;
	font-family: "Roboto", Arial;
	width: 100%;
	padding-top: 10px;
	display: grid;
	grid-column-gap: 6px;
	grid-row-gap: 10px;
	grid-template-columns: repeat(auto-fit, 250px);
	overflow-y: auto;
	height: 400px;
	justify-content: center;
	}

.shedule-tpl table {
	width: 250px; height: 198px;
	background: #ECF0F3;
	padding: 4px;
	border: 1px solid #CCC;
	border-radius: 4px;
	vertical-align: middle;
}

.shedule-tpl table th {
	/*padding: 6px;*/
	border-radius: 4px;
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.shedule-tpl table th p{
	margin: 6px auto;
}

.shedule-tpl table tr td{
	min-height: 26px;
	padding: 3px 2px;
	border: 1px solid #AAA;
	border-radius: 6px;
	display: flex;
	max-width: 227px;
}

.shedule-tpl table tr td div{
	font-size: 12px;
	padding: 4px 2px;
	text-align: center;
	border: 1px solid #DDD;
	border-bottom: 3px solid #DDD;
	border-radius: 4px;
	width: 100%;
	max-height: 32px;
	overflow: hidden;
}

.shedule-tpl table th span{
	width: 16px; height: 16px;
	padding: 3px;
	padding-right: 4px;
	border-radius: 50%;
	background: #FFFFFF66;
	color: #00000066;
	margin: 3px;
	text-align: center;
}

.shedule-tpl select {
	font-size: 12px;
	padding: 4px 2px;
	width: 100%;
	border: 1px solid #DDD;
	border-bottom: 3px solid #DDD;
	border-radius: 4px;
	margin-top: 2px;
	text-align: center;
	-webkit-appearance: none;
  	-moz-appearance: none;
 	appearance: none;
}

.list_dis_person {
	position: absolute;
	width: 250px;
	background: #417690;
	opacity: .98;
	border: 1px solid #DDD;
	padding: 10px;
	text-align: center;
	border-radius: 6px;
	min-height: 20px;
	z-index: 99999;
}

.list_dis_person h4 {
	color: #FFF;
}

.list_dis_person div {
	background: #FFFFFF;
	border: 1px solid #DDD;
	padding: 4px;
	text-align: center;
	border-radius: 3px;
	margin: auto;
	margin-top: 2px;
}


.shedule-tpl-groups {
	font-size: 13px;
	background: #D0CFCC;
	font-family: "Roboto", Arial;
	width: 100%;
	padding-top: 10px;
	display: grid;
	grid-column-gap: 6px;
	grid-row-gap: 10px;
	grid-template-columns: repeat(auto-fit, 250px);
	overflow-y: auto;
	height: 360px;
	justify-content: center;
	}

.shedule-tpl-groups table {
	width: 250px; height: 198px;
	background: #ECF0F3;
	padding: 4px;
	border: 1px solid #CCC;
	border-radius: 4px;
}

.shedule-tpl-groups table th {
	padding: 6px;
	border-radius: 4px;
}

.shedule-tpl-groups select {
	font-size: 12px;
	padding: 6px;
	width: 100%;
	border: 1px solid #DDD;
	border-bottom: 5px solid #DDD;
	border-radius: 5px;
	text-align: center;
	-webkit-appearance: none;
  	-moz-appearance: none;
 	appearance: none;
}


.shedule-tpl-groups table tr td {
	display: flex;
}

.replacement {
	box-shadow: #F9B000 0px 0px 8px 3px;
	font-weight: 600 !important;

}


.print-shedule-tab {
	table-layout: fixed;
	width: 100%;
	text-align: center;
	border: 2px solid #DDD;
	font-size: 12.5px;
}

.left-radius {
	/*border-radius: 10px;*/
	background: #E6F1F7 !important;
}


.title-day-shedule {
	margin: auto;
	width: 97.8%;
	padding-top: 6px;
	padding-bottom: 10px;
	padding-left: 5px;
	color: #00000088;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.shedule-tpl-groups-show {
	font-size: 13px;
	background: #D0CFCC;
	font-family: "Roboto", Arial;
	width: 98%; height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	display: grid;
	grid-column-gap: 6px;
	grid-row-gap: 10px;
	grid-template-columns: repeat(auto-fit, 258px);
	overflow-y: auto;
	justify-content: center;
	margin: auto;
	/*border-radius: 5px;*/
	border: 2px solid #DDD;
	}

.shedule-tpl-groups-show table {
	min-width: 258px; min-height: 198px;
	background: #ECF0F3;
	padding: 4px;
	border: 1px solid #CCC;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.shedule-tpl-groups-show .box-group {
	background: #EEE;
	border-radius: 5px;
}

.btn-group {
	display: block;
	text-align: center;
	padding: 12px;
	text-decoration: none;
	font-size: 16px;
	width: inherit;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.shedule-tpl-groups-show table th {
	padding: 6px;
	border-radius: 4px;
	font-size: 15px;
}

.shedule-tpl-groups-show p {
	font-size: 12px;
	padding: 6px;
	border: 1px solid #DDD;
	border-bottom: 5px solid #DDD;
	border-radius: 5px;
	text-align: center;
	margin: auto;
	-webkit-appearance: none;
  	-moz-appearance: none;
 	appearance: none;
}

.red-bg {
	background: #FF000033;
}
.orange-bg {
	background: #FFBA0033;
}


.productive-box {
	margin: 6px;
	background: #F3F3F3;
	border-radius: 5px;
	border: 1px inset lightgray;
	padding: 8px 12px;
	font-size: 14px;
	font-family: sans-serif;
}

.productive-box .row {
	display: grid;
	grid-gap: 6px;
	grid-template-columns: 50% 50%;
	grid-template-rows: 100%;
	font-weight: 600;
	font-size: 13px;
}

.productive-box h4 {
	text-align: left;
	margin: 0;
	border-bottom: 1px solid #306C8E;

}

/*FX*/

/*Fades*/
	.fadeIn{
		animation-name: fadeIn;
		-webkit-animation-name: fadeIn;	
		animation-duration: .4s;	
		-webkit-animation-duration: .4s;
		animation-timing-function: ease-in-out;	
		-webkit-animation-timing-function: ease-in-out;		
	}
	@keyframes fadeIn {
		0% {
			transform: scale(0);
			opacity: 0.0;		
		}
		100% {
			transform: scale(1);
			opacity: 1;	
		}		
	}
	@-webkit-keyframes fadeIn {
		0% {
			-webkit-transform: scale(0);
			opacity: 0.0;		
		}
		100% {
			-webkit-transform: scale(1);
			opacity: 1;	
		}		
	}


	.fadeIn-long{
		animation-name: fadeIn;
		-webkit-animation-name: fadeIn;	
		animation-duration: .6s;	
		-webkit-animation-duration: .6s;
		animation-timing-function: ease-in-out;	
		-webkit-animation-timing-function: ease-in-out;		
	}
	@keyframes fadeIn {
		0% {
			transform: scale(0);
			opacity: 0.0;		
		}
		100% {
			transform: scale(1);
			opacity: 1;	
		}		
	}
	@-webkit-keyframes fadeIn {
		0% {
			-webkit-transform: scale(0);
			opacity: 0.0;		
		}
		100% {
			-webkit-transform: scale(1);
			opacity: 1;	
		}		
	}
	
	
	.fadeDown{
		animation-name: fadeDown;
		-webkit-animation-name: fadeDown;	
		animation-duration: .3s;	
		-webkit-animation-duration: 0.3s;
		animation-timing-function: ease-in-out;	
		-webkit-animation-timing-function: ease-in-out;		
	}
	@keyframes fadeDown {
		0% {
			transform: translateY(-100%);
			opacity: .5;		
		}
		100% {
			transform: translateY(0%);
			opacity: 1;	
		}		
	}
	@-webkit-keyframes fadeDown {
		0% {
			transform: translateY(-100%);
			opacity: .5;		
		}
		100% {
			transform: translateY(0%);
			opacity: 1;	
		}			
	}
	
	
	.fadeUp{
		animation-name: fadeUp;
		-webkit-animation-name: fadeUp;	
		animation-duration: .4s;	
		-webkit-animation-duration: 0.4s;
		animation-timing-function: ease-in-out;	
		-webkit-animation-timing-function: ease-in-out;		
	}
	@keyframes fadeUp {
		0% {
			transform: translateY(100%);
			opacity: .5;		
		}
		100% {
			transform: translateY(0%);
			opacity: 1;	
		}		
	}
	@-webkit-keyframes fadeUp {
		0% {
			transform: translateY(100%);
			opacity: .5;		
		}
		100% {
			transform: translateY(0%);
			opacity: 1;	
		}			
	}


	.fadeLeft{
		animation-name: fadeLeft;
		-webkit-animation-name: fadeLeft;	
		animation-duration: .4s;	
		-webkit-animation-duration: 0.4s;
		animation-timing-function: ease-in-out;	
		-webkit-animation-timing-function: ease-in-out;		
	}
	@keyframes fadeLeft {
		0% {
			transform: translateX(-100%);
			opacity: .5;		
		}
		100% {
			transform: translateX(0%);
			opacity: 1;	
		}		
	}
	@-webkit-keyframes fadeLeft {
		0% {
			transform: translateX(-100%);
			opacity: .5;		
		}
		100% {
			transform: translateX(0%);
			opacity: 1;	
		}			
	}

	.fadeLeft-off{
		animation-name: fadeLeft-off;
		-webkit-animation-name: fadeLeft-off;	
		animation-duration: .4s;	
		-webkit-animation-duration: 0.4s;
		animation-timing-function: ease-in-out;	
		-webkit-animation-timing-function: ease-in-out;		
	}
	@keyframes fadeLeft-off {
		0% {
			transform: translateX(90%);	
		}
		100% {
			transform: translateX(0%);
			opacity: 1;
		}		
	}
	@-webkit-keyframes fadeLeft-off {
		0% {
			transform: translateX(90%);	
		}
		100% {
			transform: translateX(0%);
			opacity: 1;	
		}			
	}

/*LOADING*/

.light-box{
	display: none;
	position: fixed;
	z-index: 9999999;
	background: #00000099;
	
	width: 100%; height: 100%;
	top: 0; bottom: 0; right: 0; left: 0;
	text-align: center;
}

.light-box p {
	color: #FFF;
	position: relative;
	font-family: "Roboto", Arial;
	font-size: 28px;
	/*top: 50%; left: 47%;*/
	margin: 10px auto;
}

.blur {
	transition: 10s;
	filter: blur(21px);
	-moz-filter: blur(21px);
	-o-filter: blur(21px);
	-webkit-filter: blur(21px);
	}

.load{
	background: #343A40;
	margin: 10% auto;
	width: 400px; height: 400px;
	border-radius: 12px; 
	padding-top: 20px;
	/*display: none;*/
	}

.load-circle{
	position: relative;
	top: 10px;
	/*margin: 100px auto;*/
	background: #5397CE;
	border-radius: 50%;
	width: 200px; height: 200px;
	animation-name: circle;
	animation-duration: .8s;
	animation-direction: normal;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in;
	}

@keyframes circle {
	0% {
		opacity: 1;
		transform: scale(0);
		left: 40px;
		border: 60px solid #5397CE;
		
	}

	100% {
		opacity: 0;
		transform: scale(1);
		left: 100px;
		border: 0px solid #53D2CEAA;
	}
}

button {
	border: none;
}



@media screen and (max-width: 1440px)	{

	#page_person {
		float: right;
	}

}

@media screen and (max-width: 1288px) {

	.days-box {
		margin: auto;
		margin-top: 6px;
	}

	.lt-loader-menu {
		display: block;
		padding: 6px 0px 6px 0px;
	}
}



@media screen and (max-width: 1024px) {
	#title {
		margin-top: 20px !important;
	}

	.days-box {
		margin: auto;
		margin-top: 6px;
	}

	.lt-loader-menu {
		display: block;
		padding: 6px 0px 6px 0px;
	}

		.shedule-menu {
		display: block;
		text-align: center;
		height: auto;
		position: relative;
	}

	.shedule-menu #save-box {
		width: 100%;
		justify-content: space-evenly;
		margin-top: 10px;
		margin-bottom: 30px;
		border-bottom: 1px solid lightgray;
		padding-bottom: 20px;
	}

	.shedule-menu #date-rec{
		width: 100%;
		display: block !important;
		margin-bottom: 20px;
		border-bottom: 1px solid lightgray;
		padding-bottom: 20px;
	}

	.shedule-menu #date-rec button{
		width: 80%;
		margin: auto;
		height: 41px;
		display: block !important;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.shedule-menu #link-pairs {
		display: block;
	}

	.shedule-menu #moni{
		border: none;
		margin-bottom: 20px;
		border-bottom: 1px solid lightgray;
		padding-bottom: 20px;
		right: 10px !important;
	}
}

}


@media screen and (max-width: 991px) {
	#title {
		margin-top: 100px !important; 
	}


	.shedule-menu {
		display: block;
		text-align: center;
		height: auto;
		position: relative;
	}

	.shedule-menu #save-box {
		width: 100%;
		justify-content: space-evenly;
		margin-top: 10px;
		margin-bottom: 30px;
		border-bottom: 1px solid lightgray;
		padding-bottom: 20px;
	}

	.shedule-menu #date-rec{
		width: 100%;
		display: block !important;
		margin-bottom: 20px;
		border-bottom: 1px solid lightgray;
		padding-bottom: 20px;
	}

	.shedule-menu #date-rec button{
		width: 80%;
		margin: auto;
		height: 41px;
		display: block !important;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.shedule-menu #link-pairs {
		display: none;
	}

	.shedule-menu #moni{
		border: none;
		margin-bottom: 20px;
		border-bottom: 1px solid lightgray;
		padding-bottom: 20px;
		right: 10px !important;
	}
}


.mobile {
	display: none !important;
}




/* 1280 #############################
###############################
###############################
###############################
###############################
###############################
###############################*/
@media screen and (max-width: 1280px) {
	.home-content-new {
		max-height: 620px;
	}
}

@media screen and (max-width: 1024px) {


	.loader-page-1-mobile {
		font-size: 16px;
	}

	.productive-box-mobile {
		display: block;
		text-align: center;
		padding: 6px;
		background: #FFF;
		border-radius: 2px;
		font-size: 16px;
		margin: auto;
		margin-bottom: 12px;
	}

	.loader-list-data-mobile {
		display: block;
		text-align: center;
		margin: auto;
		width: 100%;
	}

	.loader-menu-mobile {
		width: 90% !important; 
		border: 1px solid lightgray;
		padding: 12px;
		margin: auto;
		margin-bottom: 12px;
		background: #F4F4F4;
	}

	.info-person-row {
		width: 90% !important; 
		border: 1px solid lightgray;
		padding: 12px;
		margin: auto;
		margin-bottom: 12px;
		background: #F4F4F4;

	}

	.loader-menu-mobile .btn-menu {
		width: 80% !important;
		font-size: 16px !important;
	}

	.loader-mobile-full {
		width: 98%;
		margin: auto;
	}

	.title-list-data-mobile {
			background: #335C70;
			padding: 12px 0px;
			margin: auto;
			width: 100%;
			font-size: 16px;
			font-family: sans-serif;
			color: #FFF;
			text-align: center;
			cursor: pointer;
			border: 1px solid lightgray;
	}

	.title-list-data-mobile:active {
			border: 1px solid #FFFEA7;
			color: #FFFEA7;
	}

	.box-loader-item-mobile {
		background: #FFF;
		padding: 12px;
		margin: auto;
		margin-bottom: 12px;
		min-height: 100px;
		display: block;
		align-items: center;
	}

	.box-loader-item-mobile .td {
		border-bottom: 1px solid lightgray;
		font-size: 20px;
		color: #414141;
		margin-bottom: 24px;
		font-weight: 600;
		padding: 6px;
	}

	.box-loader-item-mobile .td a {
		font-family: sans-serif;
		color: #417690;

	}

	.grid-2cols {
		display: grid;
		grid-template-columns: 30% 70%;
	}

	.grid-3cols {
		display: grid;
		grid-template-columns: 33% 33% 33%;
	}

	.grid-4cols {
		display: grid;
		grid-template-columns: 25% 25% 25% 25%;
	}

	.result-mobile .td {
		font-size: 20px;
		margin-bottom: 6px;
	}

	.mobile-half-1 {
		border-bottom: 2px solid #EFDDCA !important;
	}

	.mobile-half-2 {
		border-bottom: 2px solid #CAEFDB !important;
	}
}


/* 764 #############################
###############################
###############################
###############################
###############################
###############################
###############################*/
@media screen and (max-width: 768px) {


/* START OLD */
		.box-group table tr td p{
		font-size: 15px;
		padding: 15px;
	}

	.box-group .btn-group {
		font-size: 20px;

	}

	.edit-shedule {
		width: 97%;
	}


	.shedule-tpl-groups-show {
		grid-template-columns: repeat(auto-fit, 90%);
		background: inherit;
	}


	.shedule-tpl-groups-show table {
		width: 100%;
	}

	#page-persons {
		width: 100%;
		text-align: center;
	}

	.list-data {
		float: left !important;
		margin: auto;
		margin-top: 10px;
		background: #FFFFFF33;
		width: auto;
		height: auto;
	}

	.list-data table {
		width: 50% !important;
		padding: 0px;
		margin: auto;
	}

	#title-index {
		width: 100%;
		padding: 0;
		margin: auto;
		height: auto;
	}

	#title-index  h1{
		margin: auto !important;
		padding: 20px;
	}


	.home-content {
		min-height: auto;
		padding-bottom: 20px;
	}


	#title {
		margin-top: 20px !important;
		font-size: 50px !important;
	}

	#start-center{
		text-align: center;
		display: block;
	}


	.days-box {
		display: grid;
		grid-template-columns: repeat(auto-fit, 45%);
		grid-gap: 10px;
		text-align: center;
		align-content: center;
		justify-content: center;
	}

	.days-box .btn-menu {
		/*width: 80%;*/
		margin-bottom: 6px;
		width: auto;
		font-size: 14px;
		padding: 11px;
	}

	.days-box .btn-param {
		/*width: 80%;*/
		margin-bottom: 6px;
		width: auto;
	}

	.lt-title-page {
		position: fixed;
	}

	.lt-loader-menu {
		padding-top: 110px;
	}

	.shedule-menu {
		display: block;
		text-align: center;
		height: auto;
		position: relative;
	}

	.shedule-menu #save-box {
		width: 100%;
		justify-content: space-evenly;
		margin-top: 10px;
		margin-bottom: 30px;
		border-bottom: 1px solid lightgray;
		padding-bottom: 20px;
	}

	.shedule-menu #date-rec{
		width: 100%;
		display: block !important;
		margin-bottom: 20px;
		border-bottom: 1px solid lightgray;
		padding-bottom: 20px;
	}

	.shedule-menu #date-rec button{
		width: 80%;
		margin: auto;
		height: 41px;
		display: block !important;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.shedule-menu #link-pairs {
		display: none;
	}

	.shedule-menu #moni{
		border: none;
		margin-bottom: 20px;
		border-bottom: 1px solid lightgray;
		padding-bottom: 20px;
		right: 10px !important;
	}

		.shedule-menu #moni .sticker-shedule{
		margin-bottom: 20px;
	}
/* END OLD */

	.center-widget {
		width: 96%;
	}

	.home-content-new {
		max-height: max-content;
		width: 94%;
		text-align: center;

	}

	.desktop {
		display: none !important;
	}

	.mobile {
		display: block !important;
	}

	.home-message {
		min-width: 200px;
		width: 94%;
	}

	.box-table {
		width: 100%;
		min-height: 600px;
		padding: 6px;
		display: grid;
		grid-template-columns: 96%;
		text-align: center;
		font-family: sans-serif;
		grid-row-gap: 3px;
	}

	.box-head-wrapper {
		display: grid !important;
		grid-template-columns: 25% 65%;
		text-align: left;
		justify-content: center;
		font-size: 16px;
		font-weight: 600;
		grid-row-gap: 6px;
		margin-bottom: 6px;
	}

	.box-head-wrapper .box-table-head {
		text-align: left;
		justify-content: start;
		border-bottom: 1px solid lightgray;
		font-size: 14px;
		font-weight: 600;
		color: #525252;
	}

	.box-head-wrapper .box-table-head p {
		margin: 0;
	}


	.box-row-wrapper {
		display: block;
		margin-bottom: 6px;
		background: #FFF;
		padding: 12px;
		font-size: 16px;
	}

	.box-row-wrapper .box-2-grid{
		display: grid;
		grid-template-columns: 30% 70%;
		grid-row-gap: 6px;
		margin-bottom: 10px;
		padding: 6px;
		padding-bottom: 24px;
	}

	.box-row-wrapper .box-3-grid{
		margin: auto;
		display: grid;
		grid-template-columns: 30% 30% 30%;
		grid-row-gap: 2px;
		text-align: center;
		align-items: center;
		justify-content: center;
		border: 1px solid lightgray;
		border-radius: 4px;
		padding: 6px;
	}

	.box-3-grid-for-group{
		grid-template-columns: 50% 50% !important;
	}

	.box-row-wrapper  .box-3-grid .box-table-cell {
		border: none;
	}

	.box-row-wrapper  .box-3-grid .box-table-cell p {
		margin: 0;
	}

	.box-row-wrapper .box-table-cell {
		background: #FFF;
		font-size: 16px;
	}



}

/* 575 #############################
###############################
###############################
###############################
###############################
###############################
###############################*/
@media screen and (max-width: 575px)	{


	.home-menu {
		width: 80%;
		margin: auto;
	}

	.btn-menu {
		font-size: 24px;
		padding: 24px;
		margin-bottom: 24px;
	}

	
	.days-box .btn-menu {
		margin-bottom: 6px;
		width: auto;
		font-size: 14px;
		padding: 11px;
	}

	.center-widget {
		width: 100%;
	}

	.title-page {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		width: 80%;
	}

	.home-page-1 {
		display: block;
		padding-top: 100px;
	}

	.home-menu  .btn-menu{
		width: 60%;
	}

	.home-content-new {
		font-size: 18px;
	}

	.home-content-new {
		display: block;
		/*grid-template-columns: 40% 40%;*/
		grid-gap: 6px;
		margin: auto;
		text-align: center;
		align-items: center;
		justify-content: center;
	}

	.home-message {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 94%; min-height: 128px;
		margin-bottom: 6px;
	}


	.shedule-menu #moni .sticker-shedule{
		margin-bottom: 20px;
	}

	.btn-group {
		padding: 20px;
		font-size: 18px;
	}

	#page_person {
		width: 100%;
	}

	#title {
		margin: auto !important;
	}
	.title-page {
		width: 100%;
		padding: 0;
		position: fixed;
	}

	.loader-page-1 {
		width: 96%;
	}

	.loader-menu {
		display: block;
		width: 96%;
		height: auto;
		margin-top: -8px;
		padding: 12px;	
		background: #E7E8EA;
	}

	.loader-menu div {
		background: #E7E8EA;
	}

	.loader-menu .productive-box {
		background: #FFF;
	}

	.loader-menu .productive-box span {
		background: #FFF;
	}

	.loader-menu .productive-box h4 {
		background: #FFF;
	}

	.loader-menu .productive-box .row {
		background: #FFF;
	}

	.loader-menu button {
		width: 160px !important;
	}


	.loader-list-data{
		width: 100%;
	}

	.info-person-row {
		display: block;
		width: 100%;
		height: auto !important;
	}

	.loader-group-full {
		width: 92%;
		padding: 1%;
		margin: 1%;
		margin-left: 3%;
		/*display: none;*/
	}

	.loader-group-full table caption {
		font-size: 10px;
	}

	.loader-group-full table th {
		font-size: 8px;
		word-wrap: break-word !important;
		padding: 1px;
		font-weight: 300;
		border: none;
	}
	.loader-group-full table td {
		font-size: 10px;
		padding: 5px;
		word-wrap: break-word !important;
	}

	.loader-group-full table td a {
		font-size: 10px;
	}

	.micro-config {
		justify-content: center;
		padding: 12px;
		display: block;
		text-align: center;
	}

	.micro-config div {
			margin: auto;
			margin-bottom: 12px;
		}

	.micro-config div h4 {
		margin: auto;
		margin-bottom: 6px;
	}

	.micro-config div .sel-cur {
		font-size: 18px;
		padding: 24px;
		width: 80%;
		margin: auto;
		margin-bottom: 12px;
	}

	.micro-config .btn-param-min {
		width: 80%;
		font-size: 16px;
		padding: 12px;
		margin: auto;
	}

	.loader-group-full table .left-radius {
		font-size: 8px !important; 
	}

	#loader_group {
		margin: 1%;
		width: 96%;
	}


	.productive-box {
		margin: 6px;
		background: #F3F3F3;
		border-radius: 5px;
		border: 1px inset lightgray;
		padding: 4px;
		font-size: 15px;
		font-family: sans-serif;
		display: flex;
		justify-content: center;
	}
	
	.productive-box .row {
		display: flex;
		justify-content: center;
		grid-template-rows: 100%;
		font-weight: 600;
		font-size: 13px;
	}
	
	.productive-box h4 {
		text-align: left;
		margin: 0;
		border-bottom: 1px solid #306C8E;
	}

}


/*
<select id="p{{person.id}}_{{key}}" style="border-color: {{i.dis.group.color}};">
												<option selected="1">{{i.group}} {{i.dis.title_min}} | ост: {{i.dis.balance}}</option>