* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

body.tilda-page #allrecords, body.tilda-page #allrecords * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

body {
	/*font-family: 'Roboto', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	background-color: #f0f4f7;
	padding-top: 65px;
}

input, textarea {
	/*font-family: 'Roboto', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
}
	
a {}

a:hover {}

img {
	max-width: 100%;
	height: auto;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.wrapper {}

body ::-webkit-scrollbar-track
{
	background-color: #f8f8f8;
}

body ::-webkit-scrollbar
{
	width: 8px;
	height: 12px;
	padding: 4px;
	background-color: #f8f8f8;
}

body ::-webkit-scrollbar-thumb
{
	background-color: #c5c5c5;
}

.container {
	max-width: inherit;
	width: 100%;
	min-width: 1024px;
	padding: 0 25px;
}

header .container {
	padding: 0;
}

.row {
	margin-left: -25px;
	margin-right: -25px;
}

.no-gutters {
	margin-left: 0;
	margin-right: 0;
}

header {
	background-color: #fff;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 103;
}

header .container {
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 72, 128, 0.16);
	-moz-box-shadow:    0px 3px 5px 0px rgba(0, 72, 128, 0.16);
	box-shadow:         0px 3px 5px 0px rgba(0, 72, 128, 0.16);
}

header .row {
	min-height: 64px;
}

.show-bt-menu {
	border-right: 1px solid #edeff0;
	height: 64px;
	float: left;
	margin-right: 20px;
	width: 66px;
	cursor: pointer;
}

.show-bt-line {
	width: 18px;
	padding-bottom: 1px;
	position: relative;
}

.show-bt-line span {
	display: block;
	margin: 2px 0 1px;
	float: left;
	height: 2px;
	width: 100%;
	background-color: #2962ff;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.open .show-bt-line span {
	opacity: 0;
}

.show-bt-line:before, .show-bt-line:after {
	content: '';
	opacity: 0;
	width: 20px;
	height: 2px;
	background-color: #2962ff;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: 50%;
	margin-top: -1px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.open .show-bt-line:before {
	opacity: 1;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.open .show-bt-line:after {
	opacity: 1;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.head-data {
	width: 100%;
	text-align: center;
	font-size: 14px;
}

.teacher {
	font-size: 14px;
	width: 100%;
	text-align: right;
}

.name-teacher {
	padding-right: 10px;
}

.name-teacher a {
	color: #fff;
}

.thumb-teacher a {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	border-radius: 50%;
}

#selects {
	padding-top: 20px;
	margin-bottom: 35px;
}

.less-top {
	width: 300px;
	float: left;
}

.choose-lesson {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.nav-item.dropdown > a {
	font-family: 'Montserrat', sans-serif;
	height: 28px;
	padding: 0 15px 0 0px;
	border-bottom: 1px solid #000;
	font-size: 13px;
	line-height: 28px;
	color: #000000;
}

.choose-lesson .nav-item.dropdown > a {
	font-size: 20px;
	font-weight: 500;
}

.dropdown-toggle::after {
	position: absolute;
	top: 14px;
	right: 0px;
	width: 0;
	height: 0;
	border-top: 5px solid #757575;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}

.dropdown .dropdown-menu {
	font-family: 'Montserrat', sans-serif;
	border: none;
	width: 100%;
	max-height: 300px;
	overflow: auto;
	border-radius: 10px;
	padding-top: 8px;
	background: #FFF;
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	-moz-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
}

.dropdown a.dropdown-item:hover, .student-icon .dropdown-item.active {
	background-color: #eeeeee;
}

.dropdown a.dropdown-item {
	font-size: 13px;
	min-height: 18px;
	padding: 6px 12px 5px;
	color: #000;
	white-space: normal;
	font-weight: 500;
}

.choose-lesson-topic .dropdown .dropdown-menu {
	width: 640px;
}

.dropdown-menu .jspPane {
	width: 100% !important;
}

.dropdown-menu .jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 10px;
	width: 0px;
	height: 100%;
}

.dropdown-menu .jspVerticalBar .jspTrack {
	background-color: transparent;
	width: 5px;
}

.dropdown-menu .jspVerticalBar .jspDrag {
	width: 5px;
}

/*.choose-lesson .jq-selectbox__select {
	font-size: 20px;
	font-weight: 500;
}*/

.choose-lesson-topic {
	float: left;
	width: 100%;
}

.number-lessons {
	float: left;
	width: 100%;
	text-align: right;
	margin-top: 9px;
	margin-bottom: 22px;
	font-size: 20px;
	line-height: 1;
}

.add-lesson-assessment {
	width: 215px;
}

.journal {
	outline: none;
	float: left;
	height: auto;
	overflow: auto;
	background-color: #fff;
	border-radius: 15px;
	-webkit-box-shadow: 0px 6px 13px 0px rgba(0, 72, 128, 0.3);
	-moz-box-shadow: 0px 6px 13px 0px rgba(0, 72, 128, 0.3);
	box-shadow: 0px 6px 13px 0px rgba(0, 72, 128, 0.3);

}

.all-people {
	padding-left: 300px;
	float: left;
	width: 100%;
}

/*.jspHorizontalBar {
	padding-left: 255px;
}*/

.one-people {
	white-space:nowrap;
	float: left;
	width: 100%;
	font-size: 0;
}

.one-people, .one-people > div {
	height: 51px;
	display: inline-block;
	vertical-align: top;
}

.one-people > div {
	position: relative;
}

.one-people > div {
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.one-assess-value-in {
	height: 50px;
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	align-content: center;}

.one-people.top-line .one-assess-value-in {
	height: 58px;
}

.one-name-people-in {
	height: 50px;
	background-color: #fff;
	position: relative;
	z-index: 9;
	padding-left: 32px;
	/*border-bottom: 1px solid #e6e6e6;*/
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	align-content: center;}

.one-name-people {
	width: 300px;
	float: left;
	position: absolute !important;
	left: 80px;
	/*z-index: 9;*/
	background-color: #fff;
	font-size: 13px;
	border-left: 1px solid #e6e6e6;
	-webkit-box-shadow: 6px 0px 13px 0px rgba(0, 72, 128, 0.2);
	-moz-box-shadow: 6px 0px 13px 0px rgba(0, 72, 128, 0.2);
	box-shadow: 6px 0px 13px 0px rgba(0, 72, 128, 0.2);
}

.one-name-people span {
	display: inline-block;
	padding-right: 25px;
}

.one-name-people i {
	font-style: normal;
	white-space: normal;
}

.one-assess-value {
	width: 72px;
}

.assess-data {}

.one-assess-value.was {
	color: rgba(0,0,0,0.5);
}

.assess-data-top {
	font-size: 10px;
	font-weight: 600;
	margin-bottom: 2px;
}

.assess-data-bot {
	font-size: 24px;
	line-height: 1;
	font-weight: 600;
}

.one-people.top-line > div {
	border-top: 1px solid #e6e6e6;
}

.one-people.top-line, .one-people.top-line > div {
	height: 58px;
}

.one-people .one-assess-value.active {
	background-color: #f8f8f8;
}

.one-people.top-line .one-assess-value.active {
	color: #4475fe;
	background-color: #f8f8f8 !important;
}

.one-people.top-line:hover > div {
	background-color: #fff;
}

/*.one-people:hover,*/ .one-people:hover > div {
	background-color: #f8f8f8;
z-index: 1;}

.one-people:hover > div.one-name-people {
	z-index: 8;
}

.one-people:hover > div .one-name-people-in {
	background-color: #f8f8f8;}

.assess {
	font-size: 13px;
	font-weight: 600;
	width: 100%;
}

.one-assess {}

.popover-x.bottom {
	margin-top: -50px;
}

.pop-in {
	float: left;
	width: 215px;
	padding: 7px;
}

.popover-content {
	float: left;
	width: 100%;
}

.popover-top {
	float: left;
	width: 100%;
}

.add-assess {
	float: left;
	width: 56px;
}

.add-assess input {
	outline: none;
	width: 100%;
	height: 28px;
	border: none;
	border-bottom: 2px solid #757575;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
}

.absent {
	float: right;
	width: 118px;
}

.absent label {
	overflow: hidden;
	height: 28px;
	float: left;
	width: 100%;
	padding-left: 5px;
	font-weight: normal;
}

.absent label input {
	position: absolute;
	left: -999px;
}

.absent label i {
	margin-top: 9px;
	display: block;
	float: left;
	width: 35px;
	height: 14px;
	position: relative;
	background-color: #b9b8b8;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px; 
	-khtml-border-radius: 7px; 
	border-radius: 7px;
}

.absent label i:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 0;
	width: 20px;
	height: 20px;
	background-color: #f1f1f1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	border-radius: 50%;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.4);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.absent label.checked i {
	background-color: #c1d2ff;
}

.absent label.checked i:before {
	left: 100%;
	margin-left: -20px;
	background-color: #2961ff;
}

.absent label span {
	float: left;
	font-size: 13px;
	margin-top: 6px;
	margin-left: 8px;
}

.choose-assess {
	float: right;
	margin-right: -5px;
	width: 20px;
	height: 28px;
	position: relative;
}

.choose-assess-in {
	float: left;
	width: 100%;
	height: 28px;
	padding: 6px 8px 0;
}

.choose-assess:hover {
	background-color: #f1f1f1;
}

.choose-assess span {
	width: 4px;
	height: 4px;
	display: block;
	margin: 1px 0;
	float: left;
	background-color: #757575;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	border-radius: 50%;
}

.choose-way {
	display: none;
	position: absolute;
	z-index: 99;
	top: 0;
	right: 7px;
	min-width: 150px;
	padding: 0px 0px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	-moz-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
}

.choose-way ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.popover-x {
	border-radius: 10px;
	border: none;
	    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
    -moz-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
    box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
}

.choose-way ul li {
	border-bottom: 1px solid #ededed;
}

.choose-way ul li:last-child {
	border-bottom: none;
}

.choose-way li a {
	height: 40px;
	line-height: 40px;
	padding: 0 25px;
	font-size: 15px;
	display: block;
	cursor: pointer;
	color: #000;
	text-decoration: none !important;
}

.pop-hide-part {
	float: left;
	width: 100%;
}

.pop-tab {
	display: none;
	float: left;
	width: 100%;
	padding-top: 5px;
}

.pop-comment {}

.add-com {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.add-com input {
	width: 100%;
	height: 28px;
	border: none;
	border-bottom: 2px solid #bababa;
	font-size: 13px;
	font-weight: 500;
}

.parent-inform {
	float: left;
	width: 100%;
	overflow: hidden;
}

.parent-inform label {
	display: block;
	position: relative;
}

.parent-inform label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 18px;
	height: 18px;
	border: 2px solid #757575;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; 
	-khtml-border-radius: 2px; 
	border-radius: 2px;
}

.parent-inform label.checked:before {
	background: url(images/check.png) center center no-repeat;
	border: 2px solid #2962ff;
}

.parent-inform input {
	position: absolute;
	left: -999px;
}

.parent-inform label span {
	display: block;
	padding-left: 27px;
	font-size: 13px;
	font-weight: 500;
	color: rgba(0,0,0,0.87);
}

.pop-btns {
	float: right;
	width: 80%;
}

.pop-btns a {
	display: block;
	float: left;
	cursor: pointer;
	width: 50%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	/*color: #760824 !important;*/
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
}

.pop-btns a.canc {
	color: #757575;
}

.pop-btns a.save {
	color: #2962ff;
}

.add-com .jq-selectbox__dropdown {
	top: 100% !important;
	margin-top: 0 !important;
}

.one-assess-value.have-comm {
	position: relative;
}

.one-assess-value.have-comm:before {
	content: '';
	position: absolute;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	left: 5px;
	top: 5px;
	background-color: #29a2ff;
}

.was-assess {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-top: 5px;
}

.was-assess span {
	text-align: center;
	display: block;
	width: 56px;
	border-bottom: 1px solid #757575;
	font-weight: 500;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
}

.added-comm {
	float: left;
	width: 100%;
	padding: 3px 10px;
	border-bottom: 2px solid #757575;
	font-size: 14px;
	line-height: 18px;
}

.added-comm-tit {
	float: left;
	width: 100%;
	color: #7c7c7c;
	font-size: 12px;
}

.comm-text {
	font-weight: 500;
}

.close-pop {
	position: absolute;
	top: 8px;
	right: 0px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.close-pop:before, .close-pop:after {
	content: '';
	position: absolute;
	height: 2px;
	width: 16px;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -1px;
	background-color: #757575;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.close-pop:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.close-pop:hover:before, .close-pop:hover:after {
	background-color: #333;
}

.name-spec {
	font-size: 12px;
	line-height: 15px;
	font-weight: 500;
	padding-top: 15px;
	white-space: normal;
}

.del-spec {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.del-spec span {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -5px;
	margin-top: -5px;
	display: block;
	width: 11px;
	height: 11px;
	background-color: #c5c5c5;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	border-radius: 50%;
}

.del-spec span:before, .del-spec span:after {
	content: '';
	position: absolute;
	height: 1px;
	width: 7px;
	left: 50%;
	margin-left: -4px;
	top: 50%;
	margin-top: -1px;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.del-spec span:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.del-spec:hover span {
	background-color: #333;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.journal.cur .one-people.top-line, .journal.cur .one-people.top-line > div {
	height: 190px;
}

.journal.cur .one-people.top-line > div {
	position: relative;
}

.less-vert {
	font-size: 12px;
	margin-left: -75px;
	position: absolute;
	bottom: 95px;
	width: 190px;
	padding-left: 5px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg); /* Safari/Chrome */
	-moz-transform: rotate(-90deg); /* Firefox */
	-o-transform: rotate(-90deg); /* Opera */
	-ms-transform: rotate(-90deg); /* IE 9 */
}

.journal.cur .one-assess-value {
	width: 40px;
}

#calendar {
	padding-top: 30px;
	padding-bottom: 24px;
}

.call-bl {
	float: left;
	/*width: 270px;*/
	margin-top: 8px;
}

.date-inp {
	float: left;
	width: 192px;
	position: relative;
}

.date-inp:before {
	content: '';
	position: absolute;
	z-index: 9;
	top: 14px;
	right: 0px;
	width: 0;
	height: 0;
	border-top: 5px solid #757575;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}

.date-inp input {
	outline: none;
	height: 32px;
	width: 100%;
	border: none;
	border-bottom: 1px solid #707070;
	font-size: 20px;
}

.date-bt {
	float: right;
	margin-top: 5px;
}

.date-bt a {
	display: block;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-color: #ebebeb;
	position: relative;
	float: left;
	margin-left: 8px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	border-radius: 50%;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.date-bt a:hover {
	background-color: #6c6c6c;
}

.date-bt a:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -4px;
	width: 7px;
	height: 7px;
	left: 50%;
	margin-left: -5px;
	border: none;
	border-right: 2px solid #6c6c6c;
	border-bottom: 2px solid #6c6c6c;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.date-bt a:hover:before {
	border-right-color: #fff;
	border-bottom-color: #fff;
}

a.date-prev {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

a.date-prev:before {}

a.date-next {}

.dropdown-menu {
	width: 330px;
}

.dropdown-menu table {
	width: 100%;
	border-collapse:separate; 
	border-spacing: 9px;
}

th.prev span, th.next span {
	display: inline-block;
	position: relative;		
	width: 20px;
	height: 20px;
}

th.prev span:before, th.next span:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -2px;
	width: 8px;
	height: 8px;
	left: 50%;
	margin-left: -4px;	
	border: none;
	border-right: 2px solid #757575;
	border-bottom: 2px solid #757575;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

th.prev span:before {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.menu-chem {
	float: right;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 1px 4px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 1px 4px 0px rgba(50, 50, 50, 0.5);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;
}

.menu-chem ul {
	list-style: none;
	margin: 0;
	padding: 0 12px;
}

.menu-chem ul li {
	float: left;
}

.menu-chem ul li a {
	display: block;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	color: #000000;
	padding: 0 10px;
	text-decoration: none !important;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.menu-chem ul li a.active, .menu-chem ul li a:hover {
	background-color: #ebebeb;
}

.one-assess-value.have-two:before {
	content: '';
	position: absolute;
	top: 1px;
	right: 1px;
	width: 10px;
	height: 10px;
	background: url(images/two.png) 0 0 no-repeat;
} 

.one-assess-value.have-two .one-assess-value-in {
	width: 50%;
	float: left;
}

.one-assess-value.have-two .one-assess-value-in:last-child {
	border-left: 1px solid #e6e6e6;
}

.popover.pop-hover {
	width: 130px;
	text-align: center;
	margin-top: 40px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;
}

.popover.pop-hover .pop-in {
	background-color: #616161;
	color: #fff;
	width: 100%;
	font-size: 10px;
	font-weight: 500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;
}

.tit-sem {
	font-size: 18px;
	font-weight: 600;
	padding-left: 16px;
}

.chat {
	float: left;
	width: 100%;
	border-radius: 15px;
	background-color: #fff;
}

.chat-list {
	float: left;
	width: 320px;
	position: sticky;
	bottom: 0;
	top: 65px;
	border-right: 2px solid #dde4e9;
	overflow-y: auto;
	overflow-x: hidden;
	min-height: calc(100vh - 64px);
	background-color: #fff;
	border-radius: 15px 0 0 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.chat-list.fix {
	padding-top: 0;
}

.chat-list-in {
	padding: 15px 15px 0;
	float: left;
	width: 100%;
}

.chat-search {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 7px;
}

.chat-search input {
	outline: none;
	height: 36px;
	border: 1px solid #dde4e9;
	background-color: transparent;
	width: 100%;
	padding: 0 12px 0 36px;
	font-size: 14px;
	border-radius: 4px;
	background: url(images/input-search.png) 12px center no-repeat;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.chat-search input:focus {
	border: 1px solid #2592e5;
}

.chat-list-wrap {
	float: left;
	width: 100%;
}

.one-chat-user {
	float: left;
	width: 100%;
	padding: 7px 0px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.one-chat-user.active, .one-chat-user:hover {
	background-color: #fff;
}

.one-chat-user.have-mess {
	font-weight: bold;
}

.one-chat-user-thumb {
	width: 40px;
	vertical-align: top;
}

.one-chat-user-thumb img {
	vertical-align: top;
}

.one-chat-user-thumb-min {
	float: left;
	vertical-align: top;
	height: 20px;
	width: 50%;
}

.one-chat-user-name {
	font-size: 12px;
}

.one-chat-user-name-in {
	width: 190px;
	white-space: nowrap;
	text-overflow: ellipsis;
  overflow: hidden;
}

.one-chat-user-date {
	font-size: 11px;
	color: rgba(0,0,0,0.5);
	font-weight: normal;
}

.one-chat-user-name-in span {}

.wrap-chat {
	float: left;
	border-left: 2px solid #dde4e9;
	margin-left: -2px;
	width: calc(100% - 320px);
	position: relative;
	padding-bottom: 150px;
	min-height: calc(100vh - 64px);
}

.wrap-chat-top {
	float: left;
	width: 100%;
	padding: 10px 15px 20px;
	border-bottom: 1px solid #dde4e9;
	    position: sticky;
    top: 0px;
    left: 0;
    z-index: 101;
}

.avat-mess {
	float: left;
}

.chat-top-user {
	float: left;
	padding-top: 10px;
	margin-left: 15px;
}

.chat-top-user-top {
	font-size: 14px;
	font-weight: 600;
}

.chat-top-user-top span {
	font-size: 12px;
	color: #808080;
	font-weight: normal;
	margin-left: 12px;
}

.chat-top-user-child {
	font-size: 12px;
	color: #333333;
	font-style: italic;
}

.chat-top-info {
	position: relative;
	z-index: 101;
	padding: 10px 0;
}

.chat-top-info > span {
	display: inline-block;
	cursor: pointer;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 18px;
	font-size: 13px;
	font-weight: 600;
	border: 2px solid rgba(0,0,0,0.56);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	border-radius: 50%;
}

.chat-area {
	position: fixed;
	left: 400px;
	bottom: 0;
	right: 80px;
	min-height: 120px;
	border-top: 1px solid #dde4e9;
	padding: 15px 15px 18px;
	background-color: #fff;
}

.chat-area-in {
	float: left;
	width: 100%;
}

.chat-area-text {
	float: left;
	width: calc(100% - 90px);
}

.chat-area-text-top {
	float: left;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	max-height: 116px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.chat-inp-text {
	float: left;
	width: 100%;
	position: relative;
	/*padding-bottom: 5px;*/
}

.chat-inp-text:before {
	content: '';
	position: absolute;
	right: 15px;
	bottom: 18px;
	width: 30px;
	height: 30px;
	background: #f7f7f7 url(images/sender.png) right center no-repeat;
}

.chat-inp-text textarea {
	font-size: 14px;
	outline: none;
	padding: 20px 50px 20px 15px;
	float: left;
	width: 100%;
	resize: none;
	height: 61px;
	background-color: #f7f7f7;
	border-radius: 5px;
	border: none;
}

.chat-inp-text textarea:focus {
	border-bottom-color: #333;
}

.chat-area-text-file {
	float: left;
	width: 100%;
	padding-top: 15px;
	padding-left: 15px;
}

.chat-area-text-file-left {
	float: left;
}

.chat-area-text-file-left label {
	float: left;
	cursor: pointer;
}

.chat-area-text-file-left label i {
	font-style: normal;
}

.bt-add {
	display: inline-block;
	padding-left: 16px;
	font-weight: 600;
	background: url(images/add-file.png) left center no-repeat;
	font-size: 12px;
}

.chat-area-bt {
	width: 90px;
	text-align: right;
	padding-bottom: 24px;
}

.chat-area-bt button {
	cursor: pointer;
	outline: none;
	width: 48px;
	height: 48px;
	padding: 0;
	margin: 0;
	display: inline-block;
	border: none;
	background-color: transparent;
}

.chat-area-bt svg {}

.modal-in {
	padding: 20px 25px;
}

.modal-in .modal-title {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 600;
}

.close-bt {
	position: absolute;
	right: 0;
	top: 0;
	width: 65px;
	height: 65px;
	cursor: pointer;
	opacity: 0.6;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.close-bt:hover {
	opacity: 0.8;
}

.close-bt:before, .close-bt:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	width: 16px;
	height: 2px;
	margin-top: -1px;
	background-color: #000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.close-bt:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.mess-pop {
	font-size: 14px;
	line-height: 24px;
	color: rgba(0,0,0,0.55);
}

.modal-content {
	border-radius: 10px;
	border: none;
}

.hide-info-list {
	float: left;
	position: absolute;
	top: 0px;
	right: 0;
	width: 320px;
	display: none;
	background-color: #fff;
	padding: 15px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	border-radius: 5px;
	    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
    -moz-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
    box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
}

.hide-info-list-in {
	float: left;
	width: 100%;
}

.one-hide-list-user {}

.one-hide-list-user a {
	padding: 8px 25px;
	cursor: pointer;
	color: #000000;
	text-decoration: none !important;
	background-color: transparent;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.one-hide-list-user a:hover {
	background-color: #eeeeee;
}

.one-hide-list-user span {
	display: block;
}

.one-hide-list-user span.one-hide-list-user-thumb {}

.one-hide-list-user img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	border-radius: 50%;
}

.one-hide-list-user span.one-hide-list-user-tit {
	padding-left: 15px;
	font-size: 12px;
	line-height: 20px;
}

.chat-wrap {
	display: inline-block;
	width: 100%;
	position: relative;
}

.fixed-message {
	float: left;
	width: 100%;
	background: #fff url(images/fixed.png) right 24px center no-repeat;
	padding: 12px 15px 20px;
	border-bottom: 1px solid #dde4e9;
	position: sticky;
	top: 64px;
	z-index: 99;
	border-radius: 0 15px 0 0;
}

.fixed-message-thumb {}

.fixed-message-descr {
	padding-left: 16px;
}

.fixed-message-descr-top {
	float: left;
	width: 100%;
	padding-top: 5px;
	margin-bottom: 2px;
}

.fixed-message-descr-name {
	float: left;
	font-weight: 600;
	font-size: 14px;
}

.fixed-message-descr-data {
	margin-left: 15px;
	float: left;
	font-size: 12px;
	color: rgba(0,0,0,0.4);
	margin-top: 2px;
}

.fixed-message-descr-text {
	font-size: 14px;
	float: left;
	width: 100%;
}

.chat-wrap-in {
	float: left;
	width: 100%;
	padding: 10px 15px 0;
}

.chat-date {
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
	margin-bottom: 12px;
}

.chat-date:before {
	content: '';
	height: 1px;
	width: 100%;
	background-color: #9e9e9e;
	position: absolute;
	top: 50%;
	left: 0;
}

.chat-date span {
	font-size: 13px;
	color: rgba(0,0,0,0.4);
	display: inline-block;
	background-color: #fff;
	padding: 0 22px;
	position: relative;
	z-index: 9;
}

.user-comm {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	font-size: 14px;
}

.user-comm-in {}

.user-comm-thumb {}

.user-comm-thumb img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	border-radius: 50%;}

.user-comm-thumb span {
	display: block;
	width: 40px;
	height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	border-radius: 50%;
	display: block;
	background-color: #e3e7e9;
}

.thumb-chat {}

.thumb-chat span {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background-color: #14517f;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.user-comm-descr {
	padding-left: 8px;
	max-width: 80%;
}

.user-comm-descr-in {
	color: #fff;
	background-color: #29a2ff;
	position: relative;
	padding: 10px 15px;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	-khtml-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
}

.user-comm-descr-in:before {
	content: '';
	position: absolute;
	left: -7px;
	top: 0;
	width: 7px;
	height: 6px;
	background: url(images/comm-str.png) 0 0 no-repeat;
}

.user-comm-top {
	float: left;
	width: 100%;
	margin-bottom: 2px;
}

.user-comm-name {
	float: left;
	font-weight: 600;
}

.user-comm-data {
	float: left;
	margin-top: 2px;
	font-size: 12px;
	color: #fff;
	margin-left: 10px;
}

.user-comm.user-me .user-comm-data {
	color: #333;
}

.user-comm.user-me .user-comm-name {
	color: #333;
}

.user-comm.user-me .other-com .user-comm-text {
	color: #333;
}

.user-comm-text {
	line-height: 20px;
	width: 100%;
}

.user-comm-feed {
	width: 100%;
}

.user-comm-feed a {
	font-size: 12px;
	color: #fff;
	text-decoration: none !important;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-bottom: 1px solid rgba(255,255,225,0);
}

.user-comm-feed a:hover {
	border-bottom: 1px solid rgba(255,255,225,1);
}

.added-file {
	width: 100%;
	padding-top: 7px;
	margin-bottom: 3px;
}

.added-file a {
	display: inline-block;
	margin-right: 12px;
	position: relative;
	padding-left: 26px;
	padding-right: 22px;
	line-height: 18px;
	font-size: 12px;
	color: rgba(255,255,255,1);
	text-decoration: none !important;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.added-file a:hover {
	color: #fff;
}

.added-file a:after {
	content: '';
	position: absolute;
	background: url(images/downl.png) center center no-repeat;
	width: 14px;
	height: 16px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.added-file a:hover:after {
	opacity: 1;
}

.added-file a.link-pdf {
	background: url(images/pdf.png) left center no-repeat;
}

.added-file a.link-doc {
	background: url(images/doc.png) left center no-repeat;}

.user-comm.user-me .user-comm-descr {
	padding-left: 0;
	padding-right: 8px;
}

.user-comm.user-me .user-comm-descr-in {
	background-color: #f8f8f8;
	color: #333;
	-moz-border-radius: 5px 0 5px 5px;
	-webkit-border-radius: 5px 0 5px 5px; 
	-khtml-border-radius: 5px 0 5px 5px; 
	border-radius: 5px 0 5px 5px;
}

.user-comm.user-me .user-comm-descr-in:before {
	right: -7px;
	left: auto;
	background: url(images/comm-str-me.png) 0 0 no-repeat;
}

.user-comm-text a {
	color: #fff;
	word-wrap: break-word;
}

.other-com {
	position: relative;
	display: inline-block;
	width: 100%;
	font-size: 14px;
	color: rgba(255,255,255,1);
	margin-bottom: 5px;
	padding-left: 25px;
	background: url(images/other-comm.png) left 5px no-repeat;
}

.user-comm.user-me .other-com {
	background-image: url(images/other-comm-me.png);
}

.other-com .user-comm-text {
	white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-style: italic;
}

.other-com .user-comm-text a {
	color: rgba(0,0,0,0.38);}

.del-this-other {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: 0;
	right: 0px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.del-this-other:before, .del-this-other:after {
	content: '';
	position: absolute;
	height: 1px;
	width: 16px;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -1px;
	background-color: #757575;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.del-this-other:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.del-this-other:hover:before, .del-this-other:hover:after {
	background-color: #333;
}

.chat-area-text-top .other-com {
	padding-right: 50px;
	display: none;
}

.back-chat {
	display: none;
}

.chat-top-wrap {
	float: left;
	width: 100%;
	position: relative;
}

.chat-area-name {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	color: rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.chat-top-wrap.focus .chat-area-name, .chat-top-wrap.hide  .chat-area-name, .chat-top-wrap.fix-top  .chat-area-name {
	top: -18px;
	font-size: 12px;
}

.chat-top-wrap.hide:before {
	content: '';
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+78,ffffff+100&1+23,0+100 */
background: -moz-linear-gradient(top, rgba(248,248,248,1) 23%, rgba(248,248,248,0.29) 78%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(248,248,248,1) 23%,rgba(248,248,248,0.29) 78%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(248,248,248,1) 23%,rgba(248,248,248,0.29) 78%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.chat-area-name label {}

.info-people {
	float: left;
	width: 100%;
}

.info-people ul {
	padding: 0;
	margin: 10px 0 0 0;
	list-style: none;
	padding: 12px 24px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

.info-people ul li {
	margin: 5px 0;
	font-size: 14px;
	font-weight: 500;
}

.write-parents {
	float: left;
	width: 100%;
	margin-bottom: -15px;
}

.write-parents a {
	height: 60px;
	line-height: 60px;
	padding: 0 24px;
	display: block;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	color: #78242f;
}

.hide-info-list .close-pop {
	display: none;
}

.your-files .added-file a {
	position: relative;
}

.your-files .added-file a span {
	opacity: 0;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 18px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.your-files .added-file a:hover span {
	opacity: 1;
}

.your-files .added-file a span:before, .your-files .added-file a span:after {
	content: '';
	position: absolute;
	height: 2px;
	width: 14px;
	left: 50%;
	margin-left: -7px;
	top: 50%;
	margin-top: -1px;
	background-color: #757575;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.your-files .added-file a span:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.your-files .added-file a span:hover:before, .your-files .added-file a span:hover:after {
	background-color: #333;
}

.your-files .added-file a:after {
	content: normal;
}

.your-files .added-file {
	padding-top: 0;
}

body.login-page {
	background-color: #f8f8f8;
}

.login-form {
	width: 470px;
	margin: 80px auto;
}

.login-form-in {
	float: left;
	width: 100%;
	background-color: #fff;
	border: 1px solid rgba(227, 231, 233, 0.56);
	border-radius: 10px;
	padding: 35px 72px 10px;
	-webkit-box-shadow: 0px 6px 13px 0px rgba(0, 72, 128, 0.3);
	-moz-box-shadow:    0px 6px 13px 0px rgba(0, 72, 128, 0.3);
	box-shadow:         0px 6px 13px 0px rgba(0, 72, 128, 0.3);
}

.ligin-tit {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 600;
	color: #333333;
}

.login-one {
	float: left;
	width: 100%;
	position: relative;
	min-height: 32px;
	margin-bottom: 20px;
}

.login-one label {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

.login-one span {
	display: block;
}

.login-name {
	/*position: absolute;
	left: 0;
	top: 5px;*/
	font-size: 14px;
	font-weight: 600;
	padding-left: 10px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.focus .login-name, .have_symb .login-name {
	/*top: -15px;
	font-size: 12px;
	color: #78242f;*/
}

.log-inp {
	border: 1px solid #dde4e9;
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.focus .log-inp {
	border: 1px solid #2592e5;
}

.log-inp input, textarea.log-inp {
	padding: 0 10px;
	font-size: 16px;
	width: 100%;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.log-inp input {
    outline: none;
    border: none;
    height: 32px;
    border-bottom: 1px solid rgba(0,0,0,0);
}

textarea.log-inp {
    font-size: 12px;
}

.focus .log-inp input {
	/*border-bottom: 1px solid #78242f;*/
}

.show-pass {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 36px;
	height: 34px;
	cursor: pointer;
	opacity: 0.55;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.show-pass:hover {
	opacity: 1;
}

.show-pass:before {
	content: '';
	position: absolute;
	background: url(images/pass.png) 0 0 no-repeat;
	width: 16px;
	height: 15px;
	top: 50%;
	margin-top: -8px;
	left: 50%;
	margin-left: -8px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.show-pass-bl .show-pass:before {
	background-position: left bottom;
}

.bt-log {
	float: left;
	width: 100%;
	padding-top: 15px;
}

.bt-log button {
	width: 100%;
}

.red-bt	{
	border: none;
	outline: none;
	display: inline-block;
	background-color: #29a2ff;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
	cursor: pointer;
	height: 36px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 36px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.red-bt:hover {
	background-color: #1e87d8;
}

.forg-pass {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 5px;
}

.forg-pass a {
	font-size: 14px;
	color: #29a2ff;
	font-weight: 500;
}

.login-one.error .log-inp, .login-one.error .log-inp input {
	/*border-bottom: 1px solid #d50000;*/
}

.error-text {
	display: none;
	color: #ff4842;
	position: absolute;
	top: 100%;
	left: 0;
	padding-left: 10px;
	width: 100%;
	padding-top: 7px;
	font-size: 12px;
}

.login-one.error .error-text {
	display: block;
}

.info-log {
	float: left;
	padding-top: 10px;
	width: 100%;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 22px;
}

.log-back {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.log-back a {
	margin-right: 30px;
}

.red-bt.log-sys {
	width: 162px;
	float: right;
	margin-right: 0;
}

.link {
	display: inline-block;
	cursor: pointer;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #29a2ff !important;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.forg-info {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px;
}

.info-log.was-send {
	margin-bottom: 40px;
}

.log-or {
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 0px;
}

.log-or:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,0.4);
}

.log-or span {
	font-size: 12px;
	font-weight: 600;
	color: #1e87d8;
	display: inline-block;
	padding: 0 15px;
	background-color: #fff;
	color: rgba(0, 0, 0, 0.4);
	position: relative;
	z-index: 9;
}

.facebt .bt-log .red-bt {
	background-color: #3c5a96;
}

.facebt {
	margin-bottom: 18px;
}

.add-less {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	height: 62px;
}

.add-less-in {
	position: relative;
	z-index: 99;
	background-color: #fff;	
	float: left;
	width: 100%;
	padding: 15px;
	border: 1px solid #e6e6e6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;
	-webkit-box-shadow: 0px 6px 13px 0px rgba(0, 72, 128, 0.16);
	-moz-box-shadow: 0px 6px 13px 0px rgba(0, 72, 128, 0.16);
	box-shadow: 0px 6px 13px 0px rgba(0, 72, 128, 0.16);
	border-radius: 15px;
}

.add-less-in.open {
	-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 7px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 7px 0px rgba(50, 50, 50, 0.5);
}

.add-less-top {
	float: left;
	width: 100%;
	cursor: pointer;
}

.less-number {
	width: 175px;
	float: left;
	font-size: 20px;
	padding-left: 20px;
	font-weight: 600;
	position: relative;
}

.less-number:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -1px;
	width: 8px;
	height: 8px;
	left: 2px;
	border: none;
	border-left: 2px solid #757575;
	border-bottom: 2px solid #757575;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.collapsed .less-number:before {
	margin-top: -5px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);}

.add-less-top-right {
	padding-left: 175px;
	font-size: 12px;
}

.less-top-right-in {
	min-height: 30px;
}

.less-them {
	float: left;
	width: 67%;
	white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.less-them span {
}

.less-home {
	float: left;
	width: 33%;
	padding-left: 17px;
	white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.less-home span {}

.add-less-cont {
	display: inline-block;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}

.area-themes {
	float: left;
	width: 65%;
}

.add-less-area {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.add-less-area-tit {
	float: left;
	width: 100%;
	padding: 0 8px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}

.add-less-text {
	float: left;
	width: 100%;
	position: relative;
}

.add-less-text textarea {
	float: left;
	outline: none;
	width: 100%;
	resize: none;
	font-size: 14px;
	border: 2px solid #dee3e5;
	padding: 10px 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.add-less-text.focus textarea {
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 72, 128, 0.16);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 72, 128, 0.16);
    box-shadow: 0px 3px 7px 0px rgba(0, 72, 128, 0.16);
}

.home-work {
	float: right;
	width: 35%;
	padding-left: 15px;
}

.can-hide .add-less-area-tit {
	padding-left: 20px;
	position: relative;
	cursor: pointer;
}

.can-hide .add-less-area-tit:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -5px;
	width: 8px;
	height: 8px;
	left: 2px;
	border: none;
	border-left: 2px solid #757575;
	border-bottom: 2px solid #757575;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.can-hide.open .add-less-area-tit:before {
	margin-top: -1px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);}

.bt-textarea-edit {
	max-height: 0;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	right: 0px;
	padding-right: 1px;
	top: 100%;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.show-bt .bt-textarea-edit {
	max-height: 27px;
}

.focus .bt-textarea-edit {
	-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.3);}

.bt-textarea-edit button {
	cursor: pointer;
	text-align: center;
	border: 1px solid #ced5d9;
	background-color: #f8f8f8;
	width: 110px;
	height: 27px;
	float: left;
	margin-right: -1px;
	font-size: 12px;
	font-weight: 500;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.bt-textarea-edit button:hover {
	background-color: #eaeaea;
}

.bt-textarea-edit button:before {
	content: '';
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.bt-textarea-edit button.save-bt:before {
	background: url(images/done.png) 0 0 no-repeat;
	width: 16px;
	height: 12px;
}

.bt-textarea-edit button.cancel-bt:before {
	background: url(images/canc.png) 0 0 no-repeat;
	width: 12px;
	height: 12px;}

.about-less.can-hide .add-less-text {
/*	display: none;*/
}

.time-to-work {
	float: left;
	width: 100%;
	font-size: 13px;
}

.about-less {
	float: left;
	width: 100%;
	padding-top: 7px;
}

.time-name {
	white-space: nowrap;
}

.time-inp {
	padding: 0 10px;
	position: relative;
}

.time-inp .bt-textarea-edit {
	left: 10px;
	right: 9px;
}

.time-inp .bt-textarea-edit button {
	width: 50%;
}

.time-inp .bt-textarea-edit button:before {
	margin-right: 0;
}

.time-inp input {
	padding: 0 5px;
	width: 100%;
	height: 32px;
	border: 1px solid #eff2f3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;
}

.time-min {
	white-space: nowrap;}

.temp {
	font-size: 14px;
	padding: 11px 7px;
	float: left;
	width: 100%;
}

.change-bt-less {
	display: inline-block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	/*display: none;*/
}

.change-bt-less button {
	outline: none;
	background-color: transparent;
	border: none;
	color: #4576ff;
	font-weight: 600;
	font-size: 13px;
}

.grey-bt {
	cursor: pointer;
	border: none;
	outline: none !important;
	font-weight: 500;
	display: inline-block;
	font-size: 14px;
	height: 36px;
	line-height: 38px;
	text-transform: uppercase;
	background-color: #e4e6e8;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 2px 3px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 2px 3px 0px rgba(50, 50, 50, 0.4);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.grey-bt:hover {
	background-color: #cecfd0;
}

#exampleModalTask .modal-dialog {
	max-width: 996px;
}

.scroll-task {
	float: left;
	width: 100%;
	border: 1px solid #e6e6e6;
	max-height: 520px;
	overflow-y: auto;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;
}

.scroll-task-in {
	float: left;
	width: 100%;
}

.scroll-task-one {
	float: left;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.scroll-task-one.active, .scroll-task-one:hover {
	background-color: #f8f8f8;
}

.scroll-task-one input {
	position: absolute;
	left: -999px;
}

.scroll-task-one label {
	float: left;
	width: 100%;
	cursor: pointer;
	font-weight: normal;
	padding-left: 48px;
	position: relative;
	padding: 17px 10px 10px 47px;
}

.scroll-task-one label span {
	float: left;
	width: 100%;
	display: block;
}

.radio-val {
	position: absolute;
	width: 20px !important;
	height: 20px;
	top: 50%;
	margin-top: -5px;
	left: 13px;
	border: 2px solid #757575;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	border-radius: 50%;
}

input:checked + .radio-val {
	border-color: #537bfd;
}

.scroll-task-one:hover .radio-val {
	border-color: #537bfd;
}

input:checked + .radio-val:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #537bfd;
	top: 50%;
	left: 50%;
	margin-left: -5px;
	margin-top: -5px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	border-radius: 50%;
}

.scroll-task-number.active-data {
	color: #537bfd;
	font-weight: 600;
}

.scroll-task-descr {
	line-height: 20px;
	font-size: 14px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex !important;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}

.scroll-task-descr-in {
	width: calc(100% - 72px) !important;
}

.scroll-task-number {
	width: 72px !important;
	padding-right: 20px;
	text-align: center;
}

.scroll-task-number-date {
	font-size: 12px;
}

.scroll-task-number-in {
	font-size: 24px;
	font-weight: bold;
}

.scroll-task-one.was-act .scroll-task-number {
	color: rgba(0,0,0,0.5);
}

.scroll-task-tit {
	font-weight: bold;
}

.scroll-task-text {}

.choose-this-theme {
	float: left;
	padding-top: 25px;
}

.choose-this-theme button {
	padding: 0 25px;
	background-color: #537bfd;
}

.choose-this-theme button:hover {
	background-color: #29a2ff;
}

.pagi-theme {
	float: right;
	padding-top: 25px;
}

.pagi-theme ul li a.active {
	color: #78242f;
	font-weight: bold;
}

.choose-wrap {
	float: right;
}

.choose-data-week {
	float: left;
	background-color: #fff;
	border: 1px solid #dde4e9;
	overflow: hidden;
	border-radius: 3px;
}

.nav-week {
	float: left;
	position: relative;
	width: 32px;
	height: 32px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-week:hover	{
	/*background-color: #d1d1d1;*/
}

.nav-week:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -4px;
	width: 7px;
	height: 7px;
	left: 50%;
	margin-left: -5px;
	border: none;
	border-right: 2px solid #808080;
	border-bottom: 2px solid #808080;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-week:hover:before {
	border-right: 2px solid #29a2ff;
	border-bottom: 2px solid #29a2ff;}

.nav-left {
	float: left;
	border-right: 1px solid #dde4e9;
}

.nav-left:before {
	margin-left: -2px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.nav-right {
	float: right;
	border-left: 1px solid #dde4e9;
}

.more-menu {
	float: left;
	margin-left: 24px;
}

.more-menu a {
	display: block;
	cursor: pointer;
	height: 34px;
	width: 54px;
	background-color: #fff;
	border: 1px solid #dde4e9;
	border-radius: 3px;
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}

.more-menu a span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 1px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #808080;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.more-menu a:hover span {
	background-color: #29a2ff;
}

.today-date {
	float: left;
	font-size: 12px;
	text-align: center;
	font-weight: 600;
	line-height: 32px;
	padding: 0 15px;
}

.one-day {
	float: left;
	width: 100%;
	background-color: #fff;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-radius: 15px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 6px 13px 0px rgba(0, 72, 128, 0.3);
-moz-box-shadow:    0px 6px 13px 0px rgba(0, 72, 128, 0.3);
box-shadow:         0px 6px 13px 0px rgba(0, 72, 128, 0.3);
}

.one-day-top {
	float: left;
	width: 100%;
	background-color: #eaebf3;
	border-radius: 15px 15px 0 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-end;
	align-items: flex-end;
}

.one-day-top-left {
	float: left;
	padding: 15px 15px;
	width: 34.8%;
}

.one-day-top-right {
	padding: 15px 15px;
	float: left;
	font-size: 12px;
}

.one-day-top-right span {
	font-weight: bold;
}

.one-day-tit {
	font-size: 18px;
	font-weight: 600;
}

.one-day-data {
	font-size: 13px;
	color: rgba(0,0,0,0.5);
}

.one-day-wrap {
	float: left;
	width: 100%;
	border-radius: 0 0 15px 15px;
}

.one-day-table {
	float: left;
	width: 100%;
	border-radius: 0 0 15px 15px;}

.one-day-tr {
	background-color: #fff;
	width: 100%;
	border-top: 1px solid #e6e6e6;}

.one-day-table > div:nth-last-child(2), .one-day-table > div:last-child {
	border-radius: 0 0 15px 15px;
}

.one-day-tr.open {
	position: relative;
	-webkit-box-shadow: 0px -6px 6px 0px rgba(0, 72, 128, 0.16);
	-moz-box-shadow: 0px -6px 6px 0px rgba(0, 72, 128, 0.16);
	box-shadow: 0px -6px 6px 0px rgba(0, 72, 128, 0.16);


}

.one-day-tr.tr-top {
	font-size: 14px;
	font-weight: bold;
}

.one-day-td {
	padding: 10px 15px;
	color: rgba(0,0,0,0.85);
	border-right: 1px solid #e6e6e6;
}

.one-day-tr.tr-top .one-day-td {
	padding: 15px 15px;
}

.one-day-td.day-td-name {
	width: 36%;
}

.one-day-td.day-td-home {
	width: 53%;
}

.one-day-td.day-td-score {
	width: 11%;
	min-width: 120px;
	border-right: none;
}

.one-day-num {
	width: 110px;
}

.one-day-num-in {
	font-size: 18px;
	font-weight: 500;
	font-weight: 600;
}

.one-day-time {
	font-size: 13px;
	color: rgba(0,0,0,0.5);
}

.one-day-less {
	width: 76%;
	position: relative;
	padding-right: 45px;
}

.one-day-less:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -5px;
	width: 8px;
	height: 8px;
	right: 0px;
	border: none;
	border-left: 2px solid #333333;
	border-bottom: 2px solid #333333;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.open .one-day-less:after {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.one-day-less-name {
	font-size: 18px;
	font-weight: 600;
	color: rgba(0,0,0,0.85);
}

.one-day-teach {
	font-size: 13px;
	font-weight: bold;
	color: rgba(0,0,0,0.5);
}

.one-day-info {
	width: 11%;
}

.one-day-info a {
	display: block;
	height: 38px;
	width: 100%;
	cursor: pointer;
	background: url(images/less-edit.png) center center no-repeat;
}

.one-day-homework {
	font-size: 13px;
	color: rgba(0,0,0,85);
}

.one-day-score {
	width: 100%;
	position: relative;
	padding-bottom: 3px;
}

.have-comm {
	cursor: pointer;
	position: relative;
}

.have-comm:before {
	content: '';
	position: absolute;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	left: 5px;
	top: 5px;
	background-color: #29a2ff;
}

.one-day-score-bl {
	width: 100%;
	font-size: 12px;
}

.one-day-score-bl span {
	font-weight: 600;
	font-size: 16px;
	margin-right: 5px;
}

.have-comm-wrap {
	display: none;
	width: 250px;
	position: absolute;
	z-index: 9;
	right: -7px;
	top: -7px;
	background-color: #fff;
	padding: 18px 15px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	-moz-box-shadow:    0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	box-shadow:         0px 8px 20px 0px rgba(0, 72, 128, 0.3);
}

.have-comm-descr a {
	color: #29a2ff;
}

.day-td-home .have-comm-wrap {
	right: auto;
	left: -7px;
	width: auto;
	max-width: 100%;
} 

.have-comm-close {
	position: absolute;
	opacity: 0.5;
	right: 0;
	top: 0;
	width: 24px;
	height: 32px;
	cursor: pointer;
}

.have-comm-close:hover {
	opacity: 1;
}

.have-comm-close:before, .have-comm-close:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	width: 12px;
	height: 1px;
	margin-top: -1px;
	background-color: #000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.have-comm-close:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);}

.have-comm-tit {
	font-size: 12px;
	color: #7c7c7c;
	margin-bottom: 3px;
}

.have-comm-descr {
	font-size: 13px;
	line-height: 18px;
}

.all-about-less {
	position: relative;
	padding: 22px;
	float: left;
	width: 100%;
	border-top: 1px solid #e6e6e6;
	display: none;
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	-moz-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
}

.all-about-less-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 60px;
	cursor: pointer;
	opacity: 0.5;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.all-about-less-close:hover {
	opacity: 1;
}

.all-about-less-close:before, .all-about-less-close:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	width: 16px;
	height: 2px;
	margin-top: -1px;
	background-color: #000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.all-about-less-close:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);}

.all-about-less-tit {
	float: left;
	width: 100%;
	font-size: 18px;
	margin-bottom: 18px;
	font-weight: 600;
}

.all-about-less-in {
	float: left;
	width: 100%;
}

.all-about-less-left {
	width: 68%;
	float: left;
	padding-right: 40px;
}

.all-about-less-right {
	float: left;
	width: 32%;
}

.all-about-less-tit-in {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	color: rgba(0,0,0,0.6);
}

.all-about-less-descr {
	font-size: 12px;
	line-height: 19px;
	margin-bottom: 15px;
}

.other-teach {
	color: #d81111;
	font-style: italic;
	font-size: 13px;
	font-weight: normal;
}

.add-quest-to-teacher {
	padding-left: 25px;
	padding-bottom: 5px;
	min-width: 130px;
}

.add-quest-to-teacher a {
	color: #d81111;
	text-decoration: underline;
	font-size: 13px;
}

.week-number {
	font-size: 12px;
	color: #000;
	font-weight: 600;
}

.journal.jour-parent .one-assess-value {
	width: 40px;
}

.journal.jour-parent .one-people {
	
}

.journal.jour-parent .one-people, .journal.jour-parent .one-people > div {
	min-height: 52px;
	height: auto;
}

.top-line .one-name-people {
	z-index: 8;
	border-radius: 15px 0 0 0;
	-webkit-box-shadow: 6px 0px 13px 0px rgba(0, 72, 128, 0.2);
	-moz-box-shadow: 6px 0px 13px 0px rgba(0, 72, 128, 0.2);
	box-shadow: 6px 0px 13px 0px rgba(0, 72, 128, 0.2);
}

.journal.jour-parent .one-people > div.one-name-people {}

.journal.jour-parent .one-assess-value-in {
	min-height: 50px;
	height: auto;
	width: 100%;
}

.journal.jour-parent .one-assess-value {
	cursor: pointer;
	position: relative;
}

.have-comments.assess:before {
	content: '';
	position: absolute;
	height: 5px;
	width: 5px;
	border-radius: 50%;
	left: 3px;
	top: 3px;
}

.have-comments.norm-comm.assess:before {
	background-color: #63656a;
}

.have-comments.good-comm.assess:before {
	background-color: #29a2ff;
}

.comm-body {
	display: none;
	width: 245px;
	position: absolute;
	z-index: 99;
	left: -5px;
	top: -5px;
	background-color: #fff;
	padding: 18px 25px 3px 15px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	-moz-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
}

.comm-body.comm-left {
	left: auto;
	right: 100%;
}

.have-comments-stat {}

.comm-body.com-stat {
	width: 110px;
	padding: 7px;
	text-align: center;
	color: #fff;
	background-color: #616161;
}

.have-comments-stat:hover .comm-body.com-stat {
	display: block;
}

.com-stat-in {
	font-size: 10px;
}

.comm-body-close {
	position: absolute;
	opacity: 0.5;
	right: 0;
	top: 0;
	width: 24px;
	height: 34px;
	cursor: pointer;
}

.comm-body-close:hover {
	opacity: 1;
}

.comm-body-close:before, .comm-body-close:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	width: 12px;
	height: 1px;
	margin-top: -1px;
	background-color: #000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.comm-body-close:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);}

.comm-body-score {
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.comm-body div:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.comm-body-score-top {
	font-size: 14px;
	font-weight: 600;
}

.comm-body-score-comm {
	padding-top: 5px;
}

.comm-body-score-comm-tit {
	font-size: 12px;
	color: #7c7c7c;
}

.comm-body-score-text {
	font-size: 13px;
	line-height: 17px;
	color: rgba(0,0,0,0.85);
}

.one-assess-value.year-sc, .one-people.top-line .one-assess-value.year-sc {
	background-color: #f8f8f8 !important;
}

.journal.jour-parent .one-people.top-line .one-assess-value.active {
}

.journal.jour-parent .one-people.top-line .one-assess-value.active .week-number {
	font-size: 14px;
	color: #29a2ff !important;
	font-weight: bold;}

.journal.jour-parent .assess {
	width: 100%;
} 

.journal.jour-parent .assess {
	border-bottom: 1px solid #e6e6e6;
}

.journal.jour-parent .assess:last-child {
	border-bottom: none;
}

.journal.jour-parent .one-people.have-three-ass > div, .journal.jour-parent .one-people.have-three-ass > div .one-assess-value-in {
	height: 77px;
}

.journal.jour-parent .one-people.have-three-ass > div .one-name-people-in {
	height: 75px;
}

.journal.jour-parent .one-assess-value-in.have-two-ass, .journal.jour-parent .one-assess-value-in.have-three-ass {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.journal.jour-parent .one-assess-value-in.have-two-ass .assess {
	height: 25px;
	line-height: 25px;
	position: relative;
}

.journal.jour-parent .one-assess-value-in.have-three-ass .assess {
	height: 25px;
	line-height: 25px;
	position: relative;
}

.header-user-right {
	float: right;
	height: 64px;
}

.bt-mass {
	float: left;
	width: 38px;
}

.bt-mass a {
	display: block;
	cursor: pointer;
	float: left;
	width: 100%;
	position: relative;
}

.bt-mass a:before {
	content: '';
	position: absolute;
	background: url(images/user-mess.png) 0 0 no-repeat;
	width: 17px;
	height: 19px;
	top: 50%;
	left: 50%;
	margin-top: -9px;
	margin-left: -8px;
	opacity: 0.4;
}

.bt-mass a.active:after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	background-color: #29a2ff;
	border: 2px solid #fff;
	border-radius: 50%;
	top: 19px;
	right: 7px;
}

.bt-search {
	float: left;
	width: 45px;
}

.bt-search a {
	display: block;
	cursor: pointer;
	float: left;
	width: 100%;
	position: relative;
}

.bt-search a:before {
	content: '';
	position: absolute;
	background: url(images/search-bt.png) 0 0 no-repeat;
	width: 17px;
	height: 19px;
	top: 50%;
	left: 50%;
	margin-top: -9px;
	margin-left: -8px;
}


.user-info {
	float: left;
	margin-left: 20px;
}

.user-info .name-teacher {
	margin-right: 0;
	padding-left: 10px;
	padding-right: 0;
	font-size: 12px;
}

.user-info .thumb-teacher {}

.log-bt {
	float: left;
	margin-left: 35px;
	width: 62px;
	border-left: 1px solid #edeff0;
}

.log-bt a {
	text-align: center;
	display: block;
	width: 100%;
	padding-top: 34px;
	font-size: 11px;
	color: #808080;
	background: url(images/log-out.png) center 17px no-repeat;
}

.header-left-part {
	float: left;
}

.menu-use-top ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu-use-top li {
	float: left;
	margin: 0 30px;
}

.menu-use-top li a {
	line-height: 64px;
	font-weight: 600;
	height: 64px;
	display: block;
	cursor: pointer;
	font-size: 12px;
	border-bottom: 2px solid transparent;
	color: #333333;
}

.menu-use-top li a.active {
	border-bottom: 2px solid #2962ff;
	color: #2962ff;
}

.my-timetable {
	padding: 45px 0px;
	float: left;
	width: 100%;
}

.my-timetable h1 {
	font-size: 32px;
	font-weight: 600;
}

.broad {
	float: left;
	width: 100%;
	margin-bottom: 22px;
}

.broad ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.broad ul li {
	float: left;
	margin-right: 10px;
}

.broad ul li a, .broad ul li span {
	color: #999999;
	font-size: 12px;
}

.broad ul li a:after {
	content: '>';
	display: inline-block;
	margin-left: 10px;
}

.my-timetable-in {
	float: left;
	width: 100%;
	background-color: #fff;
	border-radius: 15px;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0, 68, 204, 0.4);
	-moz-box-shadow:    0px 0px 18px 0px rgba(0, 68, 204, 0.4);
	box-shadow:         0px 0px 18px 0px rgba(0, 68, 204, 0.4);
}

.one-timetable-line {
	float: left;
	width: 100%;
}

.one-timetable-line > div {
	width: 17.6%;
	padding: 15px;
	min-height: 94px;
	border-right: 1px solid #dde4e9;
	border-bottom: 1px solid #dde4e9;
}

.one-timetable-line > div.one-timetable-num {
	width: 12%;
}

.one-timetable-line > div:last-child {
	border-right: none;
}

.one-timetable-line.line-top {
}

.one-timetable-num {
	font-size: 14px;
	font-weight: 600;
}

.one-timetable-num span {
	display: block;
	font-size: 12px;
	color: #676a6c;
}

.one-timetable-line.line-top .one-timetable-num {
	font-size: 16px;
	font-weight: 600;
}

.one-timetable-bl {}

.one-timetable-name {
	font-weight: 600;
	font-size: 14px;
}

.one-timetable-line.line-top .one-timetable-name {
	font-size: 16px;}

.one-timetable-descr {
	font-size: 12px;
	color: #676a6c;
}

.one-timetable-descr span {
	font-weight: 600;
}

.vert-time-table {}

.hor-time-table {
	display: none;
}

.less-info {
	float: left;
	width: 100%;
	padding-top: 6px;
}

.less-info span {
	padding: 1px 8px;
	border-radius: 4px;
	display: block;
	float: left;
	font-size: 11px;
}

.less-info.ext span {
	background-color: #fedfe6;
	color: #f95e80;
}

.less-info.dis span {
	background-color: #ededed;
	color: #8a8a8a;
}

.one-timetable-bl.dis-less {
	color: #bfbfbf;
}

.one-timetable-bl.dis-less .one-timetable-descr {
	color: #bfbfbf;
}

.nav-timetable {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	display: none;
}

.nav-timetable ul {
	float: left;
	border: 1px solid #dae0f2;
	border-radius: 4px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.nav-timetable ul li {
	position: relative;
	float: left;
	width: 64px;
	border-right: 1px solid #dae0f2;
}

.nav-timetable ul li:last-child {
	border-right: none;
}

.nav-timetable ul li a {
	text-decoration: none;
	text-align: center;
	background-color: #fff;
	display: block;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	color: #999999;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	border-radius: 0px;
}

.nav-timetable ul li:first-child > a {
	border-radius: 4px 0 0 4px;
}

.nav-timetable ul li:last-child a {
	border-radius: 0 4px 4px 0;
}

.nav-timetable ul li:hover {
	z-index: 2;
}

.nav-timetable ul li.active {
	z-index: 1;
}

.nav-timetable ul li:hover a, .nav-timetable ul li.active a {
	border-radius: 5px;
	color: #666666;
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 68, 204, 0.3);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0, 68, 204, 0.3);
	box-shadow: 0px 0px 12px 0px rgba(0, 68, 204, 0.3);
}

.nav-timetable ul li a span {}

.my-timetable.teacher-time .nav-timetable {
	display: block;
}

.my-timetable.teacher-time .hor-time-table {
	display: block;
}

.one-timetable-line {
	float: left;
	width: 100%;
}

.vert-line {
	float: left;
	width: 100%;
}

.vert-line > div {
	width: 100%;
	min-height: 100px;
	border-right: 1px solid #dde4e9;
	border-bottom: 1px solid #dde4e9;}

.one-timetable-num {
	font-size: 14px;
	font-weight: 600;
}

.one-timetable-num span {
	display: block;
	font-size: 12px;
	color: #676a6c;
	font-weight: 600;
}

.vert-line .one-timetable-num.line-top {
	font-size: 16px;
	font-weight: 600;}

.one-timetable-bl {}

.one-timetable-name {
	font-weight: 600;
	font-size: 14px;
}

.vert-line .one-timetable-name.line-top {
	font-size: 16px;}

.one-timetable-descr {
	font-size: 12px;
	color: #676a6c;
}

.one-timetable-descr span {
	font-weight: 600;
}

.vert-line > div:first-child {
    padding: 15px;
    height: auto;
    min-height: inherit;
}

.one-timetable-bl.one-teacher-timetable-bl > div {
	padding: 15px;
	border-right: 1px solid #dde4e9;
}

.one-teacher-timetable-date {
	width: 12%;
}

.one-teacher-timetable-class {
	width: 8%;
}

.one-teacher-timetable-less {
	width: 23%;
}

.one-teacher-timetable-themes {
	position: relative;
	width: 57%;
	border-right: none !important;
}



.one-teacher-timetable-themes .one-timetable-descr i {
	font-style: normal;
}

.my-timetable.shoole-timetable {
	padding: 45px 0;
	min-width: 1170px;
}

.my-timetable.shoole-timetable .vert-time-table {
	display: block;
}

.choose-class {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.choose-class-wrap {
	float: left;
	border: 1px solid #dae0f2;
	border-radius: 3px;
	background-color: #ffffff;
	max-width: 1002px;
	overflow: hidden;
	font-size: 0;
	white-space: nowrap;
}

.one-choose-class {
	display: inline-block;
	border-right: 1px solid #dae0f2;
	height: 32px;
	line-height: 32px;
	text-align: center;
}

.one-choose-class:last-child {
	border-right: none;
}

.one-choose-class-tit {
	display: block;
	cursor: pointer;
	text-decoration: none !important;
	width: 70px;
	line-height: 32px;
	font-size: 12px;
	text-align: center;
	height: 32px;
	float: left;
	color: #333;
}

.one-choose-class-tit:hover, .active .one-choose-class-tit {
	font-weight: bold;
	color: #2962ff;
}

.one-choose-class-in {
	float: left;
	font-size: 0;
	overflow: hidden;
	white-space: nowrap;
	max-width: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition: all 0.4s ease-in-out 0.1s;
	-o-transition: all 0.4s ease-in-out 0.1s;
	transition: all 0.4s ease-in-out 0.1s;
}

.active .one-choose-class-in {
	max-width: 300px;
}

.one-choose-class-in ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}

.one-choose-class-in li {
	display: inline-block;
}

.one-choose-class-in li a {
	text-decoration: none;
	width: 55px;
	height: 32px;
	display: block;
	cursor: pointer;
	line-height: 32px;
	font-size: 12px;
	color: #333;
}

.one-choose-class-in li a:hover, .one-choose-class-in li a.active {
	font-weight: bold;
	color: #2962ff;
}

.nav-timetable.choose-list {
	display: block;
	float: right;
	width: auto;
}

span.short-list, span.full-list {
	line-height: normal;
	font-size: 0;
	height: 32px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	align-content: center;
}

span.short-list i, span.full-list i {
	display: block;
	margin: 1px 0;
	float: left;
	width: 100%;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

span.short-list i:before, span.full-list i:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 2px;
	background-color: #b2b2b2;
}

.active span.short-list i:before, .active span.full-list i:before {
	background-color: #2962ff;
}

span.full-list {}

.many-less {
	min-height: 80px;
	position: relative;
	float: left;
	width: 100%;
}

.allert-bl {
	position: absolute;
	right: -10px;
	top: -10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
}

.allert-bl.have-ch {
	background-color: #2962ff;}


.many-less-in {
	background-color: #fff;
	margin: -15px -15px -15px;
	padding: 10px 5px 0;
	-webkit-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0, 68, 204, 0);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0, 68, 204, 0);
	box-shadow: 0px 0px 18px 0px rgba(0, 68, 204, 0);
}

.short-view .many-less:hover .many-less-in {
	position: absolute;
	z-index: 9;
	margin: -20px -20px -20px;
	padding: 15px 10px 0;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0, 68, 204, 0.4);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0, 68, 204, 0.4);
	box-shadow: 0px 0px 18px 0px rgba(0, 68, 204, 0.4);}

.one-many-less {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #e8ebed;
	padding: 0 10px;
	padding-bottom: 4px;
}

.one-many-less:last-child {
	border-bottom: none;
}

.one-many-tit {
	font-size: 14px;
	font-weight: 600;
}

.one-many-tit span {
	float: left;
}

.one-many-tit i {
	float: right;
	font-style: normal;
	color: #757575;
	font-size: 12px;
}

.one-many-hide {
	float: left;
	width: 100%;
	overflow: hidden;
	max-height: 0;
}

.one-many-cab {
	float: left;
	width: 100%;
	font-size: 12px;
	color: #757575;
}

.one-many-cab span {
	font-weight: 600;
}

.one-many-other-lass {
	padding-left: 22px;
	float: left;
	width: 100%;
	padding-top: 5px;
	background: url(images/other-less.png) left 4px no-repeat;
}

.short-view .many-less:hover .one-many-hide {
	max-height: 100px;
}

.short-view .many-less:hover .one-many-tit i {
	opacity: 0;
}

.full-view .one-many-hide {
	max-height: inherit;
}

.full-view .one-many-hide .one-many-tit i {
	opacity: 0;
}

.left-panel {
	position: fixed;
	z-index: 999;
	top: 65px;
	left: 0;
	bottom: 0;
	width: 250px;
	background-image: url(images/panel-bg-logo.png), url(images/bg-panel.jpg);
	background-position: center bottom 30px, 0 0;
	background-repeat: no-repeat;
	-webkit-background-size: 12.5vh, cover;
	background-size: 12.5vh, cover;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.left-panel.fix {
	top: 0;
}

.left-panel.open {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.panel-menu {}

.panel-menu > ul {
	list-style: none;
	padding: 30px 0 0 0;
	margin: 0;
}

.panel-menu > ul > li {
	color: #fff;
}

.panel-menu > ul > li > span {
	padding: 10px 25px;
	float: left;
	width: 100%;
	display: block;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.panel-menu > ul > li > a {
	text-decoration: none !important;
	position: relative;
	padding: 10px 25px;
	float: left;
	width: 100%;
	display: block;
	cursor: pointer;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.panel-menu > ul > li.active > a, .panel-menu > ul > li > a:hover, .panel-menu > ul > li.active > span, .panel-menu > ul > li > span:hover {
	background-color: rgba(179,107,108,0.9);
}

.panel-menu i {
	float: left;
	width: 30px;
	height: 20px;
	margin-top: -2px;
	vertical-align: middle;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
}

.panel-menu i img {}

.panel-menu ul li ul  {
	float: left;
	width: 100%;
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
}

.panel-menu ul li.open ul {
	display: block;
}

.panel-menu ul li ul li {}

.panel-menu ul li ul li a {
	padding: 10px 20px 10px 55px;
	display: block;
	float: left;
	width: 100%;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none !important;
}

.panel-menu ul li ul li.active a, .panel-menu ul li ul li a:hover {
	background-color: rgba(179,107,108,0.9);
}

span.has-mess {
	position: absolute;
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #ff6d00;
	right: 20px;
	top: 50%;
	margin-top: -5px;
}

.bg {
	position: fixed;
	display: none;
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.header-top {
	text-align: center;
}

.menu-use-top {
	vertical-align: top;
	display: inline-block;
}

.header-name-broad {
	float: left;
	height: 64px;
	line-height: normal;
	text-align: left;
}

.letter-logo {
	float: left;
}

.letter-logo a {}

.header-name {
	float: left;
	margin-left: 20px;
}

.header-title {
	padding-top: 3px;
	font-size: 20px;
	margin-bottom: 2px;
	font-weight: 600;
}

.header-broad {}

.header-broad ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.header-broad li {
	display: inline-block;
	font-size: 11px;
	color: #757575;
}

.header-broad li a {
	color: #757575;
}

.header-broad li span {}

.container {
	padding: 0 80px;
}

.thumb-teacher span {
	display: block;
	width: 32px;
	height: 32px;
	background-color: #14517f;
	border-radius: 50%;
	line-height: 32px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.one-day.out .one-day-top {
	background-color: #ffeae0;
	background: #ffeae0 url(images/smyle.png) right 42px center no-repeat;
}

.one-day.out .one-day-data span {
	color: #ff5100;
}

.one-day.weekend {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
}

.one-day.weekend .one-day-top {
	background-color: #fff;
	border-radius: 15px;
}

.add-quest-pop {
	float: left;
	width: 100%;
	padding-top: 15px;
}

.add-quest-pop a {}

.border-bt {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	font-weight: 600;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	cursor: pointer;
	border: 1px solid #dde4e9;
	padding: 0 18px;
	font-size: 12px;
	color: #29a2ff;
	border-radius: 4px;
	text-decoration: none !important;
}

.border-bt:hover {
	border: 1px solid #999;
}

.orsc {
	font-size: 18px;
	font-weight: 600;
}

.orsc.no {
	font-size: 28px;
}

.orsc-wrap {
	opacity: 0;
	overflow: hidden;
	width: 0;
	position: absolute;
	z-index: 99;
	top: 0;
	left: 100%;
	height: 24px;
	line-height: 24px;
	background-color: #fff;
	text-align: center;
	border-radius: 3px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 72, 128, 0.16);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0, 72, 128, 0.16);
	box-shadow: 0px 3px 5px 0px rgba(0, 72, 128, 0.16);
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.one-assess-value:hover .orsc-wrap {
	opacity: 1;
	width: 110px;
}

.del-value {
	position: absolute;
	width: 16px;
	height: 20px;
	top: 0;
	right: 0;
}

.del-value:before, .del-value:after {
	content: '';
	opacity: 0.6;
	width: 8px;
	height: 1px;
	background-color: #333;
	position: absolute;
	left: 50%;
	margin-left: -4px;
	top: 50%;
	margin-top: -1px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.del-value:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.del-value:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.green-stat {
	position: absolute;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	left: 5px;
	top: 5px;
	background-color: #29b11e;
}

.modal-backdrop {
	background-color: #edf2f5;
}

.modal-backdrop.show {
	opacity: 0.95;
}

.chat-area-text-top .other-com {
	color: #808080;
	padding-left: 40px;
	background-image: url(images/other-comm-me.png);
	background-position: 15px 5px;
	margin-bottom: 12px;
}

.chat-area-text-top .user-comm-data {
	color: #808080;}

.choose-class-mob {
	display: none;
	position: relative;
	z-index: 9;
	margin-bottom: 30px;
	float: left;
	width: 100%;
}

.active-class {
	float: left;
	width: 100%;
	display: block;
	cursor: pointer;
	height: 44px;
	width: 135px;
	border-radius: 4px;
	border: 1px solid #dde4e9;
	line-height: 44px;
	height: 44px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #333333;
	background-color: #fff;
}

.active-class:hover, .active-class:focus {
	background-color: #f7f7f7;
	color: #29a2ff;}

.choose-class-body {
	display: none;
	position: absolute;
	padding: 35px 9px 8px 25px;
	top: -10px;
	left: -5px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	-moz-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
}

.one-ch-class {}

.one-ch-class-min {
	float: left;
	width: 65px;
	margin-right: 16px;
	margin-bottom: 24px;
}

.one-ch-class-min a {
	display: block;
	cursor: pointer;
	height: 44px;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #dde4e9;
	line-height: 44px;
	height: 44px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #333333;
}

.one-ch-class-min a.active {
	background-color: #f7f7f7;
	color: #29a2ff;
}

.close-choose {
	position: absolute;
	top: 0;
	right: 0;
	right: 0px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.close-choose:before, .close-choose:after {
	content: '';
	position: absolute;
	height: 1px;
	width: 14px;
	left: 50%;
	margin-left: -7px;
	top: 50%;
	margin-top: -1px;
	background-color: #757575;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.close-choose:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.close-choose:hover:before, .del-this-other:hover:after {
	background-color: #333;
}

.more-head-menu {
	float: left;
	display: none;
}

.head-menu-dot {
	height: 64px;
	width: 32px;
	padding: 0 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	align-content: center;
}

.head-menu-dot span {
	display: block;
	margin: 1px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #808080;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}

.lk {
	margin: 0 auto; 
	max-width: 1230px;
	width: 100%;
	padding-top: 40px;
	margin-bottom: 50px;
}

.lk-left {
	float: left;
	width: 264px;
}

.menu-lk {
	float: left;
	width: 100%;
	border: 1px solid #dde4e9;
	padding: 10px 15px;
	background-color: #fff;
	border-radius: 10px;
}

.menu-lk ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.menu-lk li {
	border-bottom: 1px solid #dde4e9;
}

.menu-lk li:last-child {
	border-bottom: none;
}

.menu-lk li a {
	font-size: 14px;
	color: #333333;
	cursor: pointer;
	height: 48px;
	font-weight: 600;
	text-decoration: none !important;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.menu-lk li a:hover, .menu-lk li a.active {
	color: #29a2ff;
}

.menu-lk li i {
	display: inline-block;
	line-height: 1;
	width: 30px;
	text-align: center;
}

.menu-lk li i img {
	vertical-align: middle;
	-webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.menu-lk li a:hover i img, .menu-lk li a.active i img {
	-webkit-filter: grayscale(0);
  filter: grayscale(0);	
}

.menu-lk li span {
	display: inline-block;
}

.lk-body {
	float: left;
	width: calc(100% - 265px - 265px);
	padding: 0 15px;
}

.lk-body-in {
	float: left;
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0, 68, 204, 0.4);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0, 68, 204, 0.4);
	box-shadow: 0px 0px 18px 0px rgba(0, 68, 204, 0.4);
}

.lk-form {
	float: left;
	width: 100%;
	padding: 45px 30px;
}

.one-lk-form {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	min-height: 36px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
}

.one-lk-form-name {
	float: left;
	font-size: 14px;
	font-weight: 600;
	width: 31%;
}

.one-lk-form-inp {
	width: 69%;
	padding-right: 70px;
}

.one-lk-form-inp .login-one {
	margin-bottom: 0;
}

.one-lk-form-inp .log-inp input {
	height: 36px;
	line-height: 36px;
}

.lk-photo {}

.add-photo {}

.add-photo label {
	overflow: hidden;
	float: left;
	margin: 0; 
}

.add-photo input {
	position: absolute;
	left: -9999px;
}

.add-photo span {
	border: 1px solid #dde4e9;
	font-size: 12px;
	color: #29a2ff;
	float: left;
	width: 150px;
	display: block;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	color: #29a2ff;
	height: 36px;
	line-height: 36px;
	font-weight: 600;
	border-radius: 3px;
}

.photo-info {
	float: left;
	font-size: 11px;
	margin-left: 15px;
	color: #808080;
	margin-top: 10px;
	font-style: italic;
}

.one-lk-form-input {}

/*.one-lk-form-input input {
	outline: none;
	border: none;
	height: 32px;
	padding: 0 10px;
	font-size: 16px;
	width: 100%;
	height: 36px;
	border: 1px solid #dde4e9;
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.one-lk-form-input input:focus {
	border: 1px solid #2592e5;
}*/

.face-bt-lk {
	float: left;
}

.face-bt-lk a {
	height: 36px;
	line-height: 36px;
	background-color: #3c5a96;
	width: 150px;
	float: left;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none !important;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.face-bt-lk a:hover {
	background-color: #2b4a87;
}

.form-tit {
	font-size: 16px;
	font-weight: bold;
	float: right;
	width: 69%;
	padding-right: 70px;
	margin-bottom: 15px;
}

.one-lk-form.one-lk-bt {
	padding-top: 10px;
}

.one-lk-form.one-lk-bt button {
	float: left;
	width: 100%;
}

.lk-right {
	float: right;
	width: 264px;
	min-height: 400px;
	border: 1px solid #dde4e9;
	padding: 10px 15px;
	background-color: #fff;
	border-radius: 10px;
}

.active-lk-menu {
	float: left;
	display: none;
	padding: 8px 20px 8px 5px;
	border: 1px solid #dde4e9;
	background-color: #fff;
	font-size: 12px;
	color: #29a2ff;
	font-weight: 600;
	margin-bottom: 20px;
	border-radius: 3px;
	cursor: pointer;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
}

.active-lk-menu i {
	text-align: center;
	width: 32px;
}

.active-lk-menu span {}

.mess-bts {
	width: 32px;
	float: left;
	margin-right: 8px;
	padding: 5px 7px;
	cursor: pointer;
}

.mess-bts span {
	height: 2px;
	display: block;
	float: left;
	width: 100%;
	background-color: #808080;
	margin: 1px 0 2px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.mess-bts:hover span {
	background-color: #111;
}

.mess-bts span:nth-child(2) {
	width: 14px;
}

.mess-bts span:nth-child(3) {
	width: 10px;
}

.your-photo {
	float: left;
}

.your-photo img {
	border-radius: 50%;
}

.change-photo {
	float: left;
	margin-top: 15px;
}

.change-photo .add-photo span {
	text-transform: none;
	border: none;
	width: auto;
	padding: 0 20px;
}

.face-bt-lk.has a {
	position: relative;
}

.face-bt-lk.has a:before {
	content: '';
	position: absolute;
	right: -3px;
	top: -3px;
	width: 18px;
	height: 18px;
	border: 2px solid #fff;
	background: #14cc8f url(images/face-has.png) center center no-repeat;
	border-radius: 50%;
}

.del-face {
	float: left;
	margin-left: 20px;
}

.del-face a {
	font-size: 12px;
	color: #29a2ff;
	line-height: 36px;
	font-weight: 600;
}

.mob-time-do {
	display: none;
}

.one-day-score-bl i {
	font-style: normal;
}

.news {
	padding: 20px;
	float: left;
	width: 100%;
}

.one-new {
	float: left;
	width: 100%;
}

.new-data {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: 500;
	color: rgba(0,0,0,0.5);
}

.new-thumb {
	float: left;
	width: 100%;
	margin-bottom: 14px;
}

.new-thumb img {
	width: 100%;
}

.new-tit {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.new-tit a {
	font-size: 24px;
	color: #333333;
	text-decoration: none;
}

.new-descr {}

.new-descr p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
}

.new-auth {
	float: left;
	width: 100%;
	padding-top: 10px;
}

.one-auth {
	margin-bottom: 10px;
	float: left;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

.one-auth-thumb {
	float: left;
}

.thumb-teacher {}

.thumb-teacher span {}

.one-auth-name {
	float: left;
	font-weight: 600;
	margin-left: 10px;
	font-size: 12px;
}

.lk-body.lk-news .lk-body-in {
	margin-bottom: 20px;
}

.more-news-bt {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 8px;
}

.more-news-bt a {
	background-color: #fff;
	width: 240px;
}

.lk-table {
	float: left;
	width: 100%;
	border: 1px solid #dde4e9;
	border-bottom: none;
}

.lk-table-str {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.lk-table-str.lk-table-top {}

.lk-table-td {
	padding: 7px 3px;
	border-right: 1px solid #dde4e9;
	border-bottom: 1px solid #dde4e9;
}

.lk-table-td:last-child {
	border-right: none;
}

.lk-table-td.name-less {
	width: 195px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
	font-weight: 500;
}

.lk-table-td.res-one {
	width: 40px;
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
}

.tab-years {
	font-size: 11px;
	text-align: center;
	width: 100%;
}

.tab-years span {
	display: block;
	padding-top: 5px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
}

.lk-table-tit {
	font-size: 14px;
	background-color: #eaebf3;
	padding: 13px 15px;
	font-weight: 600;
}

.one-res-num {
	font-size: 12px;
	text-align: center;
	width: 100%;
	font-weight: 500;
}

.lk-table.mob-tab {
	display: none;
}

.lk-table.desc-tab {
}

.res-mob-nav {
	display: none;
}

.lk-sett {
	float: left;
	width: 100%;
}

.lk-sett-tit {
	font-size: 16px;
	font-weight: 600;
	float: left;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 18px;
}

.lk-sett-check {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.lk-sett-check label {
	display: block;
	padding-left: 35px;
	cursor: pointer;
	float: left;
	width: 100%;
	position: relative;
}

.lk-sett-check span {
	display: block;
}

span.lk-sett-check-box {
	position: absolute;
	left: 0;
	top: 1px;
	overflow: hidden;
	width: 18px;
	height: 18px;
}

span.lk-sett-check-box i {
	display: block;
	width: 18px;
	height: 18px;
	border: 2px solid #808080;
	border-radius: 2px;
}

span.lk-sett-check-box input {
	position: absolute;
	left: -999px;
}

span.lk-sett-check-name {
	font-size: 14px;
	font-weight: 500;
}

span.lk-sett-check-box input:checked + i {
	border-color: #29a2ff;
	background: #29a2ff url(images/check-white.png) center 2px no-repeat;
}

.lk-sett-bt {
	float: left;
	width: 100%;
	padding-top: 30px;
}

.lk-sett-bt button {
	width: 160px;
}

.def-table {
	float: left;
	width: 100%;
}

.def-table-tit {
	float: left;
	width: 100%;
	font-size: 14px;
	background-color: #eaebf3;
	padding: 13px 15px;
	font-weight: 600;
	border: 1px solid #dde4e9;
	border-bottom: none;
}

.def-table-in {
	display: table;
	width: 100%;
	border: 1px solid #dde4e9;
	border-bottom: none;
	border-right: none;
}

.def-table-tr {
	display: table-row;
}

.def-table-td {
	font-size: 12px;
	display: table-cell;
	font-weight: 500;
	padding: 10px 15px;
	border-right: 1px solid #dde4e9;
	border-bottom: 1px solid #dde4e9;
}

.def-table-td.med-td-1 {
	width: 240px;
}

.def-table-td.inc-td-1 {
	width: 50px;
}

.def-table-td.inc-td-2 {
	width: 100px;
}

.def-table-td.inc-td-3 {
	width: 150px;
}

.def-table-td.inc-td-4 {}

.inc-nav {
	float: left;
	width: 100%;
	padding-top: 20px;
}

.inc-nav ul {
	float: left;
	border: 1px solid #dae0f2;
	border-radius: 4px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.inc-nav ul li {
	position: relative;
	float: left;
	width: 64px;
	border-right: 1px solid #dae0f2;
}

.inc-nav ul li:last-child {
	border-right: none;
}

.inc-nav ul li a {
	text-decoration: none;
	text-align: center;
	background-color: #fff;
	display: block;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	color: #999999;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	border-radius: 0px;
}

.inc-nav ul li:first-child > a {
	border-radius: 4px 0 0 4px;
}

.inc-nav ul li:last-child a {
	border-radius: 0 4px 4px 0;
}

.inc-nav ul li:hover {
	z-index: 2;
}

.inc-nav ul li.active {
	z-index: 1;
}

.inc-nav ul li:hover a, .inc-nav ul li.active a {
	border-radius: 5px;
	color: #29a2ff;
	font-weight: bold;
}

.num-td-mob {
	display: none;
}

.def-table-td-in {
	margin: -10px -15px;
	padding: 10px 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dde4e9;
}

.def-table-td-in:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.def-table-td-in i {
	color: #6f6f6f;
	font-size: 11px;
}

.def-table-td.inf-td-1 {
	width: 210px;
}

.all-hourly {
	float: left;
	width: 100%;
	/*padding: 0 15px;*/
	min-width: 1230px;
}

.one-group-less {
	float: left;
	width: 100%;
}

.one-group-less-top {
	float: left;
	width: 100%;
	background-color: #eaebf3;
	padding: 10px 15px;
}

.one-group-less:first-child .one-group-less-top {
	border-radius: 13px 13px 0 0;}

.one-group-less-name {
	float: left;
}

.one-group-less-name a {
	font-size: 16px;
	font-weight: 600;
	display: block;
	padding-right: 22px;
	position: relative;
	color: #333333;
	text-decoration: none !important;
	height: 32px;
	line-height: 32px;
}

.one-group-less-name a:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -6px;
	width: 9px;
	height: 9px;
	right: 0;
	border: none;
	border-left: 2px solid #808080;
	border-bottom: 2px solid #808080;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.less-choose-class {
	float: right;
	position: relative;
}

.less-choose-bt {
	float: left;
	width: 210px;
	border: 1px solid #dde4e9;
	border-radius: 2px;
	background-color: #fff;
	text-decoration: none !important;
	height: 32px;
	line-height: 32px;	
	color: #000;
	font-weight: 600;
	font-size: 12px;
	padding: 0 10px;
	cursor: pointer;
}

.less-choose-bt:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -6px;
	width: 9px;
	height: 9px;
	right: 12px;
	border: none;
	border-left: 2px solid #808080;
	border-bottom: 2px solid #808080;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.less-choose-drop {
	display: none;
	position: absolute;
	top: 39px;
	left: 0;
	width: 100%;
	padding: 24px;
	background-color: #fff;
	border-radius: 4px;
	z-index: 99;
	box-shadow: 0px 13px 18.8px 1.2px rgba(0, 72, 128, 0.2),0px 2px 25.38px 1.62px rgba(0, 72, 128, 0.1);
}

.less-choose-check {
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

label.check-block {
	display: block;
	padding-left: 35px;
	cursor: pointer;
	float: left;
	width: 100%;
	position: relative;
	margin: 0;
}

label.check-block span {
	display: block;
}

label.check-block span {
	position: absolute;
	left: 0;
	margin-left: 0;
	top: 1px;
	overflow: hidden;
	width: 18px;
	height: 18px;
}

label.check-block span i {
	display: block;
	width: 18px;
	height: 18px;
	border: 2px solid #808080;
	border-radius: 2px;
}

label.check-block span input {
	position: absolute;
	left: -999px;
}

label.check-block b {
	font-size: 12px;
	font-weight: 500;
	display: block;
	color: #333333;
	line-height: 21px;
}

label.check-block span input:checked + i {
	border-color: #29a2ff;
	background: #29a2ff url(images/check-white.png) center 2px no-repeat;
}

.blue-bt	{
	border: none;
	outline: none;
	display: inline-block;
	background-color: #29a2ff;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
	cursor: pointer;
	height: 36px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 36px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.blue-bt:hover {
	background-color: #1e87d8;
}

.less-class-bt {}

.less-class-bt button {
	width: 100%;
}

.one-group-wrap {
	float: left;
	width: 100%;
	position: relative;
}

.one-group-body {
	overflow-x: auto;
	overflow-y: visible;
	float: left;
	width: 100%;
	background-color: #fff;
}

.one-group-body-in {
	display: inline-block;
	/*width: 3000px;*/
	background-color: #fff;
	width: 100%;
}

.one-group-body-row {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	height: 40px;
	border-left: 1px solid #dde4e9;
	flex: 1 auto;
	/*position: relative;*/
}

.one-group-body-row.top-row {
	background-color: #f1f4f6;
}

.one-group-body-col {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;	
	border-bottom: 1px solid #dde4e9;
}

.one-group-body-col.name-col {
	width: 290px;
	padding: 0 25px 0 15px;
	border-right: 1px solid #dde4e9;
	border-bottom: 1px solid #dde4e9;
	position: absolute;
	height: 40px;
	left: 0;
	background-color: #fff;
	z-index: 99;
}

.one-group-body-row.top-row .one-group-body-col.name-col {
	background-color: #f1f4f6;
}

.one-group-body-col.name-col:hover, .one-group-body-col.name-col.open {
	z-index: 101;
}

.one-group-body-col.other-col {
	width: calc(100% - 290px);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 40px;
	margin-left: 290px;
}

.one-group-body-row.def-row .one-group-body-col.other-col > div {
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.one-other-col {
	position: relative;
	width: 12.5%;
	height: 40px;
	/*padding: 0 15px;*/
	font-size: 14px;
	font-weight: bold;
	border-right: 1px solid #dde4e9;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.one-group-body-row.hour-row .one-other-col {
	font-size: 12px;
}

.one-other-col label.check-block {
	display: inline-block;
	width: 40px;
	height: 18px;
	padding-left: 0;
}

.one-other-col label.check-block span {
	left: 50%;
	margin-left: -9px;
}

.one-other-col label.check-block.part-50 {
	width: 40px;
}

.one-other-col label.check-block.part-33 {
	width: 35px;
}

.one-other-col label.check-block.part-25 {
	width: 25px;
}

.sub-less {
	float: left;
	text-decoration: none !important;
	color: #333333;
	font-weight: 600;
}

.sub-less span {
	position: relative;
	padding-right: 28px;
	font-size: 14px;
}

.sub-less span:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -6px;
	width: 9px;
	height: 9px;
	right: 0;
	border: none;
	border-left: 2px solid #808080;
	border-bottom: 2px solid #808080;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.one-group-body-row.hour-row .name-col {
	/*position: relative;*/
}

.teacher-hour {
	float: left;
	width: 100%;
}

.teacher-hour-name {
	float: left;
	font-size: 12px;
	font-weight: 600;
	padding-right: 28px;
	position: relative;
	cursor: pointer;
}

.teacher-hour-name i {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #979899;
}

.teacher-hour-name i:before, .teacher-hour-name i:after {
	content: '';
	position: absolute;
	height: 2px;
	width: 10px;
	background-color: #fff;
	left: 50%;
	top: 50%;
	margin-top: -1px;
	margin-left: -5px;
}

.teacher-hour-name i:after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.teacher-hour-num {
	float: right;
	font-size: 12px;
	font-weight: 600;
	color: #ff4842;
}

.good {
	color: #29b11e;
}

.pop-drop {
	display: none;
	position: absolute;
	top: 100%;
	left: 5px;
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 13px 18.8px 1.2px rgba(0, 72, 128, 0.2),0px 2px 25.38px 1.62px rgba(0, 72, 128, 0.1);
  width: 285px;
  z-index: 99;
  padding: 15px 20px;
}

.close-pop-drop {
	position: absolute;
	right: 0;
	top: 0;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.close-pop-drop:before, .close-pop-drop:after {
	content: '';
	position: absolute;
	height: 1px;
	width: 12px;
	left: 50%;
	margin-left: -6px;
	top: 50%;
	margin-top: -1px;
	background-color: #757575;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.close-pop-drop:hover:before, .close-pop-drop:hover:after {
	background-color: #000;
}

.close-pop-drop:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.pop-drop-tit {
	font-size: 14px;
	font-weight: 600;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.body-pop-drop {}

.group-name-teacher {
	float: left;
	width: 100%;
	font-size: 12px;
}

.group-name-teacher span {
	display: block;
}

.group-name-teacher span.left-group-name-teacher {
	float: left;
	font-weight: 500;
}

.group-name-teacher span.right-group-name-teacher {
	float: right;
	font-weight: 600;
}

.tooltip-inner {
	padding: 5px 10px;
	color: #333;
	text-align: center;
	font-size: 10px;
	font-weight: 600;
	background-color: #fff;
	border-radius: 4px;
  box-shadow: 0px 3px 4.7px 0.3px rgba(0, 72, 128, 0.16);
}

.tooltip.show {
	opacity: 1;
}

.tooltip .arrow {
	display: none;
}

.ind {
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	left: 5px;
	top: 5px;
}

.ind.bad {
	background-color: #fcb557;
}

.ind.good {
	background-color: #29b11e;
}

.bad-num {
	color: #ff4842;
}

.menu-param-class {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 20px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.menu-param-bt {
	opacity: 0;
	width: 20px;
	padding: 0 7px;
	height: 100%;
	cursor: pointer;
	position: absolute;
	right: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.one-other-col:hover .menu-param-bt, .menu-param-bt.open, .one-group-body-col.name-col:hover .menu-param-bt, .one-group-body-col.name-col.open .menu-param-bt {
	opacity: 1;
}

.menu-param-bt span {
	display: block;
	width: 4px;
	height: 4px;
	margin: 1px;
	background-color: #29a2ff;
	border-radius: 50%;
}

.menu-param-class .pop-drop {
	width: 180px;
	padding: 10px 4px 0;
	left: 0;
}

.part-menu {
	margin-bottom: 12px;
}

.part-menu-tit {
	font-size: 12px;
	margin-bottom: 5px;
	padding: 0 4px;
}

.part-menu-in {
	position: relative;
}

.part-menu-in > span {
	display: block;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	font-size: 12px;
	color: #333333;
	position: relative;
	border-radius: 3px;
	background-color: #f5f5f5;
	font-weight: normal;
}

.part-menu-in > span:after {
	content: '';
	position: absolute;
	right: 11px;
	top: 50%;
	margin-top: -4px;
	border-left: 5px solid #808080;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.part-menu-list {
	overflow: hidden;
	position: absolute;
	z-index: 9;
	opacity: 0;
	max-width: 0;
	min-width: 0px;
	top: -7px;
	left: 100%;
	margin-left: -10px;
  border-radius: 6px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 13px 18.8px 1.2px rgba(0, 72, 128, 0.2),0px 2px 25.38px 1.62px rgba(0, 72, 128, 0.1);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.part-menu-in:hover .part-menu-list {
	max-width: 300px;
	opacity: 1;
	min-width: 170px;
}

.part-menu-list ul {
	list-style: none;
	margin: 0;
	padding: 7px 0;
}

.part-menu-list li {}

.part-menu-list a {
	display: block;
	cursor: pointer;
	height: 30px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 30px;
	text-decoration: none !important;
	color: #333333;
	font-weight: normal;
	white-space: nowrap;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.part-menu-list a:hover, .part-menu-list a.active {
	background-color: #f5f5f5;
	font-weight: 600;
}

.bl-info-prop {
	float: left;
	width: 100%;
	border-top: 1px solid #dde4e9;
	height: 14px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}

.one-info-prod {
	float: left;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	font-weight: normal;
	font-weight: 600;
}

.one-info-prod.part-50 {
	width: 40px;
}

.one-info-prod.part-33 {
	width: 35px;
}

.one-info-prod.part-25 {
	width: 25px;
}

.hover-param {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	position: absolute;
	min-width: 180px;
	top: 100%;
	margin-top: -10px;
	left: 0;
  border-style: solid;
  border-width: 0px;
  border-color: rgb(231, 236, 240);
  border-radius: 6px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 7px 9.4px 0.6px rgba(0, 72, 128, 0.16);
  z-index: 9;
  padding: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.one-group-body-col.name-col .menu-param-class:hover .hover-param, .one-group-body-col.name-col.open .hover-param {
	max-height: 300px;
	overflow: visible;
	opacity: 1;
  padding: 5px 0;
  border-width: 1px;
}

.one-param {}

.one-param > span {
	display: block;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	font-size: 12px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	white-space: nowrap;
}

.one-param > span:hover {
	font-weight: 600;
	background-color: #f5f5f5;
}

.one-param .pop-drop {
	left: 100%;
	top: -8px;
	margin-left: -8px;
}

.one-coh {
	margin-bottom: 12px;
}

.name-coh {
	font-size: 12px;
	font-weight: 600;
	padding: 0 5px;
}

.inp-coh {}

.inp-coh input {
	border: 1px solid #dde4e9;
	border-radius: 3px;
	height: 30px;
	padding: 0 10px;
	font-style: italic;
	font-size: 12px;
	width: 100%;
}

.col-coh {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	padding: 0 5px;
}

.one-coh-col {}

.one-coh-col span {
	display: block;
	width: 16px;
	height: 16px;
	border: 2px solid #000;
	border-radius: 50%;
	cursor: pointer;
}

.one-coh-col span.active {
	width: 20px;
	height: 20px;
}

.one-coh button {
	width: 100%;
}

.one-group-body-row.edit {
	height: 56px;
	margin-top: -8px;
	margin-bottom: -8px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 7px 9.4px 0.6px rgba(0, 72, 128, 0.16);
}

.one-group-body-row.edit .one-group-body-col.name-col {
	height: 56px;
	border-top: 1px solid #29a2ff;
	border-left: 1px solid #29a2ff;
	border-bottom: 1px solid #29a2ff;	
	z-index: 101;
	margin-left: -8px;
	padding-left: 23px;
	width: 298px;
	border-radius: 6px 0 0 6px;
}

.one-group-body-row.edit .one-group-body-col.other-col {
	height: 56px;
	background-color: #fff;
}

.one-group-body-row.edit  .one-other-col {
	z-index: 101;
	height: 56px;
	border-top: 1px solid #29a2ff;
	border-bottom: 1px solid #29a2ff;
	background-color: #fff;
}

.one-group-body-row.edit .one-group-body-col.other-col .one-other-col:last-child {
	border-right: 1px solid #29a2ff;
	border-radius: 0 6px 6px 0;
}

.one-group-body-row.edit .one-other-col:before {
	content: '';
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.name-create-coh {
	float: left;
	border: 2px solid #b7e5ad;
	background-color: #d4f0ce;
	height: 18px;
	line-height: 14px;
	padding: 0 3px;
	color: #808080;
	float: left;
	margin-left: 20px;
	border-radius: 3px;
}

.bt-create-coh {
	float: right;
	margin-top: -3px;
}

.bt-create-coh a {
	display: block;
	float: left;
	cursor: pointer;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 5px;
	border: 1px solid #dde4e9;
	margin-left: 8px;
	background: #fff url(images/done.png) center center no-repeat;
}

.bt-create-coh a.ok {}

.bt-create-coh a.conc {
	background-image: url(images/canc.png);
}

.one-group-body-row.sum-row {
	background-color: #f1f4f6;
}

.one-group-body-row.sum-row .group-name-teacher {
	font-size: 14px;
	font-weight: 600;
}

.one-group-body-row.sum-row span.left-group-name-teacher {
	font-weight: 600;
}

.one-group-body-row.sum-row {}

.one-other-col.sum-time {
	width: 230px;
	flex: 230px 0 0;
}

.all-hourly.teacher-hourly .one-group-less {
	overflow: hidden;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 4.7px 0.3px rgba(0, 72, 128, 0.16);
}

.all-hourly.teacher-hourly .one-group-body-row.top-row {
	height: 60px;
}

.all-hourly.teacher-hourly .one-group-body-row.top-row .one-group-body-col.name-col {
	background-color: #eaebf3;
	height: 60px;
}

.all-hourly.teacher-hourly .one-group-body-row.top-row .one-other-col {
	background-color: #eaebf3;
	height: 60px;
}

.all-hourly.teacher-hourly .one-group-body-row.top-row .one-group-body-col.other-col {
	height: 60px;
}

.all-hourly.teacher-hourly .one-group-body-col.name-col {
	font-weight: 600;
	font-size: 13px;
}

.all-hourly.teacher-hourly .one-group-body-row.def-row .one-group-body-col.other-col > div {
	font-size: 13px;
}

.all-hourly.teacher-hourly .one-group-body-row.info-row {
	height: 50px;
}

.all-hourly.teacher-hourly .one-group-body-row.info-row .one-group-body-col.name-col {
	background-color: #eaebf3;
	height: 50px;
}

.all-hourly.teacher-hourly .one-group-body-row.info-row .one-other-col {
	background-color: #eaebf3;
	height: 50px;
	font-size: 13px;
}

.all-hourly.teacher-hourly .one-group-body-row.info-row .one-group-body-col.other-col {
	height: 50px;
}

.createschedule {
	float: left;
	width: 100%;
	min-width: 1230px;
}

.side-sched {
	float: left;
	width: 200px;
}

.one-shed {
	float: left;
	width: 100%;
}

.one-shed-tit {
	margin-bottom: 10px;
}

.one-shed-tit a {
	text-decoration: none;
	color: #333333;
	font-size: 14px;
	font-weight: 600;
	position: relative;
	display: block;
	cursor: pointer;
}

.one-shed-tit a:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -6px;
	width: 8px;
	height: 8px;
	right: 0;
	border: none;
	border-left: 2px solid #808080;
	border-bottom: 2px solid #808080;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.one-shed-tit a.collapsed:after {
	margin-top: -3px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.one-shed-body {
	cursor: pointer;
	width: 100%;
	padding: 15px 10px;
	margin-bottom: 16px;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 2px 5.64px 0.36px rgba(0, 72, 128, 0.16);
  border: 1px solid #fff;
}

.one-shed-body.active {
	border-color: #79c3fc;
  box-shadow: 0px 7px 9.4px 0.6px rgba(0, 72, 128, 0.16);
}

.one-min-shed {
	width: 100%;
	padding: 0 5px;
}

.one-min-shed:nth-child(2n) {
	border-top: 1px solid #e8ebed;
	padding-top: 10px;
	margin-top: 10px;
}

.one-min-shed-tit {
	font-size: 12px;
	font-weight: 600;
	width: 100%;
	margin-bottom: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.one-min-shed-tit span {
	color: #808080;
}

.one-min-shed-descr {
	font-size: 12px;
	width: 100%;
}

.one-min-shed-descr span {
	color: #808080;
	display: block;
	padding-top: 3px;
}

.wrap-sched {
	margin-left: 220px;
	background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 4.7px 0.3px rgba(0, 72, 128, 0.16);
}

.wrap-sched-table {
}

.wrap-sched-tr {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.wrap-sched-tr.sched-tr-top {}

.wrap-sched-tr.sched-tr-top .wrap-sched-td {
	height: 70px;
	padding-bottom: 18px;
	padding: 20px 15px 10px;
	border-bottom: 2px solid #edeff2;
	font-weight: 600;
	min-height: inherit;
}

.wrap-sched-td {
	padding: 2px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border-right: 1px solid #dde4e9;
	border-bottom: 1px solid #edeff2;
	width: 20%;
	min-height: 220px;
	font-size: 14px;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	align-content: flex-start;	
}

.wrap-sched-td.td-num {
	width: 50px;
	flex: 50px 0 0;
	justify-content: center;
	font-weight: 600;
	padding-top: 10px;
}

.add-lesses {
	padding: 8px 14px;
}

.add-lesses span {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #29b11e;
	position: relative;
}

.add-lesses span:before, .add-lesses span:after {
	content: '';
	position: absolute;
	height: 2px;
	width: 10px;
	background-color: #fff;
	top: 50%;
	margin-top: -1px;
	left: 50%;
	margin-left: -5px;
}

.add-lesses span:after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.added-sched {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 100%;
	width: 100%;
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	border-radius: 5px;
	padding: 0px 3px;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	align-content: flex-start;
}

.added-sched.active {
	border: 1px solid #fcb557;}

.added-sched-min {
	float: left;
	width: 100%;
	padding: 9px 4px 11px;
}

.added-sched-min:nth-child(3) {
	border-top: 1px solid #dde4e9;
}

.added-sched-min-top {
	float: left;
	width: 100%;
	height: 57px;
	font-size: 12px;
}

.added-sched-tit {
	color: #333333;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.added-sched-tit span {
	color: #808080;
}

.added-sched-name {
	font-weight: 500;
}

.added-sched-descr {
	color: #808080;
}

.added-sched-select {}

.del-this {
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	width: 26px;
	height: 26px;
}

.del-this:before, .del-this:after {
	content: '';
	position: absolute;
	height: 1px;
	width: 12px;
	left: 50%;
	margin-left: -6px;
	top: 50%;
	margin-top: -1px;
	background-color: #757575;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.del-this:hover:before, .del-this:hover:after {
	background-color: #000;
}

.del-this:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.added-sched-select button {
	outline: none;
	height: 30px;
	line-height: 30px;
	width: 100%;
	padding: 0 7px;
	border: 1px solid #dde4e9;
	background-color: #fff;
	font-size: 12px;
	color: #333333;
	position: relative;
	text-align: left;
}

.added-sched-select .btn-group {
	width: 100%;
}

.added-sched-select .dropdown-toggle::after {
	top: 50%;
	margin-top: -3px;
	border-left: 5px solid #808080;
}

.added-sched-select .dropdown-menu {
	width: 200px;
	padding: 0;
}

.added-sched-select .dropdown-menu ul {
	list-style: none;
	padding: 3px 0 5px;
	margin: 0;
	border-bottom: 1px solid #e8ebed;
	font-size: 12px;
}

.added-sched-select .dropdown-menu ul li {}

.added-sched-select .dropdown-menu ul li span {
	padding: 6px 10px;
	display: block;
	font-weight: 600;
}

.added-sched-select .dropdown-menu ul li a {
	padding: 6px 10px;
	display: block;
	cursor: pointer;
	color: #333;
	text-decoration: none !important;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.added-sched-select .dropdown-menu ul li a:hover, .added-sched-select .dropdown-menu ul li a.active {
	background-color: #f5f5f5;
	font-weight: 600;
}

.dropdown-menu-in {
	max-height: 315px;
	width: 100%;
	float: left;
	overflow-y: auto;
	border-bottom: 1px solid #e8ebed;
}

.drop-bt {
	float: left;
	width: 100%;
}

.drop-bt a {
	font-size: 12px;
	display: block;
	cursor: pointer;
	padding: 10px;
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.drop-bt a:hover {
	font-weight: 600;
}

.added-sched.view {
	border-color: #ebeef5;
	background-color: #ebeef5;
}

.added-sched.half {
	height: 49%;
	margin-bottom: 1%;
}

.added-sched.half:last-child {
	height: 50%;
	margin-bottom: 0;
}

.add-lesses.err span {
	background-color: #ff4842;
}

.add-lesses.err span:after {
	content: normal;
}

.error-ico {
	width: 12px;
	height: 12px;
	background: url(images/error-ico.png) center center no-repeat;
	position: absolute;
	top: 22px;
	right: 7px;
}

.error-message {
	font-size: 12px;
	position: absolute;
	z-index: 99;
	background-color: #fff;
	width: 280px;
	left: 50%;
	top: 50%;
	border: 1px solid #ff4842;
	border-radius: 10px;
	padding: 15px 15px 10px;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

.error-message-tit {
	color: #ff4842;
	font-weight: 600;
}

.one-error-message {
	font-weight: 500;
}

.one-error-message span {
	color: #ff4842;}

.sched-done {
	color: #29b11e;
}

.plan {   
	float: left;
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 3px 4.7px 0.3px rgba(0, 72, 128, 0.16);
}

.plan-table {
	float: left;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.plan-tr {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
}

.plan-tr:hover {
	background-color: #f9f9f9;
}

.plan-tr.plan-top {
	background-color: #fff !important;
}

.plan-tr.plan-top .plan-td {
	height: 70px;
	padding-bottom: 18px;
	border-bottom: 2px solid #edeff2;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
	font-weight: 800;
	min-height: inherit;
	font-size: 14px;
}

.plan-td {
	padding: 2px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border-right: 1px solid #dde4e9;
	border-bottom: 1px solid #edeff2;
	width: 33.33%;
	padding: 15px 10px;
	font-size: 12px;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	align-content: flex-start;
	font-weight: 600;
}

.plan-td.plan-num {
	width: 60px;
	flex: 60px 0 0;
	padding: 15px 20px;
}

.plan-td.plan-date {
	width: 100px;
	flex: 100px 0 0;
}

.plan-td.plan-theme {
	flex: 1 1 auto;
}

.plan-td.plan-theme span {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;}

.bl-right-plan {}


.bl-right-plan {
	position: fixed;
	z-index: 999;
	top: 0;
	right: 0;
	bottom: 0;
	width: 420px;
	background-color: #fff;
	padding: 20px;
  box-shadow: -13px 0px 18.8px 1.2px rgba(0, 72, 128, 0.2),-2px 0px 25.38px 1.62px rgba(0, 72, 128, 0.1);
  -webkit-transform: translate3d(500px, 0, 0);
  -ms-transform: translate3d(500px, 0, 0);
  -o-transform: translate3d(500px, 0, 0);
  transform: translate3d(500px, 0, 0);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.bl-right-plan.active {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.bl-right-plan-close {
	position: absolute;
	width: 70px;
	height: 70px;
	right: 0;
	top: 0;
	cursor: pointer;
}

.bl-right-plan-close:before, .bl-right-plan-close:after {
	content: '';
	position: absolute;
	height: 2px;
	width: 20px;
	left: 50%;
	margin-left: -10px;
	top: 50%;
	margin-top: -1px;
	background-color: #757575;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.bl-right-plan-close:hover:before, .bl-right-plan-close:hover:after {
	background-color: #000;
}

.bl-right-plan-close:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.bl-plan-tit {
	float: left;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
}

.bl-plan-them {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.bl-plan-them-tit {
	float: left;
	width: 100%;
	padding: 0 8px;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 3px;
}

.bl-plan-descr {
	float: left;
	width: 100%;
	padding: 8px;
	border: 1px solid #dde4e9;
	border-radius: 4px;
	font-weight: 500;
	font-size: 12px;
	min-height: 80px;
	line-height: 19px;
}

.plan-time {
	float: left;
	width: 100%;
}

.plan-time-num {
	float: left;
	width: 160px;
	padding: 0 8px;
	border: 1px solid #dde4e9;
	border-radius: 4px;
	font-weight: 500;
	font-size: 12px;
	min-height: 36px;
	line-height: 36px;}

.plan-time-name {
	float: left;
	line-height: 36px;
	font-size: 13px;
	margin-left: 10px;
}

.bg-plan {
	position: fixed;
	z-index: 898;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(240,244,247,0.5);
}

.navigaton-mob {
	display: none;
}

.has-home {
	float: left;
	width: 100%;
	padding-top: 20px;
}

.has-home span {
	float: left;
	font-size: 11px;
	font-weight: 500;
	color: #29b11e;
	display: block;
	padding: 2px 10px;
	background-color: #d4efd2;
	border-radius: 4px;
}

.has-comm {
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: #29a2ff;
	border-radius: 50%;
	left: 5px;
	top: 5px;
}

.nav-timetable.nav-right {
	float: right;
	width: auto;
	margin-top: 5px;
}

.tz-menu {
	float: left;
}

.tz-menu a {
	float: left;
	background-color: #fff;
	color: #000000;
	margin-left: 12px;
}

.dz {
	float: left;
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
}

.dz-top {
	float: left;
	width: 100%;
	padding-left: 80px;
	border-bottom: 1px solid #dde4e9;
}

.dz-top-link {
	float: left;
}

.dz-top-link ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.dz-top-link li {
	float: left;
	margin-right: 37px;
}

.dz-top-link li a {
	font-size: 14px;
	font-weight: 600;
	color: #333333;
	padding: 20px 0 15px;
	display: block;
	cursor: pointer;
}

.dz-top-link li a.active {
	color: #29a2ff;}

.dz-top-link li span {
	color: #808080;
	font-weight: 500;
}

.dz-all {
	float: left;
	width: 100%;
}

.dz-one {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #dde4e9;
	padding-top: 23px;
}

.dz-one-thumb {
	float: left;
	width: 80px;
	padding-left: 15px;
}

.dz-one-thumb img {
	border-radius: 50%;
}

.dz-one-descr {
	padding-left: 80px;
	padding-right: 65px;
}

.dz-one-top {
	float: left;
	width: 100%;
	padding-top: 8px;
	margin-bottom: 5px;
}

.dz-one-name {
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-right: 12px;
}

.dz-one-data {
	float: left;
	font-size: 12px;
	color: #808080;
}

.dz-one-data span {
	font-weight: bold;
}

.dz-one-tit {
	float: left;
	width: 100%;
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 30px;
}

.dz-one-text {
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 15px;
}

.dz-one-text a {
	text-decoration: underline;
}

.dz-one-file {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.dz-one-file a {
	font-size: 11px;
	display: block;
	float: left;
	cursor: pointer;
	margin-right: 30px;
	height: 18px;
	line-height: 18px;
	color: #333333;
}

.pdf {
	padding-left: 22px;
	background: url(images/pdf-grey.png) left center no-repeat;
}

.doc {
	padding-left: 22px;
	background: url(images/doc-grey.png) left center no-repeat;}

.dwnl-all {
	padding-left: 22px;
	background: url(images/downl-grey.png) left center no-repeat;}

.dz-one-bt {
	float: left;
	width: 100%;
}

.dz-one-bt a {
	padding: 0px 18px;
	float: left;
}

.dz-one-bt a.border-bt {
	float: right;
	color: #333;
}

span.dz-good {
	font-size: 12px;
	color: #29b11e;
	padding: 0 20px 0 45px;
	display: block;
	float: left;
	height: 34px;
	line-height: 34px;
	border-radius: 5px;
	font-weight: bold;
	background: #ddf2db url(images/done.png) 18px center no-repeat;
}

.add-com-dz {
	float: left;
	width: 100%;
}

.add-com-dz-in {
	display: inline-block;
	width: 100%;
	padding-top: 20px;
}

.add-com-dz-in textarea {
	float: left;
	width: 100%;
	border: 1px solid #dde4e9;
	padding: 8px 8px;
	font-size: 14px;
	font-style: italic;
	margin-bottom: 15px;
}

.add-com-dz-bt {
	float: left;
	width: 100%;
}

.add-com-dz-bt a.blue-bt {
	float: left;
	margin-right: 15px;
	padding: 0 25px;
	text-transform: none;
}

.add-com-dz-bt a.link {
	color: #333 !important;
	text-transform: none;
	font-weight: 600;
}

.back-comm {
	float: left;
	width: 100%;
	padding-top: 25px;
}

.back-comm .dz-one-top {
	padding-left: 12px;
	padding-top: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
}

.back-comm .dz-one-top > div {
	font-size: 12px;
}

.back-comm-avat {
	float: left;
	margin-right: 10px;
	width: 32px;
}

.avat-span {
    display: block;
    width: 32px;
    height: 32px;
    background-color: #14517f;
    border-radius: 50%;
    line-height: 32px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.dz-back-comm {
	margin-top: 8px;
	float: left;
	width: 100%;
	min-height: 64px;
	padding: 12px;
	border-radius: 4px;
	font-size: 14px;
	background-color: #f5f5f5;
}

.dz-comm-one-bt {}

.dz-comm-one-bt a.collapsed {
	color: #333;
}

.have-comm-descr .have-comm-descr {
	border-top: 1px solid #e7ecf0;
	margin-top: 12px;
	padding-top: 10px;
}

.write-with {
	float: left;
	width: 100%;
	padding-top: 20px;
}

.write-with .add-quest-pop {
	padding-top: 10px;
}

.write-with .add-quest-pop a {
	padding: 0 35px;
}

.mid-width .modal-dialog {
	max-width: 800px;
}

.mod-com {
	float: left;
	width: 100%;
	padding-top: 20px;
}

.mod-com-name {
	float: left;
	width: 100%;
	font-size: 15px;
	padding: 0 8px;
	margin-bottom: 3px;
}

.att-blue {
	color: #29a2ff;
}

.mod-com textarea {
	font-style: italic;
	float: left;
	width: 100%;
	font-size: 14px;
	border: 1px solid #dde4e9;
	padding: 10px 10px;
	min-height: 150px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.mod-com-bt {
	float: left;
	width: 100%;
}

.mod-com-bt a {
	padding: 0 20px;
	margin-right: 24px;
}

.mod-com-bt a.blue-bt {}

.mod-com-bt a.border-bt {
	height: 36px;
	line-height: 36px;
	border-color: #7fc7ff;
}

.mod-file {
	margin: 0 -30px;
}

.mod-file-in {
	float: left;
	width: 100%;
	padding: 0 30px;
	border-bottom: 1px solid #e7ecf0;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.mod-file-in .add-photo span {
	color: #333;
	text-transform: none;
}

.mod-file.added .add-photo {
	float: right;
}

.list-file {
	float: left;
	padding-top: 6px;
}

.list-file a {
	font-size: 11px;
	color: #333;
}

.teach-list {
	float: left;
	width: 100%;
	border-radius: 6px;
	background-color: #fff;
	-webkit-box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	-moz-box-shadow:    1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	box-shadow:         1px 0px 5px 0px rgba(141, 161, 177, 0.2);
}

.teach-list-top {
	font-size: 12px;
	color: #888888;
	border-bottom: 1px solid #DDDDDD;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
}

.teach-list-top .one-line-tech {
	padding: 32px;}

.teach-list-top .one-line-tech.teach-list-info > span {
	display: none;
}

.one-line-tech {
	padding: 0 32px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
}

.one-line-tech .one-line-tech {
	padding: 0 !important;
}

.teach-list-name {
	width: 17%;
}

.teach-list-less {
	width: 18%;
}

.teach-list-class {
	width: 11%;
}

.teach-list-info {
	flex: 0 0 71%;
}

.teach-list-pib {
	width: 37%;
}

.teach-list-phone {
	width: 37%;
}

.teach-list-mail {
	flex: 1 1 auto;
}

.teach-list-one {
	font-size: 12px;
	color: #333;
	border-bottom: 1px solid #DDDDDD;
	font-weight: bold;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
}

.teach-list-one-in {
	width: 83%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.teach-list-one .teach-list-name {
	background-color: #FAFAFA;
	border-right: 1px solid #DDDDDD;
	padding: 22px 32px;
	font-size: 14px;
}

.teach-list-one-sub {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
	width: 100%;
	border-bottom: 1px solid #F6F6F6;
	padding: 15px 0;
}

.teach-list-one-sub:last-child {
	border-bottom: none;
}

.one-line-tech.teach-list-phone span {
	display: inline-block;
	margin: 0 20px 0 0;
	font-weight: 500;
}

.teach-list-one-in .teach-list-less {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.les-one-col {
	display: inline-block;
	border-radius: 3px;
	padding: 3px 8px;
	font-weight: normal;
	margin: 0 5px 5px 0;
}

.les-one-col.c-1 {
	background-color: #F3F8EC;
	border: 1px solid #CED9BE;
}


.les-one-col.c-2 {
	background-color: #FFEFDA;
	border: 1px solid #EDD7B9;
}


.les-one-col.c-3 {
	background-color: #D7E6FE;
	border: 1px solid #BECEE8;
}

.teach-list-mail a {
	font-weight: normal;
}

.teach-list-mail .les-one-col {
	display: none;
}

.shtat-list {
	float: left;
	width: 100%;
	border-radius: 6px;
	background-color: #fff;
	-webkit-box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	-moz-box-shadow:    1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	box-shadow:         1px 0px 5px 0px rgba(141, 161, 177, 0.2);
}

.shtat-list-table {
	display: table;
	width: 100%;
}

.shtat-list-tr {
	display: table-row;
}

.shtat-list-tr:nth-child(2n) .shtat-list-td {
	background-color: #FAFAFA;
}

.shtat-list-tr.shtat-list-top {}

.shtat-list-tr.shtat-list-top .shtat-list-td {
	padding: 22px 25px;
	color: #888888;
	font-size: 12px;
	border-bottom: 1px solid #DDDDDD;
	font-weight: normal;
}

.shtat-list-td {
	padding: 15px 25px;
	display: table-cell;
	vertical-align: middle;
	color: #333;
	font-size: 12px;
}

.shtat-list-td.stat-num {
	width: 7%;
}

.shtat-list-td.stat-name {
	width: 14%;
}

.shtat-list-tr:not(.shtat-list-top) .stat-name  {
	font-weight: bold;
	font-size: 14px;
	border-right: 1px solid #DDDDDD;
}

.shtat-list-td.stat-less {
	width: 18%;
}

.shtat-list-td.stat-class {
	width: 18%;
}

.shtat-list-tr:not(.shtat-list-top) .stat-class  {
	font-weight: bold;
	font-size: 14px;
}

.shtat-list-td.stat-h {
	width: 18%;
}

.shtat-list-tr:not(.shtat-list-top) .stat-h  {
	font-weight: bold;
	font-size: 14px;
}

.shtat-list-td.stat-cat {
	width: 18%;
}

.shtat-list-td.stat-st {}

.tarif {
	display: none;
}

span.li-r i {
	font-style: normal;
}

span.li-l {
	display: none;
}




.pupil-list {
	float: left;
	width: 100%;
	border-radius: 6px;
	background-color: #fff;
	-webkit-box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	-moz-box-shadow:    1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	box-shadow:         1px 0px 5px 0px rgba(141, 161, 177, 0.2);
}

.pupil-list-table {
	display: table;
	width: 100%;
}

.pupil-list-tr {
	display: table-row;
}

.pupil-list-tr:nth-child(2n) .pupil-list-td {
	background-color: #FAFAFA;
}

.pupil-list-tr.pupil-list-top {}

.pupil-list-tr.pupil-list-top .pupil-list-td {
	padding: 22px 0px 22px 20px;
	color: #888888;
	font-size: 12px;
	border-bottom: 1px solid #DDDDDD;
	font-weight: normal;
}

.pupil-list-td {
	padding: 15px 0px 15px 20px;
	display: table-cell;
	vertical-align: middle;
	color: #333;
	font-size: 12px;
	min-height: 18px;
}

.pupil-list-td .pupil-list-td {
	padding: 0 0px 0 20px !important;
	border: none !important;
}

.pupil-list-td.group-info-pupil, .pupil-list-td.group-info-parent {
	padding: 15px 0!important;
}

.pupil-list-td-table-in {
	display: block;
	width: 100%;
}

.pupil-list-tr-table-in {
	display: block;
}

.pupil-list-tr-table-in > div {
	display: block;
	float: left;
}

.pupil-list-td.stat-num {
	width: 5%;
	white-space: nowrap;
}

.pupil-list-td.stat-name {
	width: 12%;
}

.pupil-list-td.stat-data {
	width: 9%;
}

.pupil-list-td.group-info-pupil {
	width: 37%;
}

.pupil-list-td.stat-home {
	width: 33%;
}

.pupil-list-td.stat-phone {
	width: 27%;
}

.pupil-list-td.stat-mail {
	width: 40%;
}

.pupil-list-td.group-info-parent {
	width: 37%;
}

.pupil-list-td.stat-parents {
	width: 37%;
}

.pupil-list-td.stat-parents-phone {
	width: 27%;
}

.pupil-list-td.stat-parents-mail {
	width: 36%;
}

.link-ico {}

.link-ico a {
	float: left;
	margin-right: 8px;
}

.stat-phone span {
	display: block;
}

.stat-mail span {
	display: block;
}

.stat-parents span {
	display: block;
}

.stat-parents-phone span {
	display: block;
}

.stat-parents-mail span {
	display: block;
}

.pupil-list-tr:not(.pupil-list-top) .stat-name {
	font-weight: bold;
}

.name-list-table-adapt {
	display: none;
}

.data-adapt-list {
	display: none;
}

.data-adapt-list span {
	display: none;
}

.mob-list-tit {
	display: none !important;
}

.min-width-constr .container {
	width: 1640px;
	padding: 0 15px;
}

.constr {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 30px;
}

.constr-nav {
	float: left;
	width: 100%;
	height: 0;
}

.nav-constr-arr {
	position: absolute;
	top: 13px;
}

.nav-constr-arr.arr-left {
	left: 14px;
}

.nav-constr-arr a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	cursor: pointer;
	float: left;
	border: 1px solid #2785E2;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	justify-content: center;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
}

.nav-constr-arr.arr-right {
	right: 14px;
}

.nav-constr-arr.arr-right a {
	margin-left: 6px;
}

.constr-body {
	float: left;
	width: 100%;
	overflow: hidden;
}

.constr-body-in {}

.constr-top {
	font-size: 0;
	white-space: nowrap;
	margin-bottom: 22px;          
}

.one-const-day {
	display: inline-block;
	border-top: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
}

.one-constr-day-name {
	background-color: #fff;
	height: 53px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #D3D3D3;
}

.one-constr-day-name span {
	display: inline-block;
	padding: 3px 10px;
	font-size: 12px;
	margin-left: 7px;
	background-color: #E2F0CE;
	border-radius: 4px;
}

.one-constr-day-less-all {}

.one-constr-day-less-name {
	display: inline-block;
	width: 115px;
	height: 38px;
	line-height: 38px;
	font-size: 12px;
	color: #878788;
	text-align: center;
	border-right: 1px solid #F6F6F6;
}

.one-constr-day-less-name:last-child {
	border-right: none;
}

.one-constr-day-less-name.width-2-space {
	width: 230px;
}

.constr-day-choose-top {
	font-size: 0;
	white-space: nowrap;
	background-color: #fff;
}

.constr-day-choose {
	background-color: #fff;
	display: inline-block;
	border-top: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
}

.constr-day-one-less-for-choose {
	display: inline-block;
	vertical-align: top;
	height: 136px;
	width: 115px;
	border-right: 1px solid #F6F6F6;
	position: relative;
}

.constr-day-one-less-for-choose.width-2-space {
	width: 229px;
}

.one-less-day {
	padding: 2px;
	float: left;
	vertical-align: top;
}

.one-less-day-in {
	width: 111px;
	padding: 13px 10px;
	position: relative;
	border-radius: 4px;
}

.full-less .one-less-day-in {
	height: 131px;
}

.half-less .one-less-day-in {
	height: 63px;
}

.half-less .one-less-day {
	border-bottom: 1px solid #F6F6F6;
}

.half-less .one-less-day:last-child {
	border-bottom: none;
}

.one-less-day.one-less-group {
	height: 136px;
	border-right: 1px solid #F6F6F6;
	width: 114px;
}

.one-less-day.one-less-group:last-child {
	border-right: none;
}

.one-less-group .one-less-day-in {
	width: 109px;
	padding: 12px 10px;
}

.one-less-day.group-top {}

.group-bot {
	margin-top: 69px;
}

.one-goup-in:nth-child(3) {
	border-top: 1px solid #fdfdfd;
	padding-top: 5px;
}

.one-goup-in {
	height: 50px;
}

.color-1 {
	background-color: #FFEFDA;
	border: 1px solid #EDD7B9;
}

.color-1 .one-less-day-info {
	color: #A2927C;
}

.color-2 {
	background-color: #E2F0CE;
	border: 1px solid #CED9BE;
}

.color-2 .one-less-day-info {
	color: #899B6F;
}

.color-3 {
	background-color: #D7E6FE;
	border: 1px solid #BECEE8;
}

.color-3 .one-less-day-info {
	color: #7385A2;
}

.color-4 {
	background-color: #FDDEE4;
	border: 1px solid #E3C5CB;
}

.color-4 .one-less-day-info {
	color: #AC828A;
}

.color-5 {
	background-color: #F1DBF5;
	border: 1px solid #DFC0E5;
}

.one-less-day-teacher {
	font-size: 12px;
	color: #575757;
}

.one-less-day-name {
	font-size: 13px;
	color: #333333;
	font-weight: bold;
}

.one-less-day-choose-number {
	position: absolute;
	left: 12px;
	bottom: 12px;
}

.one-less-day-choose-number .dropdown .dropdown-menu {
	top: 100% !important;
	-webkit-transform: translate3d(0, 0, 0) !important;
	-ms-transform: translate3d(0, 0, 0) !important;
	-o-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
}

.one-less-day-choose-number .nav-item.dropdown > a {
	font-size: 11px;
	height: 22px;
	line-height: 22px;
}

.one-less-day-choose-number .dropdown a.dropdown-item {
	width: 25%;
	float: left;
	clear: inherit;
	text-align: center;
}

.one-less-day-choose-number .dropdown-toggle::after {
	top: 8px;
}

.one-less-day-info {
	font-size: 11px;
	color: #899B6F;
}

.one-less-day-in.gr-left-side:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	background-color: #7085A7;
	height: 40px;
	width: 4px;
	border-radius: 0 4px 4px 0;
	margin-top: -20px;
}

.one-less-day-in.gr-right-side:before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	background-color: #7085A7;
	height: 40px;
	width: 4px;
	border-radius: 5px 0 0 4px;
	margin-top: -20px;
}

.ico-group {
	position: absolute;
	top: 5px;
	right: 7px;
}

.edit-line .constr-day-one-less-for-choose.empty:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border: 2px dashed #D3D3D3;
	border-radius: 4px;
}

.edit-line .constr-day-one-less-for-choose.no-edit {
	background: url(images/not-edit.png) 0 0 repeat;
}

.constr-day-list-less {
	height: 150px;
	float: left;
	width: 100%;
	padding-top: 20px;
	margin-top: -20px;
	overflow-x: auto;
	overflow-y: hidden;
	position: absolute;
	left: 0;
}

.constr-day-list-less-wrap {
	float: left;
	width: 100%;
	height: 120px;
}

.constr-day-list-less-in {
	width: 100%;
	height: 120px;
	white-space: nowrap;
	font-size: 0;
	padding: 8px 3px;
	background-color: #D3D3D3;
}

.constr-day-list-less-in > div {
	display: inline-block;
}

.class-constr-block {
	border-radius: 4px;
	background-color: #E6E6E6;
	margin-right: 4px;
	padding: 10px;
	height: 102px;
	width: 226px;
}

.class-constr-name {
	width: 100%;
	float: left;
	line-height: 1;
	margin-bottom: 5px;
}

.class-constr-name span {
	font-size: 40px;
	float: left;
	font-weight: bold;
	color: #4E4E4E;
}

.class-constr-name i {
	font-size: 12px;
	font-style: normal;
	border-radius: 4px;
	background-color: #fff;
	display: block;
	padding: 2px 5px 0px;
	float: left;
	margin-left: 5px;
	margin-top: 21px;
}

.class-constr-link {
	width: 100%;
	float: left;
}

.class-constr-link a {
	text-decoration: underline;
	display: block;
	margin-bottom: 6px;
	color: #4E4E4E;
	font-size: 11px;
}

.constr-day-list-less-in .constr-day-one-less-for-choose {
	border-right: none;
	width: 111px;
	margin-right: 4px;
	height: 103px;
}

.constr-day-list-less-in .one-less-day {
	padding: 0;
	position: relative;
	top: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.constr-day-list-less-in .constr-day-one-less-for-choose:hover .one-less-day {
	top: -20px;
}

.constr-day-list-less-in .constr-day-one-less-for-choose:hover .one-less-day-in {
	background-color: #fff;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(159, 146, 122, 0.3);
	-moz-box-shadow:    0px 5px 7px 0px rgba(159, 146, 122, 0.3);
	box-shadow:         0px 5px 7px 0px rgba(159, 146, 122, 0.3);
}

.constr-day-list-less-in .full-less .one-less-day-in {
	height: 103px;
	padding: 8px 10px;
	cursor: pointer;
}

.constr-day-list-less-in .half-less .one-less-day-in {
	height: 52px;
	padding: 8px 10px;
}

.constr-day-list-less-in .half-less.pos-bot .one-less-day-in {
	margin-top: 52px;
}

.constr-wrap {
	float: left;
	width: 100%;
}

.one-constr-line {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.bt-constr {
	float: left;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
}

.bt-constr a {
	min-width: 167px;
	margin-right: 25px;
}

.finance {
	float: left;
	width: 100%;
}

.finance-top {
	float: left;
	width: 100%;
	border-radius: 6px;
	border: 1px solid #d4d4d4;
	margin-bottom: 20px;
}

.finance-top select {
	background-color: #fff;
}

.finance-data {
	width: 35%;
	float: left;
	padding: 20px 25px;
}

.finance-top-tit {
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}

.finance-data-in {}

.finance-one-data {
	float: left;
	width: 44%;
	margin-right: 2%;
}

.finance-one-data input {
	font-size: 14px;
	border: 1px solid #e0e6eb;
	border-radius: 3px;
	height: 34px;
	width: 100%;
	padding: 0 13px;
	background: #fff url(images/cal.png) right 8px center no-repeat;
}

.finance-stat {
	width: 65%;
	float: left;
	padding: 20px 25px;
}

.finance-stat-in {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.finance-check {}

.finance-check label {
	padding-left: 28px;
	position: relative;
	height: 36px;
	font-size: 12px;
	cursor: pointer;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
}

.finance-check label input {
	display: none;
	visibility: hidden;
}

.finance-check label i {
	display: block;
	width: 19px;
	height: 19px;
	border-radius: 3px;
	border: 1px solid #e7e7e7;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
}

.finance-check label.checked i:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -3px;
	width: 5px;
	height: 4px;
	left: 50%;
	margin-left: -2px;
	border: none;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.finance-check span {}

.finance-bt {}

.finance-bt button {
	width: 123px;
	height: 34px;
	line-height: 34px;
	font-size: 12px;
	text-transform: none;
}

.choose-serv {
	float: left;
	width: 100%;
}

.choose-serv-bt {
	width: 100%;
	padding: 0 25px 25px;
}

.choose-serv-bt a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #0572de;
	border-bottom: 1px dashed #0572de;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.choose-serv-bt a:hover {
	border-color: transparent;
}

.collapse {
	width: 100%;
}

.card.card-body {
	width: 100%;
	background-color: transparent;
	border: none;
	padding: 0;
	background-color: #f6f6f6;
	border-top: 1px solid #e0e0e0;
}

.check-serv-inside {
	padding: 20px 25px;
}

.check-serv-inside .finance-stat-in {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.check-serv-inside .finance-stat-in .finance-check {
	width: 25%;
}

.finance-list {
	float: left;
	width: 100%;
}

.finance-list-in {
	float: left;
	width: 100%;
	border-radius: 6px;
	background-color: #fff;
	-webkit-box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	-moz-box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
}

.finance-list-line {
	float: left;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
	border-bottom: 1px solid #f7f7f7;
}

.finance-list-first-group {
	padding: 0 15px;
	width: 52%;
	float: left;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
}

.finance-list-first-group > div {
	float: left;
	padding: 15px 10px;
	font-size: 12px;
	min-height: 20px;
}

.finance-list-comm {
	float: left;
	width: 80%;
}

.line-top .finance-list-comm {
	font-weight: bold;
}

.finance-list-data {
	text-align: right;
}

.finance-list-line.line-top {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 5px;
}

.finance-list-line.line-top a {
	display: inline-block;
	position: relative;
	padding-right: 10px;
	color: #343a3e;
	font-size: 12px;
}

.finance-list-line.line-top a.active:before {
	content: '';
	right: 0;
	top: 50%;
	margin-top: -2px;
	position: absolute;
	border-top: 4px solid #5d5d5e;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
}

.finance-list-line.line-top a.active.up:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.finance-list-sec-group {
	padding: 0 15px;
	width: 48%;
	float: left;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
}

.finance-list-sec-group > div {
	float: left;
	width: 26%;
	text-align: right;
	padding: 15px 10px;
	font-size: 12px;
	min-height: 20px;
}

.finance-list-sec-group > div > span {
	display: block;
	color: #969696;
}

.finance-list-sec-group .finance-list-sum {
	width: 22%;
}

.finance-list-sec-group .finance-list-pay {
}

.finance-list-sec-group .finance-list-pay-data {
	width: 24%;
}

.finance-list-sec-group .finance-list-bt {
	width: 28%;
}

.finance-list-sec-group .finance-list-bt a {
	text-align: center;
	text-transform: none;
	width: 100%;
	font-size: 12px;
	padding: 0;
}

.finance-list-sec-group .finance-list-bt a.border-bt {
	color: #333;
}

.fin-one-comm {
	width: 85%;
	line-height: 1.5;
	font-size: 12px;
}

.fin-one-comm-thumb {
	float: left;
	width: 30px;
}

.fin-one-comm-descr {
	padding-left: 30px;
}

.fin-one-comm-tit {
	font-weight: bold;
	color: #d48d3a;
	font-size: 13px;
}

.green .fin-one-comm-tit {
	color: #4d8f1d;
}

.fin-one-comm-text {}

.fin-one-comm-text-more {}

.fin-one-comm-text-more a {
	color: #b2b2b2;
	text-decoration: underline;
}

.finance-list-line.last-sum .finance-list-sec-group > div {
	font-weight: bold;
	font-size: 14px;
}

.hide-bl-finance {
	display: none;
}

.downl-excel {
	margin-top: 4px;
	float: left;
	margin-left: 15px;
	padding-left: 23px;
	background: url(images/excel.png) left center no-repeat;
	font-size: 12px;
	text-decoration: underline;
}

.info-pupil .tit-sem {
	float: left;
}

.status-info-pupil {}

.status-info-pupil a {
	display: inline-block;
	margin-left: 8px;
	height: 25px;
	line-height: 23px;
	border-radius: 5px;
	border: 1px solid #DE8335;
	padding: 0px 9px;
	font-size: 12px;
	color: #333333;
}

.status-info-pupil a.ok {
	border: 1px solid #6DA345;
	padding-left: 20px;
	background: url(images/ok.png) 7px center no-repeat;
}

.info-pupil-body {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 6px;
	background-color: #fff;
	-webkit-box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	-moz-box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
}

.info-pupil-body-top {
	float: left;
	width: 100%;
	display: table;
}

.info-pupil-body-top-line {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.info-pupil-body-top-line > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
	vertical-align: middle;
	padding: 0 25px;
	height: 40px;
	border-bottom: 1px solid #F6F6F6;
}

.info-pupil-body-top-line:last-child > div {
	border-bottom: 1px solid #dddddd;
}

.info-pupil-body-name {
	flex: 15% 0 0;
	width: 15%;
	font-size: 12px;
	border-right: 1px solid #DDDDDD;
}

.info-pupil-body-descr {
	width: 85%;
	font-size: 14px;
	font-weight: bold;
}

.info-pupil-main {
	float: left;
	width: 100%;
}

.info-pupil-main-in {
	float: left;
	width: 100%;}

.info-pupil-main-line {
	float: left;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.info-pupil-main-line.main-line-top div.info-pupil-main-left-part > div, .info-pupil-main-line.main-line-top div.info-pupil-main-right-part > div {
	padding: 40px 10px;
	float: left;
	color: #888888;
	border-right: none;
	border-bottom: 1px solid #DDDDDD;
	font-size: 12px;
}

.info-pupil-main-line.main-line-top > div.info-pupil-main-item.it-1 {
	border-right: 1px solid #DDDDDD;
}

.info-pupil-main-item {
	float: left;
}

.info-pupil-main-item-in {
	width: 100%;
	padding: 10px 10px;
	font-size: 12px;
	float: left;
}

.info-pupil-main-left-part {
	float: left;
	width: 15%;
	border-bottom: 1px solid #F6F6F6;
	border-right: 1px solid #DDDDDD;
}

.info-pupil-main-left-part .info-pupil-main-item-in {
	padding: 20px 10px;
	font-weight: bold;
}

.info-pupil-main-right-part {
	width: 85%;
	float: left;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.one-less-line-pipil {
	border-bottom: 1px solid #F6F6F6;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
}

.one-less-line-pipil > div {
	border-right: 1px solid #DDDDDD;
}

.info-pupil-main-item.it-1 {
	width: 100%;
}

.info-pupil-main-item.it-2 {
	width: 22%;
}

.info-pupil-main-item.it-3 {
	width: 33%;
}

.info-pupil-main-item.it-4 {
	width: 45%;
	border-right: none;
}

.one-score {
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	margin-bottom: 10px;
}

.one-score-num {
	font-size: 22px;
	font-weight: bold;
	float: left;
	font-family: 'Roboto', sans-serif;
}

.one-score-name {
	font-size: 10px;
	float: left;
	margin-left: 7px;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	border-radius: 4px;
	padding: 1px 5px;
	margin-top: 7px;
}

.one-score-name.col-blue {
	border-color: #BECEE8;
	background-color: #D7E6FE;
}

.one-score-name.col-green {
	border-color: #CED9BE;
	background-color: #F3F8EC;
}

.one-score-name.col-red {
	border-color: #E3C5CB;
	background-color: #FDDEE4;
}

.one-score-name.col-orange {
	border-color: #EDD7B9;
	background-color: #FFEFDA;
}

.area-writen {
	float: left;
	width: 100%;
	padding: 12px 15px;
	background: url(images/cant-edit.png) right 10px top 5px no-repeat;
	min-height: 63px;
}

.area-writen.can-edit {
	cursor: pointer;
	padding: 12px 15px;
	border: 1px solid #CED9BE;
	border-radius: 3px;
	background:  #F3F8EC url(images/can-edit.png) right 10px top 5px no-repeat;}

.area-comm-edit {
	float: left;
	width: 100%;
	display: none;
	position: relative;
}

.area-comm-edit textarea {
	padding: 12px 15px;
	height: 63px;
	float: left;
	width: 100%;
	outline: none;
	border-radius: 4px 4px 0 4px;
	color: #000;
	resize: none;
	background:  url(images/can-edit.png) right 10px top 5px no-repeat;
}

.area-coom-bts {
	position: absolute;
	right: 0;
	top: 100%;
	margin-top: -1px;
}

.area-coom-bts a {
	float: left;
	margin-left: 7px;
	display: block;
	cursor: pointer;
	height: 24px;
	line-height: 22px;
	border: 1px solid #CED9BE;
	background-color: #fff;
	border-radius: 0 0 4px 4px;
	padding-right: 12px;
	font-size: 11px;
	color: #000;
	text-decoration: none !important;
}

.save-text {
	padding-left: 25px;
	background: url(images/ok.png) 8px center no-repeat;
}

.conc-text {
	padding-left: 22px;
	background: url(images/conc-edit.png) 8px center no-repeat;
}

.info-editor {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.info-editor-left {
	float: left;
}

.info-editor-name {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

.info-editor-link {
	font-size: 12px;
}

.info-editor-link a {
	color: #000;
	text-decoration: underline;
}

.info-editor-right {
	float: right;
}

.info-editor-right a {
	float: left;
	margin-left: 20px;
	padding: 0 15px;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
}

.info-editor-right a.border-bt {}

.info-editor-right a.blue-bt {
	text-transform: none;
	padding-left: 28px;
	background: #2785E2 url(images/done-white.png) left 10px center no-repeat;
}

.time-line-wrap {
	float: left;
	width: 100%;
}

.one-time-line {
	overflow: hidden;
	float: left;
	width: 100%;
	border: 1px solid #BACEA4;
	background-color: #F3F8EC;
	border-radius: 6px;
	margin-bottom: 20px;
}

.time-line-in {
	float: left;
	width: 100%;
	padding: 22px 15px;
	border-bottom: 1px solid rgba(135,170,78,0.2);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
}

.time-line-in:last-child {
	border: none;
}

.time-line-thumb {
	width: 58px;
	padding: 0px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	flex: 58px 0 0;
}

img {}

.time-line-descr {
	width: 100%;
	padding-left: 15px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.time-line-tit {
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
}

.time-line-tit > span {
	float: left;
	margin-right: 12px;
}

.time-line-info {
	float: left;
	width: 100%;
	font-size: 14px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.time-line-data {
	float: left;
	margin-right: 12px;
	color: #838383;
}

.time-line-name {
	float: left;
	margin-right: 12px;
}

.time-line-status {
	float: left;
}

.time-line-status a {
	display: inline-block;
	text-align: center;
	background-color: #75A73B;
	padding: 3px 10px;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	text-decoration: none !important;
	font-weight: normal;
}

.time-line-like-comm {
	float: left;
	width: 100%;
	padding: 10px 80px 30px 90px;
}

.time-like {
	float: left;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
	margin-bottom: 35px;
}

.time-like-bt {
	margin-right: 20px;
}

.time-like-bt a {
	text-decoration: none;
	color: #898989;
	text-decoration: none;
	font-size: 12px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
}

.time-like-bt a i {
	margin-right: 7px; 
}

.time-like-bt a span {}

.who-like {
	font-size: 12px;
	color: #9F9F9F;
	line-height: 20px;
	padding-left: 30px;
	background: url(images/like.png) left center no-repeat;
}

.who-like a {
	font-size: 12px;
	color: #2785E2;
}

.time-like-add-comm {
	width: 100%;
	float: left;
}

.time-like-add-comm-in {
	float: left;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.time-like-add-comm-thumb {
	width: 30px;
	flex: 30px 0 0;
}

.time-comm-area {
	padding-left: 13px;
	width: 100%;
	margin-bottom: 15px;
}

.time-comm-area textarea {
	float: left;
	width: 100%;
	height: 30px;
	border-radius: 4px;
	border: none;
	font-size: 12px;
	padding: 7px 15px 5px;
	resize: none;
}

.one-time-line.was-view .time-line-in:first-child, .one-time-line.was-view .time-line-like-comm {
	background-color: #fff !important; 
	border-color: #DBDBDB !important;
}

.one-time-line.was-view .time-comm-area textarea, .one-time-line.err .time-comm-area textarea {
	background-color: #fafafa;
}

.one-time-line.was-view .time-line-like-comm {
	padding-left: 82px;
}

.news-time-line {
	float: left;
	width: 100%;
	padding-top: 15px;
}

.news-time-line-thumb {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.news-time-line-descr {
	float: left;
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 40px;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 22px;
}

.news-time-line-tit {
	float: left;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}

.news-time-line-text {
	float: left;
	width: 100%;
}

a.line-link-pdf {
	height: 16px;
	display: inline-block;
	padding-left: 26px;
	background: url(images/pdf-link.png) left center no-repeat;
	font-size: 12px;
}

.time-line-thumb span {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #75A73B;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #fff;
}

.com-inside {
	float: left;
	width: 100%;
	padding-left: 40px;
}

.added-com {
	float: left;
	padding: 10px 15px;
	background-color: #FAFAFA;
	border-radius: 13px;
	margin-bottom: 12px;
}

.added-com-top {}

.added-com-name {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-right: 12px;
}

.added-com-date {
	display: inline-block;
	font-size: 12px;
	color: #888888;
}

.added-com-descr {
	font-size: 12px;
}

.added-com-link {
	float: left;
	width: 100%;
}

.added-com-link a {
	display: block;
	cursor: pointer;
	float: left;
	color: #898989;
	margin-right: 38px;
	text-decoration: none;
	font-size: 12px;
}

.time-like-add-comm.cooments-list .time-line-in:first-child {
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 15px;
}

.one-time-line.err .time-line-in:first-child {
	border-color: #ED8F64;
	background-color: #FFEFE7;
}

.one-time-line.err .time-line-like-comm {
	background-color: #fff;
}

.err .time-line-thumb span {
	background-color: #E05829;
}

.added-com.not-view {
	background-color: #E2F0CE;
}

.parent-view {
	padding-top: 12px;
	float: left;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-content: center;
	-ms-align-items: center;
	align-items: center;
}

.parent-view-bt {
	margin-right: 12px;
}

.parent-view-bt a {
	display: inline-block;
	background-color: #75A73B;
	padding: 3px 10px;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	text-decoration: none !important;
	font-weight: normal;}

.parent-view-name {}

.parent-view-info {
	color: #6A6A6A;
}

.parent-view-info-not-view {
	display: inline-block;
	margin-right: 15px;
}

.parent-view-info-not-view > span {}

.parent-view-info-not-view > a {}

.parent-view-info-was-view {
	display: inline-block;}

.parent-view-info-was-view > span {}

.parent-view-info-was-view > a {
	position: relative;
}

.parent-view-info-was-view > a:hover .list-parent-view {
	visibility: visible;
	opacity: 1;
}

.list-parent-view {
	visibility: hidden;
	opacity: 0;
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
	border: none;
	padding-top: 10px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.list-parent-view:before {
	content: '';
	position: absolute;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	top: 0;
	right: 10px;
}

.list-parent-view > div {
	display: block;
}

.list-parent-view-in {
	float: left;
	width: 100%;
	max-height: 300px;
	overflow: auto;
	padding: 12px 15px 0px;
	border-radius: 10px;
	background: #FFF;
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	-moz-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
}

.one-view-list {
	white-space: nowrap;
	float: left;
	width: 100%;
	color: #333;
	font-size: 11px;
	margin-bottom: 15px;
}

.one-view-list {}

.load-more {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

.load-more a {
	background-color: #fff;
	height: 40px;
	line-height: 40px;
}

.time-like-add-comm.cooments-list {
	padding-bottom: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #DDDDDD;
}

/*

	dmon full 

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;

	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);

  квадрат
  {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -4px;
	width: 5px;
	height: 5px;
	right: -12px;
	border: none;
	border-left: 2px solid #4d917a;
	border-bottom: 2px solid #4d917a;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
	*/

@media (max-width: 1400px) {

.vert-time-table.more-five-days .one-timetable-line > div {
	padding: 10px;
}

.vert-time-table.more-five-days .one-timetable-name {
	font-size: 13px;
}

.vert-time-table.more-five-days .one-timetable-line.line-top .one-timetable-name {
	font-size: 16px;
}

.vert-time-table.more-five-days .one-timetable-descr {
	font-size: 12px;
}

.my-timetable.shoole-timetable {
	min-width: inherit;
	padding: 30px 0;
}

.my-timetable.shoole-timetable .vert-time-table {
	display: none;
}

.my-timetable.shoole-timetable .hor-time-table {
	display: block;
}

.full-view .one-many-hide {
	max-height: inherit;
}

.full-view .one-many-hide .one-many-tit i {
	opacity: 0;
}

.choose-class {
	display: none;
}

.short-view .many-less .many-less-in {
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 5px;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.one-many-hide {
	max-height: inherit !important;
}

.my-timetable.shoole-timetable .one-teacher-timetable-less {
	width: 88%;
}

.one-many-less {
	border-bottom: none;
	border-right: 1px solid #e8ebed;
	padding: 0 15px 0 0;
	margin-right: 15px;
}

.one-many-less:last-child {
	border: none;
}

.allert-bl.have-ch {
	display: none;
}

.choose-class-mob {
	display: block;
}

.my-timetable.shoole-timetable .vert-line > div {
	min-height: inherit;
}

.lk-right {
	display: none;
}

.lk-body {
    float: left;
    width: calc(100% - 265px);
    padding: 0 0 0 15px;
}

.lk-table-td.res-one {
	width: 10%;
}

.teach-list-top .one-line-tech {
	padding: 15px;
}

.teach-list-one .teach-list-name {
	padding: 15px;
}

.one-line-tech {
	padding: 0 15px;
}

.pupil-list-td.stat-num {
	display: none;
}

.pupil-list-td.stat-data {
	display: none;
}

.pupil-list-td.stat-name {
	width: 26%;
}

.pupil-list-td.group-info-pupil {
	width: 37%;
}

.pupil-list-td.group-info-parent {
	width: 37%;
}

.pupil-list-tr-table-in > div {
	width: 100% !important;
	margin-bottom: 10px;
}

.name-list-table-adapt {
	display: block;
}

.pupil-list-tr.pupil-list-top .pupil-list-td.group-info-pupil, .pupil-list-tr.pupil-list-top .pupil-list-td.group-info-parent {
	padding: 15px 0 15px 20px !important;
}

.pupil-list-tr.pupil-list-top .pupil-list-td-table-in {
	display: none;
}

.data-adapt-list {
	display: block;
	font-weight: normal;
}

.pupil-list-td {
	vertical-align: top;
}

.hide-bl-finance {
	display: block;
	margin-bottom: 5px;
}

.hide-bl-finance span {
	font-weight: bold;
}

.hide-bl-finance i {
	font-style: normal;
}

.finance-list-line.line-top {
	display: none;
}

.finance-list-data {
	display: none;
}

.finance-list-comm {
	width: 100%;
}

.finance-list-first-group {
	width: 40%;
}

.finance-list-sec-group {
	width: 60%;
}

}

/* dmon 1400 */

@media (max-width: 1200px) {

.my-timetable.shoole-timetable .vert-line > div {
	border-right: none;
}

.vert-time-table {
	display: none;
}

.hor-time-table {
	display: block;
}

.one-timetable-bl-left, .one-timetable-bl-right {
	padding: 15px;
}

.one-timetable-bl-left {
	border-right: 1px solid #dde4e9;
	width: 150px;
}

.one-timetable-bl-right {}

.nav-timetable {
	display: block;
}

.time-to-work {
	font-size: 12px;
}

.one-day-top-left {
	width: 34%;
}

.teach-list-top .one-line-tech.teach-list-info > span {
	display: block;
	width: 100%;
	text-align: center;
}

.teach-list-top .one-line-tech.teach-list-info > div {
	display: none;
}

.teach-list-name {
	width: 27%;
}

.teach-list-less {
	width: 39%;
}

.teach-list-class {
	width: 18%;
}

.teach-list-info {
	flex: 0 0 43%;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.teach-list-info > div {
	width: 100%;
}

.one-line-tech.teach-list-phone span {
	margin-right: 10px;
}

.teach-list-one .teach-list-name {
	font-size: 13px;
	align-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.finance-list-first-group > div {
	padding: 15px 15px;
}

.finance-list-sec-group > div {
	width: 100% !important;
	text-align: left;
	padding: 15px 15px 0;
}

.finance-list-sec-group {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.finance-list-line {
	align-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.finance-list-sec-group .finance-list-bt {
	margin-bottom: 15px;
}

.finance-list-sec-group .finance-list-bt a {
	width: 150px;
}

.finance-list-first-group {
	width: 60%;
}

.finance-list-sec-group {
	width: 40%;
}

.finance-data {
	width: 100%;
}

.finance-stat {
	width: 100%;
}

.check-serv-inside .finance-stat-in .finance-check {
	width: 33.33%;
}

.finance-one-data {
	margin-right: 0;
	width: 48%;
}

.finance-one-data:last-child {
	float: right;
}

.info-pupil-main-line {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.info-pupil-main-line.main-line-top .info-pupil-main-left-part {
	display: none;
}

.info-pupil-main-left-part {
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
}

.info-pupil-main-right-part {
	width: 100%;
}

.info-pupil-main-line.main-line-top div.info-pupil-main-left-part > div, .info-pupil-main-line.main-line-top div.info-pupil-main-right-part > div {
	padding: 10px;
}

.info-pupil-body-name {
	border-right: none;
}

.info-pupil-main-line.main-line-top .info-pupil-main-item.it-2 {
	border-right: 1px solid #ddd;
}

.one-less-line-pipil .info-pupil-main-item.it-3 {
	border-right: none;
}

}

/* dmon 1200 */

@media (max-width: 1024px) {

body.full-adapt .container {
	min-width: inherit;
	width: 100%;
	padding: 0 15px;
}

body.full-adapt header .container {
	padding: 0;
}

.chat {
	border-radius: 0;
}

.chat-list {
	width: 72px;
}

.wrap-chat {
	width: calc(100% - 72px);
}

.user-comm-descr {
	max-width: 100%;
	width: calc(100% - 40px);
}

.one-chat-user-name, .one-chat-user-date {
	display: none;
}

.chat-search input {
	padding-left: 28px;
}

.chat-list.open .chat-search input {
	padding-left: 36px;
}

.chat-search span {
	display: block;
	height: 32px;
	width: 100%;
	cursor: pointer;
	/*background: url(images/search.png) center center no-repeat;*/
	position: absolute;
	top: 0;
	left: 0;
}

.chat-area {
	left: 72px;
	right: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.open .chat-area {
	left: 320px;
}

.chat-area-in {
	margin: 0 !important;
}

.chat-list.open {
	width: 320px;
}

.chat-list.open .one-chat-user-name, .chat-list.open .one-chat-user-date {
	display: block;
}

.wrap-chat-top {
	position: sticky;
	top: 0;
	z-index: 101;
}

.fixed-message {
	top: 64px;
}

.chat-top-info {
	margin-right: 15px;
}

.my-timetable {
	padding: 45px 0px 0;
}

.menu-use-top li {
	margin: 0 15px;
}

.user-info .name-teacher {
	display: none;
}

.log-bt a {
	overflow: hidden;
	text-indent: -9999px;
	background-position: center center;
}

.log-bt {
	width: 50px;
	border: none;
	margin-left: 0;
}

.user-info {
	margin-left: 13px;
}

.menu-use-top {
	height: 64px;
	line-height: 64px;
}

.one-teacher-timetable-themes .one-timetable-descr {
	font-size: 11px;
	padding-right: 35px;
}

.one-teacher-timetable-themes .one-timetable-descr.many-info {
	max-height: 48px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.one-teacher-timetable-themes .one-timetable-descr.many-info:after {
	content: '';
	position: absolute;
	top: 15px;
	width: 8px;
	height: 8px;
	right: 5px;
	border: none;
	border-left: 2px solid #bfbfbf;
	border-bottom: 2px solid #bfbfbf;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.one-teacher-timetable-themes .one-timetable-descr.many-info.open:after {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.one-teacher-timetable-date {
	width: 15%;
}

.one-teacher-timetable-class {
	width: 9%;
}

.one-teacher-timetable-less {
	width: 26%;
}

.one-teacher-timetable-themes {
	width: 50%;
	border-right: none !important;
}

.row {
	margin: 0 -15px; 
}

.row.no-gutters {
	margin: 0;
}

header .container .row {
	margin: 0;
}

.my-timetable.shoole-timetable {
	padding: 30px 15px 0;
}

.lk {
	padding: 40px 15px 0;
}

.lk-left {
	width: 72px;
}

.menu-lk li span {
	display: none;
}

.menu-lk li i {
	width: 100%;
}

.lk-body {
	width: calc(100% - 72px);
}

.one-lk-form-inp {
	padding-right: 50px;
}

.wrap-chat.open {
	width: calc(100% - 320px);
}

#calendar {
	padding: 15px 0 15px;
}

.call-bl {
	margin-top: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
}

.one-day-tit {
	font-size: 16px;
}

.one-day-data {
	font-size: 12px;
}

.one-day-tr.tr-top {
	font-size: 12px;
}

.one-day-num-in {
	font-size: 14px;
}

.one-day-time {
	font-size: 12px;
}

.one-day-less-name {
	font-size: 14px;
}

.one-day-teach {
	font-size: 12px;
}

.one-day-homework {
	font-size: 12px;
}

.one-day-score-bl span {
	font-size: 14px;
}

.one-day-score-bl {
	font-size: 11px;
}

.all-about-less-tit {
	font-size: 16px;
}

.all-about-less-left {
	padding-right: 0;
	width: 100%;
}

.all-about-less-right {
	width: 100%;
}

.one-day-td.day-td-name {
	width: 44%;
}

.one-day-td.day-td-home {
	width: 45%;
}

.one-day-top-right span {
	display: block;
}

.one-day-top-left {
	width: 39%;
}

.navigaton-mob {
	display: block;
	padding: 15px 0 20px;
	float: left;
	width: 100%;
}

.shtat-list-td.stat-num, .shtat-list-td.stat-st {
	display: none !important;
}

.tarif {
	display: block;
	color: #4A4F53;
	font-size: 12px;
	font-weight: normal;
}

.tarif i {
	font-style: normal;
	color: #888888;
	display: block;
}

.shtat-list-td.stat-name {
	width: 25%;
}

.shtat-list-td {
	padding-left: 12px !important;
	padding-right: 12px !important;
}

.time-line-like-comm {
	padding-right: 30px;
	padding-bottom: 20px;
}

.news-time-line-tit {
	font-size: 15px;
	margin-bottom: 10px;
}

.news-time-line-descr {
	padding-bottom: 15px;
}

.time-like {
	margin-bottom: 20px;
}

.parent-view-info-not-view {
	margin-right: 10px;
}

}

/* dmon 1024 */

@media (max-width: 767px) {

.teacher {
	width: 100%;
}

.head-data {
	display: none;
}

.your-files {
	width: 50%;
}

.menu-use-top {
	display: none;
}

.vert-line .one-timetable-name.line-top {
	font-size: 15px;
}

.one-timetable-descr {
	font-size: 10px;
}

.one-timetable-num {
	font-size: 13px;
}

.one-timetable-num span {
	font-size: 11px;
}

.one-timetable-name {
	font-size: 13px;
}

.one-timetable-bl-left, .one-timetable-bl-right {
	border: none;
}

.one-timetable-bl-left {
	width: 110px;
}

.my-timetable-in {
	width: calc(100% + 30px);
	margin: 0 -15px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	border: none;
}

.vert-line > div {
	min-height: inherit;
	padding-bottom: 15px;
	border-right: none;
}

.nav-timetable ul {
	float: left;
	width: 100%;
}

.nav-timetable ul li {
	width: 20%;
}

.show-bt-menu {
	border-right: none;
}

.one-timetable-bl.one-teacher-timetable-bl {
	float: left;
}

.one-timetable-bl.one-teacher-timetable-bl > div {
	border-right: none;
	float: left;
	padding-right: 0;
}

.one-timetable-bl.one-teacher-timetable-bl .one-timetable-num {
	font-size: 12px;
}

.one-timetable-bl.one-teacher-timetable-bl .one-timetable-num span {
	font-size: 10px;
}

.one-timetable-bl.one-teacher-timetable-bl .one-timetable-name {
	font-size: 13px;
}

.one-teacher-timetable-date {
	width: 25%;
}

.one-teacher-timetable-class {
	width: 20%;
}

.one-teacher-timetable-less {
	width: 55%;
	position: relative;
}

.one-teacher-timetable-less:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	right: 20px;
	border: none;
	border-left: 2px solid #bfbfbf;
	border-bottom: 2px solid #bfbfbf;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.no-text .one-teacher-timetable-less:after {
	content: normal;
}

.open .one-teacher-timetable-less:after {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.one-teacher-timetable-themes {
	width: 100%;
	border-right: none !important;
	overflow: hidden;
	display: none;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.one-teacher-timetable-themes .one-timetable-descr {
	padding-right: 0;
}

.my-timetable.shoole-timetable .one-teacher-timetable-date {
	border-right: 1px solid #dde4e9;
}

.my-timetable.shoole-timetable .one-teacher-timetable-less {
	width: 75%;
	padding-right: 15px;
	padding-bottom: 0;
}

.my-timetable.shoole-timetable .vert-line > div {
	padding-bottom: 0;
}

.short-view .many-less .many-less-in {
	display: block;
}

.one-many-less {
	border-right: none;
	border-bottom: 1px solid #e8ebed;
	width: 100%;
	margin: 0;
	padding: 0 0 10px;
}

.my-timetable.shoole-timetable .one-teacher-timetable-less:after {
	content: normal;
}

.my-timetable.shoole-timetable .vert-line .one-timetable-name.line-top {
	padding-bottom: 15px;
}

.lk {
	padding: 25px 0 0;
}

.lk-left {
	float: left;
	width: 100%;
	padding: 0 15px;
	position: relative;
}

.menu-lk {
	display: none;
	position: absolute;
	left: 10px;
	right: 10px;
	width: auto;
	top: -5px;
	z-index: 9;
	border-radius: 10px;
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	-moz-box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
	box-shadow: 0px 8px 20px 0px rgba(0, 72, 128, 0.3);
}

.lk-body {
	width: 100%;
	float: left;
	padding-left: 0;
}

.lk-body-in {
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.lk-form {
	
	padding: 25px 15px;
}

.one-lk-form {
	display: block;
}

.one-lk-form-name {
	width: 100%;
	margin-bottom: 3px;
	font-size: 13px;
	padding-left: 8px;
}

.one-lk-form-inp {
	float: left;
	width: 100%;
	padding-right: 0;
}

.add-photo {
	float: left;
	width: 100%;
}

.add-photo span {
	width: 100%;
}

.add-photo label {
	width: 100%;
}

.photo-info {
	margin-left: 0;
	width: 100%;
	text-align: center;
}

.one-lk-form {
	margin-bottom: 20px;
}

.form-tit {
	padding-right: 0;
	width: 100%;
	text-align: center;
}

.face-bt-lk {
	float: left;
	width: 100%;
	text-align: center;
}

.face-bt-lk a {
	width: 100%;
}

.active-lk-menu {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
}

.menu-lk li a i {
	width: 30px;
}

.menu-lk li a {
	justify-content: flex-start;
	font-size: 12px;
}

.menu-lk li span {
	display: block;
}

.del-face {
	margin-left: 0;
	width: 100%;
	text-align: center;
}

.one-day-top-right {
	display: none;
}

.one-day-tr.tr-top {
	display: none !important;
}

.one-day-td.day-td-home {
	display: none !important;
}

.more-menu {
	display: none;
}

.today-date {
	display: none;
}

.row.no-gutters {
	margin: 0 -15px;
}

.mob-time-do {
	display: block;
	float: right;
	padding: 10px 15px;
	width: 50%;
	font-size: 11px;
	text-align: right;
}

.one-day-top-left {
	width: 50%;
	padding: 10px 15px;
}

.one-day-tit {
	font-size: 14px;
}

.one-day-less {
	padding-right: 0;
}

.one-day-less:after {
	content: normal;
}

.one-day-tr {
	position: relative;
	padding-right: 30px;
}

.more-info-mob {
	position: absolute;
	width: 30px;
	height: 100%;
	right: 0;
	top: 0;
}

.more-info-mob:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -5px;
	width: 8px;
	height: 8px;
	right: 15px;
	border: none;
	border-left: 2px solid #333333;
	border-bottom: 2px solid #333333;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.one-day-td {
	border: none;
	padding-right: 0;
}

.one-day-less-name {
	font-size: 13px;
}

.one-day-teach {
	font-size: 11px;
}

.one-day-score-bl span {
	font-size: 13px;
	margin-right: 2px;
}

.one-day-td.day-td-name {
	width: 82%;
}

.one-day-td.day-td-score {
	min-width: inherit;
	width: 18%;
	padding-right: 0;
}

.one-day-score-bl i {
	font-size: 0;
	display: inline-block;
}

.one-day-score-bl i:first-letter {
	font-size: 11px;
}

.one-day-score-bl i:after {
	content: '.';
	font-size: 11px;
}

.one-day, .one-day-top {
	border-radius: 0;
}

.one-day-table .have-comm-wrap {
	right: -25px;
	top: 0;
}

.call-bl {
	width: auto;
}

.choose-wrap {
	margin-right: 15px;
}

.tit-sem {
	font-size: 14px;
}

.have-comm:before {
	left: 15px;
	width: 4px;
	height: 4px;
}

.all-about-less {
	padding: 15px 15px;
}

.all-about-less-tit {
	font-size: 14px;
}

.all-about-less-tit-in {
	font-size: 11px;
}

.all-about-less-descr {
	font-size: 11px;
	line-height: 14px;
}

.all-about-less-close {
	height: 50px;
	width: 40px;
}

.all-about-less-close:before, .all-about-less-close:after {
	width: 12px;
	margin-left: -6px;
	height: 1px;
}

.one-day.out .one-day-top {
	background-image: none;
}

.news {
	padding: 0;
}

.new-tit a {
	font-size: 14px;
}

.new-descr p {
	font-size: 12px;
	line-height: 18px;
}

.new-tit {
	margin-bottom: 10px;
}

.lk-body.lk-news .lk-body-in {
	margin-bottom: 0;
	padding: 15px 15px 5px;
	border-bottom: 1px solid #dde4e9;
}

.lk-table.mob-tab {
	display: block;
	width: auto;
	float: none;
	margin: -15px -15px -5px;
}

.lk-table.desc-tab {
	display: none;
}

.lk-table-str.lk-table-top {
	display: none;
}

.lk-table-td.name-less {
	width: 80%;
}

.lk-table-td.res-one {
	width: 20%;
}

.res-mob-nav {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	margin-top: -5px;
}

.res-mob-nav .today-date {
	display: block;
}

.lk-sett-tit {
	font-size: 14px;
}

span.lk-sett-check-name {
	font-size: 13px;
}

span.lk-sett-check-box {
	top: 50%;
	margin-top: -9px;
}

.lk-sett-bt {
	padding-top: 15px;
	padding-bottom: 15px;
}

.lk-sett-bt button {
	width: 100%;
}

.def-table {
	float: none;
	margin: -15px -15px -5px;
	width: auto;
}

.def-table-in {
	display: block;
	width: 100%;
}

.def-table-tit {
	float: none;
}

.def-table-tr {
	display: inline-block;
	width: 100%;
	padding: 10px 0px;
	border-bottom: 1px solid #dde4e9;
}

.def-table-tr:last-child {
	border: none;
}

.def-table-td {
	width: 100%;
	display: block;
	float: left;
	border-right: none;
	border-bottom: none;
	padding: 0 15px;
}

.def-table-td.med-td-1 {
	width: 100%;
	font-weight: bold;
	margin-bottom: 3px;
}

.def-table-td.inc-td-1 {
	display: none;
}

.def-table-td.inc-td-2 {
	width: 25%;
}

.def-table-td.inc-td-3 {
	width: 75%;
	float: right;
	font-weight: 600;
	margin-bottom: 4px;
}

.def-table-td.inc-td-4 {
	width: 75%;
	float: right;
}

.num-td-mob {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}

.def-table-td.inf-td-1 {
	margin-bottom: 5px;
}

.def-table-td-in {
	margin: 0;
	border: none;
	padding: 0;
}

.one-day-tr.open {    
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.teach-list-top {
	display: none;
}

.teach-list-one {
	background-color: #fff;
	margin-bottom: 20px;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.teach-list-name {
	width: 100%;
}

.teach-list-one-in {
	width: 100%;
}

.teach-list-less {
	display: none;
}

.teach-list-mail a {
	margin-right: 8px;
}

.teach-list-mail .les-one-col {
	display: inline-block;
	padding: 1px 3px;
	margin-right: 8px;
}

.teach-list-one-sub {
	position: relative;
}

.teach-list-class {
	position: absolute;
	right: 15px;
	top: 15px;
	width: auto;
	padding: 0;
}

.teach-list-one .teach-list-name {
	border-right: none;
	border-bottom: 2px solid #DDDDDD;
}

.teach-list {
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.teach-list-info {
	flex: 0 0 100%;
	width: 100%;
	padding-right: 70px;
}

.teach-list-mail {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.shtat-list-table {
	display: block;
	width: 100%;
}

.shtat-list-tr {
	display: block;
	float: left;
	width: 100%;
	border-radius: 10px;
	background-color: #fff;
	padding: 15px 0 !important;
	margin-bottom: 20px;
	-webkit-box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	-moz-box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
}

.shtat-list-td {
	display: block;
	float: left;
	width: 100% !important;
	background-color: #fff !important;
	padding: 0px 15px !important;
	margin-bottom: 8px;
}

.shtat-list-tr.shtat-list-top {
	display: none;
}

.shtat-list {
	background-color: transparent;
	border-right: 0;
}

.shtat-list-tr:not(.shtat-list-top) .stat-name {
	border-right: none;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 15px !important;
	margin-bottom: 15px;
}

span.li-l {
	display: block;
	float: left;
	width: 60%;
	font-weight: normal;
	color: #888888;
	font-size: 12px;
	line-height: 18px;
}

span.li-r {
	display: block;
	line-height: 18px;
	float: right;
	width: 40%;
	text-align: right;
	overflow: hidden;
}

span.li-r i {
	display: none;
}

.pupil-list-tr.pupil-list-top {
	display: none;
}

.pupil-list-td {
	display: block;
	float: left;
	width: 100% !important;
	background-color: transparent !important;
	border-bottom: 1px solid #F6F6F6;
}

.pupil-list-tr {
	float: left;
	width: 100%;
	display: block;
	border-radius: 8px;
	background-color: #fff;
	-webkit-box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	-moz-box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	margin-bottom: 20px;
}

.pupil-list {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}

.data-adapt-list span {
	display: inline-block;
	margin-right: 5px;
}

.link-ico {
	padding-top: 10px;
}

.link-ico a img {
	width: 22px;
	height: 22px;
}

.pupil-list-td.group-info-pupil, .pupil-list-td.group-info-parent {
	padding-bottom: 5px !important;
}

.stat-phone span, .stat-mail span, .stat-parents-mail span, .stat-parents-phone span {
	display: inline-block;
	margin-right: 10px;
}

.mob-list-tit {
	display: block !important;
	font-size: 12px;
	color: #888888;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding: 0 20px;
}

.pupil-list-td {
	padding: 15px 20px;
}

.pupil-list-td .pupil-list-td {
	padding: 0 20px !important;
}

.finance-list-first-group {
	width: 100%;
	padding: 0;
}

.finance-list-sec-group {
	width: 100%;
	padding: 0;
}

.finance-list-line {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	-moz-box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	box-shadow: 1px 0px 5px 0px rgba(141, 161, 177, 0.2);
	margin-bottom: 20px;
}

.finance-list-in {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}

.finance-list-first-group {
	border-bottom: 1px solid #efefef;
}

.finance-list-line.last-sum {
	padding-bottom: 12px;
}

.finance-list-line.last-sum .hide-bl-finance {
	display: inline-block;
}

.finance-stat-in {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.finance-check {
	width: 50%;
}

.finance-bt {
	width: 100%;
}

.check-serv-inside .finance-stat-in .finance-check {
	width: 50%;
	padding-right: 10px;
}

.finance-data {
	padding: 15px;
}

.finance-stat {
	padding: 15px;
}

.check-serv-inside {
	padding: 15px;
}

.info-pupil-body-name {
	width: 40%;
	flex: 40% 0 0;
}

.info-pupil-body-descr {
	width: 60%;
}

.info-pupil-body-top-line > div {
	padding: 0 15px;
}

.info-pupil-main-line.main-line-top {
	display: none;
}

.one-less-line-pipil {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

.one-less-line-pipil > div {
	width: 100% !important;
}

.info-pupil-main-left-part .info-pupil-main-item-in {
	font-size: 16px;
	padding: 15px;
}

.info-pupil-main-item-in {
	padding: 5px 15px;
	font-size: 14px;
}

.one-less-line-pipil .info-pupil-main-item.it-3 .info-pupil-main-item-in {
	padding-top: 0;
	padding-bottom: 0;
}

.area-writen {
	font-size: 12px;
}

.info-pupil-body-personal .area-writen {
	border: 1px solid #C4C6C9;
	border-radius: 4px;
}

.info-editor {
	padding: 0 15px;
}

.info-editor-left {
	width: 100%;
	margin-bottom: 15px;
}

.info-editor-right {
	width: 100%;
}

.info-editor-right a {
	width: 100%;
	margin-bottom: 10px;
	margin-left: 0;
	background-color: #fff;
	text-align: center;
}

.one-less-line-pipil > div {
	border-right: none;
}

.info-pupil-main-left-part {
	border-right: none;
}

.downl-excel {
	display: none;
}

.status-info-pupil {
	display: none;
}

.one-score-name {
	font-size: 14px;
	margin-top: 4px;
}

.time-line-in {
	padding: 15px;
}

.time-line-status {
}

.time-line-tit {
	justify-content: space-between;
}

.time-line-tit > span {
	display: block;
	margin-right: 15px;
	font-size: 14px;
}

.time-line-descr {
	padding-left: 10px;
}

.time-line-tit {
	font-size: 12px;
}

.time-line-info {
	font-size: 12px;
}

.time-line-like-comm {
	padding: 15px;
}

.time-line-tit > span {
	font-size: 12px;
}

.one-time-line.was-view .time-line-like-comm {
	padding: 15px;
}

.news-time-line {
	float: none;
	margin: 0px -15px 0;
	width: auto;
}

.news-time-line-descr {
	padding: 15px;
	font-size: 12px;
	line-height: 1.5;
}

.load-more a {
	width: 100%;
}

.parent-view {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.parent-view-bt {
	margin-right: 0;
	margin-bottom: 15px;
}

}

/* dmon 767 */

@media (orientation: portrait) {

.forg-pass {
	position: absolute;
	bottom: 54px;
	left: 0;
	width: auto;
	right: 0;
}

}

@media (max-width: 576px) {

.name-teacher {
	display: none;
}

.chat-list {
	width: 100%;
}

.wrap-chat {
	display: none;
	margin-left: 0px;
	background-color: #fff;
	top: 0;
	left: auto;
	width: 100%;
}

.one-chat-user-name, .one-chat-user-date {
	display: block;
}

.chat-search input {
	display: block;
	padding-left: 36px;
}

.chat-search span {
	display: none;
}

.chat-area {
	left: 0;
}

.user-comm-thumb {
	width: 40px;
}

.user-comm-descr {
	max-width: calc(100% - 40px);
}

.wrap-chat-top {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 99;
}

.chat-top-user {
	margin-left: 0;
}

.back-chat {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 65px;
	height: 100%;
	background: url(images/chat-back.png) 25px center no-repeat;
}

.chat-area-text {
    float: left;
    width: calc(100% - 70px);
}

.chat-area-bt {
	width: 70px;
}

.wrap-chat {
	z-index: 110;
}

.hide-info-list {
	position: fixed;
	top: 80px;
	left: 15px;
	right: 15px;
	width: auto;
	overflow: auto;
	z-index: 999;
}

.hide-info-list .close-pop {
	display: block;
	top: 0;
	width: 40px;
	height: 40px;
}

.chat-area-text-file {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.your-files {
	width: 100%;
}

body.open-modal {
	overflow: hidden !important;
}

.one-chat-user.active {
	background-color: #fff !important;
}

.one-chat-user:hover {
	background-color: transparent;
}

body.login-page {
	background-color: #fff;
}

.login-form {
	width: 100%;
	/*max-width: 470px;*/
	margin: 0;
}

.login-form-in {
	padding: 20px 15px 0;
	border: none;
	background-color: #fff;
	min-height: calc(100vh - 65px);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.login-page .class-name {
	white-space: nowrap;
}

.forg-pass.no-abs {
	position: static;
	width: 100%;
	text-align: center;
}

header .container .row {
	margin: 0;
}

.show-bt-menu {
	margin-right: 0;
	width: 50px;
}

.letter-logo {
	width: 20px;
}

.header-broad {
	display: none;
}

.header-name {
	margin-left: 10px;
}

.header-title {
	width: 120px;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
  overflow: hidden; 
}

.bt-search {
	display: none !important;
}

.log-bt {
	display: none !important;
}

.more-head-menu {
	display: block;
}

.user-info {
	margin-left: 5px;
}

.mess-bts {
	margin-left: -7px;
}

header {
	z-index: 1001;
}

.inc-nav ul {
	width: 100%;
}

.inc-nav ul li {
	width: 20%;
}

.bg-plan {
	z-index: 1002;
}

.bl-right-plan {
	width: 90%;
	z-index: 1003;
	overflow-y: auto;
}

}
/* dmon 576 */