.special-grade-type {
    font-size: 10px;
}
.link-to-lesson {
    cursor: pointer;
}
.grade-absent-dialog input.select-grade-or-absent {
    left: 0;
    opacity: 0;
}
.grade-absent-dialog input.parent-notify {
    left: 0 !important;
    opacity: 0 !important;
}
.choose-way {
    display: block;
}
.pop-tab {
    display: block;
}
.grade-absent-dialog .add-assess > input:disabled {
    opacity: 0;
}
.one-assess-value.spec {
    cursor: default;
}

a.name-teacher {
    color: white;
}
a.name-teacher:hover {
    color: white;
    text-decoration: none;
}
.one-assess-value.have-homework:before {
    content: '';
    position: absolute;
    top: 1px;
    right: 1px;
    width: 10px;
    height: 10px;
    background: url(../images/have_topic.png) 0 0 no-repeat;
}
.one-assess-value.have-topic:after {
    content: '';
    position: absolute;
    top: 1px;
    right: 1px;
    width: 7px;
    height: 7px;
    background: url(../images/have_homework.png) 0 0 no-repeat;
}

.login-one.error {
    margin-bottom: 48px;

}

a.dropdown-item {
    cursor: pointer;
}

#lesson_header {
    padding-top: 20px;
}
.add-less-cont {
    display: inline-block;
}
.bt-textarea-edit.active {
    min-height: 27px;
}

div.modal .modal-dialog.modal-950 {
    max-width: 950px !important;
    width: 950px !important;
}

@media (max-width: 576px) {

    .is_thread .wrap-chat {
        display: block;
    }

    .is_thread .chat-list {
        display: none;
    }
}

.dropdown .dropdown-menu {
    padding-top: 0;
}

.dropdown .dropdown-menu a.dropdown-item {
    border: none;
}

.notifications {
    top: 70px;
    right: 0;
}

.loader-wrapper {
    position: fixed !important;
    bottom: 50px !important;
    right: 50px !important;
}
.have-comm-descr .comment-body {
}
.have-comm-descr .comment-body:not(:first-child) {
    border-top: 1px solid #e6e6e6;
    margin-top: 5px;
    padding-top: 5px;
}
.journal .one-people.top-line .one-assess-value {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}
.day-book-index .day-td-score {
    cursor: default;
}
.day-book-index .day-td-score.have-comm {
    cursor: pointer;
}
.one-day-info.hide a {
    background-image: none;
    cursor: default;
}
.journal {
    padding-bottom: 0;
}
.confirm-delete {
    text-align: center;
}
.confirm-buttons {
    margin-top: 20px;
}
.confirm-buttons > input {
    width: 80px;
    font-size: 14px;
    margin-right: 20px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
}
.confirm-buttons > input:focus {
    outline-color: transparent;
}
.confirm-buttons > input.button-yes {
    border: 1px solid #29a2ff;
    background-color: #29a2ff;
    color: white;
}
.confirm-buttons > input.button-no {
    background-color: transparent;
    border: 1px solid #29a2ff;;
    color: #29a2ff;
}
.comm-body {
    left:auto;
    right: 100%;
}
.assess {
    overflow: hidden;
}
.assess:hover {
    overflow: unset;
    z-index: 1;
}
.sidebar-fixed .main, .sidebar-fixed .app-footer {
    margin-left: 0;
}
.main .container-fluid {
    padding: 0;
}

.one-choose-class-tit:not(.collapsed) {
    font-weight: bold;
    color: #2962ff;
}
.select-class .one-choose-class-in {
    max-width: 300px;
}
.select-class .group-classes {
    float: left;
}
.one-choose-class-in li a {
    width: 47px;
}

.schedule-class .my-timetable-in {
    margin-bottom: 75px;
}

.many-less-in {
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.dis-less .one-many-tit, .dis-less .one-many-hide {
    color: #bfbfbf;
}

.pre-wrap {
    white-space: pre-line;
}

.select-class li.selected > a {
    color: #2962ff;
    font-weight: bold;
}

.nav-timetable.nav-week-days > ul {
    width: auto;
}

.call-bl.student-name {
    width: auto;
}

.logout-button a:hover {
    text-decoration: none;
}
.one-day-less:not(.without-topic) {
    cursor: pointer;
}
.one-day-less.without-topic:after {
    content: none;
}

.disable-select-text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.holiday-mark {
    display: inline-block;
}
.user-initials {
    text-transform: uppercase;
}

a.link-lesson, a.messenger-link, a.link-teacher, a.link-black, a.link-class-room, a.student-class-link  {
    color: #212529;
}

.journal.jour-parent {
    margin-bottom: 50px;
}
.del-value {
    cursor: pointer;
}
body.modal-open header {
    z-index: 1;
}
.change-bt-less button {
    cursor: pointer;
}
.jour-parent .one-name-people-in {
    border: none;
}
.one-people:hover > div.popover-comment {
    background-color: #f8f8f8;
    z-index: 5000;
}
.journal.jour-parent div.popover-comment  {
    height: auto !important;
}
.journal.jour-parent div.popover-comment .comm-body-score-text {
    white-space: normal;
}

@media (max-width: 767px) {
    .nav-timetable.nav-week-days > ul {
        width: 100% !important;
    }
    .log-bt {
        display: none !important;
    }
    .user-icon {
        padding-right: 10px;
    }
}

.one-lk-form .login-one.error, .lk-photo.error {
    margin-bottom: 20px;
}

.lk-photo {
    position: relative;
    width: 100%;
    float: left;
}

.lk-photo.error .error-text {
    display: block;
}

.change-photo .photo-info{
    margin-top: -10px;
}

.personal-photo-s {
    max-width: 64px;
    max-height: 64px;
}

.personal-photo-xs {
    max-width: 32px;
    max-height: 32px;
}

.name-teacher a {
    color: inherit;
}

.toggle-menu-mobile{
    display: none;
}

@media (max-width: 1400px) {
    .many-less {
        min-height: auto;
    }
}

@media (max-width: 1024px) {
    .one-day-less {
        padding-right: 20px;
    }
    .nav-timetable.nav-week-days > ul {
        width: 350px;
    }
}

.more-info-mob {
    cursor: pointer;
}
.more-info-mob.open:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.news-index-no-news {
	text-align: center;
	font-size: 28px;
	color: #d0dde7;
	line-height: 110px;
}

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

.submit-panel > .confirm-buttons > input {
    width: auto;
    font-weight: 600;
    font-size: 14px;
}
.handbook {
    font-size: 0.8rem;
    padding-bottom: 50px;
}
.handbook .handbook-header {
    margin: 30px 0 15px 0;
    width: 100%;
    padding: 0 10px 0 0;
    clear: both;
}
.handbook .handbook-header-info {
    float: left;
    display: flex;
    justify-content: flex-start;
    padding-left: 10px;
}
.handbook .handbook-header-info .header-title {
    font-size: 1.2rem;
}
.handbook .handbook-header-tools-box {
    float: right;
    display: flex;
    justify-content: flex-end;
}
.handbook .handbook-grid {
    font-size: 0.8rem;
    padding: 7px 0;
    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);
}
.handbook .handbook-grid .tools-panel {
    padding: 5px 30px;
    height: 37px;
}

.handbook .handbook-grid table {
    width: 100%;
    cursor: pointer;
}

.handbook .handbook-grid td, .handbook .handbook-grid th {
    padding: 5px 10px;
}
.handbook .handbook-grid td:last-child, .handbook .handbook-grid th:last-child {
    padding-right: 20px;
}
.handbook .handbook-grid th {
    min-width: 75px;
    position: relative;
    vertical-align: middle;
}
.handbook .handbook-grid tr {
    border-bottom: 1px solid #dde4e9;
    height: 55px;
}

.handbook .handbook-grid tbody tr:hover, .handbook .handbook-grid tbody tr.edited {
    background-color: #f7f7f7;
}
.handbook .handbook-grid th {
    font-weight: bold;
    font-size: 14px;
}
.data-viewer-index .plan-top .plan-td {
    position: relative;
    padding-left: 15px !important;
}
.handbook .handbook-grid th.sorted:before, .data-viewer-index .plan-td.sorted:before {
    content: '';
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    left: 0px;
    top: 50%;
    margin-top: -2px;
}
.data-viewer-index .plan-td.sorted:before {
    left: 5px;
}
.handbook .handbook-grid th.sorted.asc:before, .data-viewer-index .plan-td.sorted.asc:before {
    border-bottom: 6px solid #000;
}
.handbook .handbook-grid th.sorted.desc:before, .data-viewer-index .plan-td.sorted.desc:before{
    border-top: 6px solid #000;
}
.handbook .handbook-grid th:not(.sortable), .data-viewer-index .plan-top .plan-td:not(.sortable) {
    cursor: default;
}
.handbook .handbook-grid td.items-selector, .handbook .handbook-grid td.item-selector {
    text-align: center;
    padding-left: 15px;
    width: 70px;
}
.handbook .handbook-grid td label {
    cursor: pointer;
}
.handbook .handbook-grid .items-selectors {
    width: 50px;
}

.custom-control-label::before {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    width: 1.25rem;
    height: 1.25rem;
}
.custom-control-label::after {
    width: 1.25rem;
    height: 1.25rem;
}
.custom-control-input:focus ~ .custom-control-label::before {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #29a2ff;
}
.action-button {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 3px;
    margin-right: 7px;
    opacity: 0.8;
    cursor: pointer;
    height: 32px;
    border: 1px solid #dde4e9;
}
.action-button > div {
    margin: 7px 20px;
}
.action-button:focus {
    outline-color: transparent;
}
.action-button:hover {
    opacity: 1;
}
.action-button.button-blue {
    border: 1px solid #29a2ff;
    background-color: #29a2ff;
    color: white;
}
.action-button.button-red {
    border: 1px solid #f8330d;
    background-color: #f8330d;
    color: white;
}
.action-button.button-white {
    border: 1px solid #29a2ff;
    background-color: white;
    color: #29a2ff;
}
.action-button.inactive {
    cursor: not-allowed;
}
.action-button.inactive > div, .action-button.inactive > div:hover {
    opacity: 0.5;
}
.delete-button {
    text-transform: capitalize;
    background-color: #fff;
}
.delete-button > div > sup {
    font-size: 10px;
}
.create-button {
    text-transform: uppercase;
    border: 1px solid #29a2ff;
    background-color: #29a2ff;
    color: #fff;
}
.special-button {
    width: 34px;
    height: 34px;
    border-radius: 3px;
    cursor: pointer;
    height: 32px;
    border: 1px solid #dde4e9;
    background-color: #fff;
    position: relative;
    margin-right: 7px;
}
.filter-button:before {
    position: absolute;
    top: 3px;
    left: 4px;
    content: url("/images/buttons/filter.png");
}
.special-button.more-menu {
    margin-left: 0;
    width: auto;
}
.special-button.more-menu a {
    border: none;
    height: 30px;
}
.filter-button:hover:before {
    content: url("/images/buttons/filter_hover.png");
}
.settings-button:before {
    position: absolute;
    top: 3px;
    left: 4px;
    content: url("/images/buttons/settings.png");
}
.settings-button:hover:before {
    content: url("/images/buttons/settings_hover.png");
}
.special-button.categories-button {
    background-color: transparent;
    border: none;
}
.categories-button:before {
    position: absolute;
    top: 5px;
    left: 4px;
    content: url("/images/buttons/categories.png");
}
.categories-button:hover:before {
    content: url("/images/buttons/categories_hover.png");
}
.handbook .handbook-edit-form {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    width: 475px;
    background-color: #fff;
    height: 100%;
    -webkit-box-shadow: 0px 0px 18px 18px rgba(0, 68, 204, 0.1);
    -moz-box-shadow:    0px 0px 18px 18px rgba(0, 68, 204, 0.1);
    box-shadow:         0px 0px 18px 18px rgba(0, 68, 204, 0.1);
}
.handbook .handbook-edit-form.parent-form {
    position: relative;
    float: left;
    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);
    width: 325px;
}
.handbook .handbook-edit-form .header-panel {
    margin: 0;
    display: table;
}
.handbook .handbook-edit-form .header-panel > div {
    display: table-row;
}
.handbook .handbook-edit-form .header-panel .tools-buttons {
    display: table-cell;
    width: calc(425px - 65px);
    vertical-align: middle;
    padding: 7% 0 0 5%;
}
.handbook .handbook-edit-form .header-panel .breadcrumbs {
    font-size: 11px;
}
.handbook .handbook-edit-form .header-panel .close {
    display: table-cell;
    width: 65px;
    height: 55px;
}
.handbook .handbook-edit-form .header-panel .close .close-bt {
    top: -5px;
}

.handbook .handbook-edit-form .tools-panel {
    height: 50px;
}

.handbook .handbook-edit-form .body-panel {
    margin-top: 20px;
    padding: 0 4% 0 5%;
    position: relative;
}
.handbook .handbook-edit-form .body-panel .readonly-panel {
    position: absolute;
    height: 100%;
    width: 300px;
    background-color: transparent;
    z-index: 1001;
}
.handbook .handbook-edit-form .footer-panel {
    padding: 15px 30px;
}
.handbook .handbook-edit-form .footer-panel .submit-panel {
    border-top: 1px solid #dde4e9;
    padding-top: 20px;
}
.handbook .handbook-edit-form .footer-panel input {
    margin-left: 30px;
}
.handbook .handbook-edit-form .was-validated .form-control:valid,
.handbook .handbook-edit-form .form-control.is-valid,
.handbook .handbook-edit-form .was-validated .custom-select:valid,
.handbook .handbook-edit-form .custom-select.is-valid {
    border-color: #dde4e9;
}
.handbook .handbook-edit-form input.form-control:focus,
.handbook .handbook-edit-form textarea.form-control:focus,
.handbook .handbook-edit-form select.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #29a2ff !important;
}
.handbook .handbook-edit-form .b-form-group label {
/*    padding-left: 10px;*/
    font-size: 0.9rem;
    padding-bottom: 0px;
    font-weight: normal;
}
div.required label:after {
    content: '*';
    color: red;
}
.handbook .handbook-edit-form .b-form-group.horizontal label {
/*    padding-left: 15px;*/
}

.handbook .handbook-edit-form .invalid-feedback {
    font-size: 0.7rem;
}
.handbook .handbook-edit-form .edit-form-panel {
    clear: both;
}
.handbook-form-checkbox label {
    padding-top: 3px;
}
span.breadcrumbs-divider {
    padding-right: 3px;
}
.handbooks-homepage .handbooks-list {
    margin-top: 20px;
}
.handbook-edit-form .b-form-group small {
    font-size: 0.7rem;
}
.handbook-grid {
    overflow-x: auto;
}
.b-form-group.is-invalid .v-select .dropdown-toggle {
    border: 1px solid #f8330d !important;
}
.v-select input[type=search]:focus {
    border: none !important;
}
.v-select.open .dropdown-toggle {
    border: 1px solid #29a2ff !important;
    border-bottom: none !important;
}
.v-select.open .dropdown-menu {
    border: 1px solid #29a2ff !important;
    border-top: none !important;
}
.v-select {
    font-family: Montserrat;
}

.v-select .dropdown-toggle .clear {
    line-height: 0.8;
}
.v-select:not(.multiple) .selected-tag {
    position: absolute;
    overflow: hidden;
}
.handbook-edit-form .edit-panel-table {
    display: table;
}
.handbook-edit-form .edit-panel-table > div {
    display: table-row;
}

.handbook-edit-form .edit-panel-table .handbook-form-element {
    display: table-cell;
    padding-right: 2%;
}
.handbook-edit-form .edit-panel-table edit-panel-col-2 .handbook-form-element {
    width: 48%;
}
.handbook-edit-form .edit-panel-table edit-panel-col-3 .handbook-form-element {
    width: 31.33%;
}
.handbook-edit-form .edit-panel-table edit-panel-col-4 .handbook-form-element {
    width: 23%;
}
.handbook-edit-form .edit-panel-table edit-panel-col-5 .handbook-form-element {
    width: 18%;
}
@media (max-width: 767px) {
    .my-timetable-in {
        width: calc(100% - 10px);
        margin: 0 5px;
    }
}
@media (max-width: 1000px) {
    .hide-for-mobile {
        display: none;
    }
    .more-menu {
        display: unset;
    }

    .atlwdg-trigger.atlwdg-RIGHT{
        display: none;
    }
}

@media (min-width: 1000px) {
    .display-only-mobile {
        display: none;
    }
}


.full-view .one-many-less .one-many-tit i {
    display: none;
}

.panel-menu ul li a {
    padding: 10px 20px 10px 55px;
}

.panel-menu ul li i {
    position: absolute;
    top: 9px;
    left: 30px;
}
.v-select-item {
    white-space: normal;
}
.handbook .handbook-body {
    display: flex;
}
.handbook .handbook-body > div:last-child {
    width: 100%;
}
.handbook .handbook-edit-form.parent-form {
    margin-bottom: 75px;
    margin-right: 15px;
    height: 100%;
    z-index: unset;
}
.form-control {
    font-size: 0.8rem;
}
.pagination a.page-link {
    min-width: 33px;
    min-height: 33px;
    color: #777;
    font-weight: 600;
    border-radius: 3px !important;
    border-color: rgba(60,60,60, 0.25);
}
.pagination a.page-link:focus {
    box-shadow: none;
}
.pagination li.page-item {
    text-align: center;
    font-size: 12px;
    margin-right: 5px;
}
.pagination li.page-item.disabled {
    cursor: not-allowed;
}
.pagination .page-item.active .page-link {
    z-index: 1;
    background-color: #29a2ff;
    border-color: #29a2ff;
    color: #fff;
}
.pagination .nav-item a {
    color: #fff;
}
.pagination .nav-item {
    position: relative;
}
.pagination .nav-item a:after {
    border-color: rgba(60,60,60, 0.5);
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    height: 10px;
    vertical-align: top;
    display: inline-block;
    transition: all .15s cubic-bezier(1,-.115,.975,.855);
    transition-timing-function: cubic-bezier(1,-.115,.975,.855);
    width: 10px;
    box-sizing: border-box;
    position: absolute;
    z-index: 10;
    top: 10px;
}
.pagination .nav-item.prev-item a:after {
    transform: rotate(223deg);
    left: 12px;
}
.pagination .nav-item.next-item a:after {
    transform: rotate(43deg);
    left: 9px;
}
.pagination-panel {
    display: flex;
    width: 100%;
    margin: 25px 0 105px 0;
    padding: 0 15px;
}
.pagination-panel .pagination-navi-panel {
    width: 100%;
}

.pagination-panel .pagination-per-page-panel {
    text-align: right;
}
.pagination-panel .pagination-per-page-panel .v-select .dropdown-toggle,
.pagination-panel .pagination-per-page-panel .v-select .dropdown-menu {
    width: 75px;
    min-width: 75px;
    font-size: 13px;
    font-weight: 600;
    opacity: 0.7;
}
.pagination-panel .pagination-per-page-panel .v-select:not(.multiple) .selected-tag {
    margin-top: 2px;
}
.my-timetable.shoole-timetable {
    padding: 30px 0 0 0;
}
.choose-class-mob {
    margin-left: 5px;
}

.journal {
    background-color: #fff;
}

.container-fluid main {
    position: relative;
}

.modal-open .app-header {
    z-index: 0;
}

.modal-open .one-people:hover > div {
    z-index: inherit;
}

.user-comm-thumb, .one-hide-list-user-thumb, .fixed-message-thumb {
    width: 40px;
}

.my-timetable.teacher-time {
    padding: 0;
}

.schedule-teacher-index .messenger-link {
    padding-left: 16px;
}

.wrap-chat {
    z-index: 1;
}

.user-comm-text {
    white-space: pre-line;
}

.handbook-edit-form {
    overflow-y: auto;
}
.one-ch-class-min {
    min-width: 65px;
    width: auto;
}
.one-ch-class-min a {
    padding: 0 15px;
}

.schedule-class-room .choose-class {
    margin-bottom: 0;
}

.schedule-class-room #calendar {
    padding-bottom: 0;
}

.handbook-table  {
    display: flex;
}
.handbook .handbook-categories {
    width: 300px;
    display: block;
    float: left;
    cursor: pointer;
    background-color: #eee;
    font-size: 0.8rem;
    padding: 7px 0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -webkit-box-shadow: -3px 0px 18px 0px rgba(0, 68, 204, 0.4);
    -moz-box-shadow: -3px 0px 18px 0px rgba(0, 68, 204, 0.4);
    box-shadow: -3px 0px 18px 0px rgba(0, 68, 204, 0.4);
}
.handbook .handbook-categories ul {
    list-style: none;
    padding: 10px 0 0 0;
}
.handbook .handbook-categories li {
    font-weight: 600;
    padding: 10px 15px 10px 20px;
}
.handbook .handbook-categories li.selected {
    background-color: #fff;
    border-top: 1px solid #dde4e9;
    border-bottom: 1px solid #dde4e9;
}
.handbook .handbook-categories-is-open .handbook-grid {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 3px 0px 18px 0px rgba(0, 68, 204, 0.4);
    -moz-box-shadow: 3px 0px 18px 0px rgba(0, 68, 204, 0.4);
    box-shadow: 3px 0px 18px 0px rgba(0, 68, 204, 0.4);
}
.handbook-table {
    padding: 0 10px;
}
.handbook-grid-settings .list-group-item {
    display: flex;
}
.handbook-grid-settings .list-group-item:not(.header-list-fields) {
    cursor: move;
}

.handbook-grid-settings .list-group-item.item-field {
    border: none;
    border-top: 1px solid #dde4e9;
    border-bottom: 1px solid #dde4e9;
}
.handbook-grid-settings .list-group-item.header-list-fields {
    border: none;
}
.handbook-grid-settings .list-group-item:hover {
    background-color: #f7f7f7;
}
.handbook-grid-settings .list-group-item .field-label {
    justify-content: flex-start;
    width: 80%;
    padding-top: 3px;
}
.handbook-grid-settings .list-group-item .field-checkbox {
    justify-content: flex-end;
    width: 20%;
}

.handbook-grid-settings .header-list-fields {
    font-weight: 600;
}

.handbook-field-colorpicker {
    margin: 0;
    padding: 0;
    list-style: none
}

.handbook-field-colorpicker-color-item {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 3px 0 0;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background-color: transparent;
    vertical-align: middle;
    cursor: pointer;
    transition: 300ms all ease
}

.handbook-field-colorpicker-color {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    display: block;
    border: 4px solid #fff;
    border-radius: 50%;
    background-color: transparent;
    transition: 300ms border-color ease, 300ms background-color ease;
}
.handbook-field-colorpicker-color > div {
    border: 1px solid rgba(200, 200, 200, 0.5);
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.handbook-field-colorpicker-color-item.active .handbook-field-colorpicker-color {
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    border: 2px solid #fff;
}
.handbook-form-select-color label {
    display: block;
    float: left;
    padding: 5px 15px 0 0 !important;
}

.handbook-field-select-other-color {
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
}
.handbook-field-select-other-color a {
    border-bottom: 1px dashed;
}
.handbook-field-select-other-color .color-picker {
    position: relative;
    z-index: 101;
}
.handbook-field-select-other-color .color-picker > div {
    position: absolute;
    left: -100px;
    top: 10px;
}


.break-activity {
    background-color: #def3d9;
    min-height: 0px !important;
}
.break-activity > div {
    min-height: 0px;
    padding: 5px 15px;
}
.break-activity .one-timetable-num > span,
.break-activity .one-teacher-timetable-date {
    display: inline;
}
.break-activity .one-timetable-bl a,
.break-activity .one-timetable-bl span,
.break-activity .one-teacher-timetable-less {
    font-weight: 600;
    font-size: 14px;
}
.break-activity .one-timetable-bl a,
.break-activity .one-teacher-timetable-less a,
.break-activity .one-timetable-bl-right a{
    text-decoration: none;
    border-bottom: 1px dashed #212529;
    color: #212529;
}
.break-activity .one-timetable-bl a:hover,
.break-activity .one-teacher-timetable-less a:hover,
.break-activity .one-timetable-bl-right a:hover {
    border-bottom: 1px dashed #007bff;
    color: #007bff;
}
@media (max-width: 1024px) {
    .handbooks-homepage, .handbooks-homepage{
        min-width: unset;
    }
    .one-teacher-timetable-date {
        width: 16%;
    }
}

@media (max-width: 767px)  {

    .break-activity > div {
        padding: 15px 15px;
    }

    .break-activity .one-timetable-bl-right a, .break-activity .one-timetable-bl-right span {
        font-weight: 600;
        font-size: 14px;
    }

    .break-activity .one-teacher-timetable-less  a, .break-activity .one-teacher-timetable-less span {
        font-weight: 600;
        font-size: 14px;
    }

    .break-activity.one-timetable-bl {
        height: 53px;
    }
}

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

.fixed-message {
    background: none;
}

.one-chat-user-name-in {
    font-weight: 600;
}

.day-book-index .others-topics {
    background-color: #def3d9;
    font-weight: 400;
    font-size: 12px;
    border-radius: 3px;
    padding: 2px 5px;
    cursor: pointer;
}
.day-book-index .others-topics a:hover {
    text-decoration: none;
}

.data-viewer-header {
    padding: 30px 0 24px;
}

.data-viewer-index .pagination-panel {
    margin: 25px 0;
    padding: 0 15px;
}
.data-viewer-index .pagination-panel .pagination-navi-panel ul {
    margin: 0;
}
.data-viewer-index main {
    margin-bottom: 35px;
}
@media (max-width: 767px) {
    .data-viewer-index  .pagination-per-page-panel {
        display: none;
    }
}
.bl-plan-descr {
    min-height: unset;
}
#app > header {
    min-width: 340px;
}
.plan-tr.selected {
    background-color: #def3d9;
}
.plan-tr.preview, .plan-tr.preview.selected {
    background-color: #f7f7f7;
}
.handbook-edit-form-actions > button {
    padding: 0;
}
.handbook-edit-form-actions .dropdown-menu {
    padding: 10px 0;
    width: 190px;
    border: 1px solid #dde4e9;
}
.handbook-edit-form-actions .dropdown-menu a:focus {
    outline-color: transparent;
    background-color: unset;
}
.handbook-edit-form-actions .dropdown-menu a:hover {
    background-color: #e7e7e7;
}
.handbook-edit-form-actions .dropdown-menu a {
    font-size: 12px;
}
.handbook-edit-form-actions .dropdown-menu .dropdown-item.disabled{
    color: #9e9e9e;
    cursor: not-allowed;
}

.attendance-time {
    width: 15%;
}

.handbook-grid-filter-range-values {
    display: flex;
}
.handbook-grid-filter-range-values > div {
    padding-left: 10px;
}
.filter-button {
    position: relative;
}
.filter-button.filtered:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #29a2ff;
    border: 2px solid #fff;
    border-radius: 50%;
    top: 0px;
    right: 0px;
}
.day-book-index .one-day-tr.last-row,
.schedule-student-index .hor-time-table > div.vert-line:last-child > div.one-timetable-bl:last-child,
.schedule-teacher-index .hor-time-table > div.vert-line:last-child > div.one-timetable-bl:last-child,
.schedule-class .hor-time-table > div.vert-line:last-child > div.one-timetable-bl:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.schedule-class .last-cell {
    border-bottom-right-radius: 15px;
}

.container .no-data-found {
    color: orangered;
    text-align: center;
    font-size: 18px;
    margin: 20px;
}
.data-viewer-pagination-by-day {
    width: 100%;
    display: block;
}
.data-viewer-pagination-by-day .prev-date  {
    float: left;
}
.data-viewer-pagination-by-day .next-date {
    float: right;
}
.data-viewer-pagination-by-day .prev-link-item,
.data-viewer-pagination-by-day .next-link-item {
    width: 33px;
    height: 33px;
}
.day-book-index .one-day-icons {
    float: right;
}
.one-day.out .one-day-top {
    background-image: unset;
}
.modal-in .container {
    min-width: unset;
}
.plan-table .plan-tr:not(.plan-top):last-child .plan-td:last-child {
    border-bottom-right-radius: 10px;
}
.plan-table .plan-tr:not(.plan-top):last-child:hover {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.modal-in .plan-table .plan-tr.plan-top {
    border-top: 1px solid #edeff2;
}
.modal-in .container {
    padding: 0;
}

@media (max-width: 576px) {
    .pagination .page-item.date-item {
        /*display: none;*/
    }
}
.v-select-readonly {
    position: relative;
}
.v-select-readonly > div {
    position: absolute;
    width: 100%;
    height: 40px;
    top: -40px;
}
.attendance-log .plan-td {
    font-weight: 400;
    font-size: 11px;
    padding: 10px 15px;
}
.attendance-log .plan-top .plan-td {
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    line-height: 20px;
}

.student-icon {
    margin-right: 20px;
    cursor: pointer;
    position: relative;
}
.user-info {
    margin-left: 10px;
}
.modal-backdrop.show {
    opacity: 0.5;
}
.modal-backdrop {
    background-color: black;
}
.button-generate-password button {
    width: 50px;
}
.button-generate-password button {
    background: transparent url("/images/generate-password.png") center no-repeat;
    border: 1px solid rgba(0,0,0,0.6);
    opacity: 0.6;
    outline-color: transparent;
}


.tit-sem .user-link .more-menu{
    height: 22px;
    margin-left: 10px;
}

.tit-sem .user-link .more-menu a{
    height: 26px;
    border: 1px solid #dde4e9;
}

.trigger-popover-edit-form {
    position: relative;
}
.anchor-popover-edit-form {
    position: absolute;
    left: 25px;
}

.handbook-link-popover .popover-body {
    min-height: 100px;
    -webkit-box-shadow: 3px 0px 18px 0px rgba(0, 68, 204, 0.4);
    -moz-box-shadow: 3px 0px 18px 0px rgba(0, 68, 204, 0.4);
    box-shadow: 3px 0px 18px 0px rgba(0, 68, 204, 0.4);

}
.handbook-link-popover .tools-buttons input {
    font-size: 10px;
}
.handbook-edit-form-b-popover-hack {
    opacity: 0;
}

.handbook-popover-edit-form .header-panel .close {
    width: unset !important;
}

.replacements-index .choose-data-week {
    margin-right: 10px;
}
.replacements-index .one-timetable-bl.lesson-cell:not(.have-many-lessons):hover, .replacements-index .one-timetable-bl.have-many-lessons .lesson-cell:hover {
    border: 1px solid #f68888;
}
.replacements-index .selected-cell {
    background-image: repeating-linear-gradient(45deg, white, white 5px, #d7d7d7 5px, #d7d7d7 10px);
}
.replacements-index .selected-cell .more-menu a {
    height: 28px;
    width: 42px;
}
.replacements-index .selected-cell-toolbox {
    position: absolute;
    width: 100%;
    right: 10px;
    z-index: 1;
}
.replacements-index .selected-cell-toolbox > div {
    position: absolute;
    top: -1px;
    right: -3px;
}
.replacements-index .selected-cell-toolbox .dropdown .dropdown-menu {
    padding: 5px 0;
    border: 1px solid #dde4e9;
}
.replacements-index .selected-cell-toolbox .dropdown .dropdown-menu a.dropdown-item {
    font-size: 12px;
}
.replacements-index .many-less-in {
    padding: 0;
}
.replacements-index .one-many-less {
    padding: 7px 7px;
}
.replacements-index .one-timetable-line > div.have-many-lessons {
    padding: 0;
}
.replacements-index .one-timetable-bl.lesson-cell:not(.have-many-lessons),
.replacements-index .one-timetable-bl.have-many-lessons .lesson-cell,
.replacements-index .break-activity > div,  .replacements-index .line-top > div,
.replacements-index .one-timetable-num{
    padding: 5px 10px;
}
.replacements-index .line-top > div {
    min-height: 75px;
}

.day-book-index .one-day-top-right {
    width: 53%;
}

.day-book-index .attendance-log-icon {
    cursor: pointer;
    width: 11%;
    height: 76px;
    background: url(/images/smyle.png) right 42px center no-repeat;
}
.day-book-index .one-day-top {
    background-color: #d4f0ce;
}
@media (max-width: 767px) {
    .day-book-index .attendance-log-icon {
        width: 50%;
    }
}

.special-button.more-menu.no-border-button{
    border: none;
}
.class-schedule-actions {
    margin-top: -7px;
}

.replacements-index .one-timetable-bl.lesson-cell:not(.have-many-lessons) > div, .replacements-index .one-timetable-bl.lesson-cell:not(.have-many-lessons) div.lesson-cell {
    height: 100%;
}
.replacements-index .one-timetable-bl.lesson-cell:not(.have-many-lessons) div.lesson-cell {
    padding: 5px 10px !important;
}
.replacements-index .one-timetable-bl.lesson-cell {
    padding: 0 !important;
}
.replacements-index .lesson-state {
    height: 24px;
}
.add-less-top {
    max-height: 50px;
}
.one-assess-value.canceled:not(.journal-cell) {
    background-image: repeating-linear-gradient(45deg, white, white 5px, #ffb192 5px, #ffb192 10px);
}
.one-assess-value.journal-cell.canceled {
    background-color: #ffb192;
}
.name-spec {
    font-size: 10px;
    font-weight: 600
}

span.selected-tag.uploaded .selected {
    position: relative;
    top: -4px;
    font-size: 14px;
}

span.selected-tag.uploaded .selected .fl-caption {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 250px;
    display: inline-block;
    position: relative;
    top: 8px;
}
.dropdown-menu a:focus, .dropdown-menu button:focus {
    outline-color: transparent;
}

.dropdown-menu {
    padding: 7px 0 !important;
}
@media (max-width: 1400px) {
    .my-timetable.shoole-timetable .vert-time-table {
        display: block;
    }
}

.shtat-list-td.stat-num {
    width: 4%;
    padding-right: 0px !important;
}
.replacements-index .select-class-room {
    position: relative;
}
.replacements-index .one-less-day-choose-number {
    position: unset;
}
.replacements-index .one-less-day-choose-number .nav-link  {
    padding: 0 5px 0 0;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #212529;
}
.replacements-index .one-less-day-choose-number .btn.btn-link {
    padding: 0 10px 0 0;
    border-bottom: 1px solid #212529;
}
.replacements-index .one-less-day-choose-number .dropdown-toggle::after {
    top: 10px !important;
}
.replacements-index .one-less-day-choose-number .dropdown-menu {
    padding: 7px !important;
}
.replacements-index .select-class-room .one-less-day-choose-number .dropdown-menu a.dropdown-item {
    display: inline-block;
    padding: 3px 8px;
    font-weight: normal;
    margin: 0 5px 5px 0;
    width: auto;
}
.replacements-index .select-teacher .one-less-day-choose-number .dropdown-menu a.dropdown-item {
    width: 100%;
    text-align: left;
}
.replacements-index .select-class-room .one-less-day-choose-number:not(.loading) .dropdown-menu a.dropdown-item  {
    background-color: #F3F8EC;
    border: 1px solid #CED9BE;
    border-radius: 3px;
}
.replacements-index .selected-cell-toolbox .icons {
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
}
.replacements-index .selected-cell-toolbox .icon-close {
    color: red;
}
.replacements-index .selected-cell-toolbox .icon-reload {
    color: orange;
}
.replacements-index .selected-cell-toolbox .icon-check {
    color: green;
}
.replacements-index .loading .dropdown .dropdown-menu {
    width: 200px;
}
.replacements-index .loading .dropdown .dropdown-menu a.dropdown-item:hover, .replacements-index .loading .dropdown .dropdown-menu a.dropdown-item:focus {
    background-color: transparent;
}
.replacements-index .select-teacher .dropdown .dropdown-menu {
    width: 200px;
}
.replacements-index .select-teacher .dropdown .dropdown-menu a.dropdown-item:hover {
    background-color: #e5e5e5;
}
.class-room-name, .teacher-name {
    font-weight: 400;
}
.one-timetable-descr span, .one-many-cab span {
    font-weight: 400;
}
.dis-less a {
    color: #bfbfbf !important;
}
.schedule-student-index .week-navigation-container {
    padding: 0;
    margin-top: 25px;
}
.schedule-student-index .my-timetable {
    padding-top: 10px;
}
.select-class-room .one-choose-class-in {
    max-width: 100%;
}

.classes-divider:last-child {display: none;}

.less-info.dis > span {
    background-color: #fdf1c0;
    color: #c9970f;
}
.panel-menu li.have-submenu > a:after {
    content: '';
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    right: 20px;
    top: 50%;
    margin-top: -2px;
}
.panel-menu li.have-submenu:not(.open) > a:after{
    border-top: 6px solid #fff;
}
.panel-menu li.have-submenu.open > a:after{
    border-bottom: 6px solid #fff;
}

.student-icon .initials-child {
    z-index: 1000;
    position: absolute;
    font-size: 8px;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #FFA075;
    border-radius: 50%;
    line-height: 16px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
    bottom: 2px;
    right: 2px;
}
.student-icon .dropdown-menu.show {
    padding: 10px 0;
    width: 190px;
    border: 1px solid #dde4e9;
}
.student-icon .dropdown-menu .list-children h6 {
    padding: 0 0 0 10px;
    font-style: italic;
    font-size: 13px;
}
.student-icon .dropdown-menu .list-children .dropdown-item {
    padding-left: 22px;
}
.finance-top .dropdown {
    background-color: #fff;
}
.finance-top input[type=date]::-webkit-inner-spin-button,
.finance-top input[type=date]::-webkit-search-results-button,
.finance-top input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.finance-top input[type="date"]{
    position: relative;
}
.finance-top input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}
.choose-class-mob {
    display: block;
    width: 50%;
}
.one-many-less {
    padding: 8px 10px 4px 10px;
}
.many-less-in {
    padding: 0;
}
.link-lesson span {
    font-weight: normal;
    font-size: 11px;
    float: unset;
}
.link-lesson .ico-group {
    position: relative;
    display: inline-block;
    top: unset;
    right: unset;
}
.one-name-people-in .skd-absent-img {
    position: absolute;
    left: 6px;
    top: 15px;
    width: 20px;
}
.area-comm-edit {
	display: block;
}
.info-pupil-body pre {
	font-size: 100%;
	font-family: inherit;
}
.home-feed-index {
    margin-top: 25px;
}
.home-feed-filter {
    margin-bottom: 20px;
    width: 100%;
}
.home-feed-show-only-important-filter .custom-control-label::before {
    top: 0.1rem;
}
.left-panel {
	z-index: 1002;
}
.hidden {
    display: none;
}

.notifications {
    right: unset;
}

.pupil-list-tr:not(.pupil-list-top) .stat-name {
     font-family: 'Roboto', sans-serif;
}
.exit-bt {
    display: none;
}

@media (max-width: 767px) {
    .exit-bt {
    	margin-top: 40px;
	    display: block;
	    width: 100%;
    }
}
.home-feed-new-post-form {
    background-color: white;
    margin-bottom: 35px;
    padding-top: 15px;
    width: 100%;
    position: relative;
}

.home-feed-new-post-form .chat-top-wrap {
    border-radius: 3px;
    border: 1px solid #dde4e9;
}

.home-feed-toolbox {
    margin-bottom: 20px;
    width: 100%;
}
@media (max-width: 767px) {
    .home-feed-toolbox button {
        width: 100%;
    }
}

.home-feed-new-post-form .home-feed-toolbox {
    padding: 0 15px;
}

.home-feed-new-post-form .close-bt {
    top: -15px;
}
.home-feed-new-post-form-title {
    margin-bottom: 15px;
}

.type-new-post {
    width: 50%;
    float: left;
}

@media (max-width: 767px) {
    .row.no-gutters {
        margin: 0;
    }
    .home-feed-new-post-form .close-bt {
        top: -25px;
        right: -7px;
    }
    .type-new-post, .is-send-to-all {
        width: 100%;
    }

    .is-send-to-all {
        text-align: left;
    }
}

.time-line-descr {
    position: relative;
}
.time-line-descr .close-bt {
    top: -22px;
    right: -18px;
}
.v-select .dropdown-toggle input[type="search"].form-control:focus {
    border: none !important;
}

.b-form-group.is-invalid .quillWrapper {
    border: 1px solid #f8330d !important;
}

.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.home-feed-filter .selected-types {
    width: 70%;
    float: left;
    margin-right: 1%;
}
.home-feed-filter .confirm-filter {
    width: 29%;
    float: left;
}
@media (max-width: 767px) {
    .home-feed-filter .selected-types {
        width: 100%;
        float: unset;
    }
    .home-feed-filter .confirm-filter {
        margin-top: 20px;
        width: 100%;
        float: unset;
        margin-bottom: 30px;
    }
    .home-feed-filter .confirm-filter button {
        width: 100%;
    }
}

.home-feed-toolbox-item {
    position: absolute;
    top: -10px;
    right: -7px;
}

a.home-feed-toolbox-item-action {
    cursor: pointer;
}

.min-width-constr .container {
    width: 100%;
}
.constr {
    width: auto;
}
.constr-day-one-less-for-choose, .one-constr-day-less-name  {
    width: calc(115px - 58px);
}
.one-less-day-in, .constr-day-list-less-in .constr-day-one-less-for-choose  {
    width: calc(111px - 58px);
}
.one-less-group .one-less-day-in {
    width: calc(109px - 58px);
}
.constr .one-less-day-teacher, .constr .one-less-day-name {
    font-size: 9px;
}

.constr .group-name, .constr .one-less-day-teacher, .constr .one-less-day-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.schedule-constructor .one-less-day-choose-number .nav-item.dropdown > a {
    font-size: 9px;
}
.schedule-constructor .ico-group {
    top: 2px;
    left: 4px;
}
.schedule-constructor .one-constr-line {
    width: auto;
}

.schedule-constructor .one-less-day-in {
    padding: 2px;
}
.schedule-constructor .one-less-day-choose-number {
    left: 3px;
}

.schedule-constructor .teacher-name, .schedule-constructor .subject-name, .schedule-constructor .class-room-name, .schedule-constructor .group-name {
    line-height: 14px;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 90px;
}
.schedule-constructor  .subject-name {
    font-weight: bold;
}
.schedule-constructor .short-info.vertical {
    position: relative;
}
.schedule-constructor .short-info.vertical > div {
    position: absolute;
    left: -24px;
    bottom: 25px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.schedule-constructor .color-lesson-container {
    background-color: white;
}
.schedule-constructor .one-less-day-in {
    border-radius: unset;
}
.schedule-constructor .lesson-have-toolsbox div.list-toolsbox {
    position: relative;
}
.schedule-constructor .lesson-have-toolsbox div.list-toolsbox ul {
    position: absolute;
    font-size: 8px;
    list-style: none;
    font-weight: bold;
    opacity: 0.7;
    cursor: default;
    z-index: 51;
    padding: 0;
}
.schedule-constructor .lesson-have-toolsbox div.list-groups ul {
    left: 34px;
    top: -117px;
}
.schedule-constructor .lesson-have-toolsbox div.list-semesters ul {
    left: -12px;
    top: -70px;
}
.schedule-constructor .lesson-have-toolsbox div.list-odd-even ul {
    left: -5px;
    top: -130px;
}

.schedule-constructor .lesson-have-toolsbox div.list-toolsbox ul li {
    display: block;
    text-align: center;
    width: 14px;
    height: 14px;
    margin: 3px;
    cursor: pointer;
    z-index: 301;
}
.schedule-constructor .lesson-have-toolsbox div.list-toolsbox ul li.have-conflicts {
    border: 1px solid red;
    background-color: orangered;
}
.schedule-constructor .lesson-have-toolsbox div.list-toolsbox ul li {
    background-color: #9AB55D;
    border: 1px solid #9AB55D;
    border-radius: 2px;
}
.schedule-constructor .lesson-have-toolsbox div.list-toolsbox ul li.selected {
    border: 1px solid #1e87d8;
}
.select-classes div.selected a {
    background-color: #29a2ff;
    color: #fff !important;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.select-classes div.selected a:hover {
    background-color: #1e87d8;
}
.select-classes.choose-class-mob {
    margin: 25px 0 0 35px;
    z-index: 55;
}
.select-classes.choose-class-mob .active-class {
    font-size: 12px;
    line-height: 35px;
    height: 35px;
}
.select-classes.choose-class-mob .one-ch-class-min {
    margin-bottom: 12px;
}

.select-classes.choose-class-mob .one-ch-class-min a {
    font-size: 12px;
    line-height: 35px;
    height: 35px;
}
a#atlwdg-trigger {
    z-index: 2001;
}
.one-constr-day-name {
    height: 35px;
}
.one-constr-day-less-name {
    height: 30px;
    line-height: 30px;
}
.schedule-constructor .constr-top {
    margin-bottom: 5px;
}
.schedule-constructor .lesson-card {
    height: 131px;
    position: relative;
}
.schedule-constructor .short-info.vertical {
    height: 95px;
}
.schedule-constructor .short-info.vertical > div {
    height: 49px;
    width: 95px;
    padding-top: 10px;
}
.schedule-constructor .one-less-day-choose-number {
    padding-left: 8px;
}
.schedule-constructor .constr-day-one-less-for-choose {
    cursor: default;
}
.schedule-constructor .lesson-card-info {
    font-size: 11px;
    line-heigth: 11px;
}
.schedule-constructor .lesson-card-info p {
    padding: 4px 10px;
    margin: 0;
    white-space: normal;
}
.schedule-constructor .lesson-card-info p > span {
    font-weight: bold;
}
.schedule-constructor .select-class-room button.dropdown-toggle {
    display: inline-block;
    background-color: transparent;
    padding: 0 3px;
    border: none;
    font-size: 10px;
    color: black;
    border-bottom: 1px solid black;
    border-radius: 0;
}
.schedule-constructor .select-class-room button.dropdown-toggle:focus {
    outline-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.schedule-constructor .select-class-room button.dropdown-toggle > a {
    padding: 3px 8px 0 0;
}
.schedule-constructor .select-class-room .dropdown-menu {
    width: auto;
}
.schedule-constructor .select-class-room .list-classrooms {
    width: 250px;
    height: auto;
}
.schedule-constructor .select-class-room .list-classrooms > a {
    display: block;
    float: left;
    padding: 5px;
    margin: 5px;
    font-size: 11px;
}
.schedule-constructor .select-class-room .list-classrooms > a:hover {
    background-color: #eeeeee;
}
.one-less-day-choose-number a.nav-link.dropdown-toggle {
    min-width: 22px;
    min-height: 16px;
}
.schedule-constructor .one-constr-line:last-child {
    margin-bottom: 175px;
}
.schedule-constructor .lesson-card-free.constr-day-one-less-for-choose,
.schedule-constructor .lesson-card-free.constr-day-one-less-for-choose .one-less-day-in  {
    width: 115px;
}

.schedule-constructor .lesson-card-free .quantity-free-cards {
    position: relative;
}
.schedule-constructor .lesson-card-free .quantity-free-cards > div {
    position: absolute;
    bottom: -80px;
    right: 0px;
    font-size: 12px;
    line-height: 1px;
    font-weight: bold;
    color: #4e4e4e;
}
.schedule-constructor .one-less-day-choose-number .dropdown a.dropdown-item {
    width: auto;
}

.schedule-constructor .free-lesson-slot:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 2px dashed #2ab11f;
}
.schedule-constructor .is-locked {
    top: -20px !important;
}
.schedule-constructor .constr-day-list-less-in .constr-day-one-less-for-choose:hover .one-less-day {
    top: 0;
}

.schedule-constructor .lesson-card-info .remove-lesson-card {
    float: right;
    font-size: 10px;
    font-weight: bold;
    margin: 5px;
    cursor: pointer;
    background-color: orangered;
    padding: 2px 3px;
    color: white;
}

.schedule-constructor .lesson-card-info .remove-lesson-card:hover {
    background-color: red;
}

.schedule-constructor .lesson-card.have-conflicts {
    background-image: repeating-linear-gradient(45deg, orangered, orangered 5px, #FCE4CB 5px, #FCE4CB 10px);
}
.schedule-constructor .lesson-card-info .conflicts-info {
    width: 100%;
    line-height: 10px;
}
.schedule-constructor .lesson-card-info .conflicts-info p {
    margin: 0;
    padding: 3px;
}
.schedule-constructor .lesson-card-info .conflicts-info > span {
    color: red;
}
.schedule-constructor .lesson-card-free .is-group {
    position: relative;
}
.schedule-constructor .lesson-card-free .is-group > i {
    position:  absolute;
    font-size: 12px;
    font-weight: bold;
    color: black;
    top: -4px;
    right: -5px;
}


.call-bl {
    margin-top: 8px;
}


@media (max-width: 1024px) {
    .call-bl {
        margin-top: -25px;
    }
}

.access-rules-users-position{
    position: sticky;
    top: 63px;
    background: #f0f4f7;
}
.dopinfo-list.finance-list-comm {
    width: 74%;
    text-align: left;
}

.finance-list-data {
    width: 20%;
}

td.dop-info-name {
    padding: 3px 5px;
    text-align: left;
    border-bottom: 1px solid silver;
}

table.dop-info {
    width: 100%;
    margin: 5px 0;
}

td.dop-info-sum {
    border-bottom: 1px solid silver;
}

.finance-list-comm.dopinfo-line-data {
    width: 74%;
}

.constr-day-list-less {
    overflow: unset;
}
.schedule-constructor .student-class .select-class-room.set-class-room-for-all {
    left: 10px;
    top: -50px;
}
.half-circle-spinner, .half-circle-spinner * {
    box-sizing: border-box;
}

.half-circle-spinner {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    position: relative;
    margin: 5px 0 5px 60px;
}

.half-circle-spinner .circle {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: calc(45px / 12) solid transparent;
}

.half-circle-spinner .circle.circle-1 {
    border-top-color: #29a2ff;
    animation: half-circle-spinner-animation 1s infinite;
}

.half-circle-spinner .circle.circle-2 {
    border-bottom-color: #29a2ff;
    animation: half-circle-spinner-animation 1s infinite alternate;
}

@keyframes half-circle-spinner-animation {
    0% {
        transform: rotate(0deg);

    }
    100%{
        transform: rotate(360deg);
    }
}
.schedule-constructor .lesson-card .is-group {
    position: relative;
}
.schedule-constructor .lesson-card .is-group > i {
    position:  absolute;
    font-size: 11px;
    font-weight: bold;
    color: black;
    top: 2px;
    right: 0px;
}

.schedule-constructor .lesson-card-free.is-group .one-less-day-in {
    height: 85px;
}

.schedule-constructor .lesson-card-free.is-group .quantity-free-cards > div {
    bottom: -50px;
}
.schedule-constructor .lesson-card-free div.list-groups ul {
    width: 20px;
    top: 8px;
    left: 88px;
}
.schedule-constructor .lesson-card-free div.list-odd-even ul {
    width: 20px;
    top: -3px;
    left: -17px;
}

@media (max-width: 600px) {
    .day-book-index .row.no-gutters.justify-content-between {
        display: inline-grid;
    }
}


.hourly-load-distribution .one-other-col {
    min-width: 125px;
}
.hourly-load-distribution .one-group-body-row.top-row {
    background-color: unset;
}
.hourly-load-distribution .one-group-body-row.top-row .one-other-col {
    background-color: #f1f4f6;
}
.hourly-load-distribution .one-group-body-col.other-col {
    width: auto;
}
.hourly-load-distribution .one-info-prod.group, .hourly-load-distribution .one-other-col label.check-block.group {
    width: 30px;
}
.hourly-load-distribution .one-other-col {
    width: 125px;
}
.hourly-load-toolbox-teacher .replace-teacher-dialog .select-teacher-body{
    width: 400px;
}
.hourly-load-toolbox-teacher .replace-teacher-dialog .select-teacher-body .form-group .d-block {
    display: unset !important;
}
.hourly-load-toolbox-teacher .replace-teacher-dialog .part-menu-in .part-menu-list {
    padding: 10px;
}

.short-news{
    position: relative;
    height: 200px;
    overflow: hidden;
}
.short-news img{
    position: relative;
    height: auto;
}
.button-grad {
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #d4d9de;
    height: 26px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.button-grad span {
    display: block;
    width: 64px;
    height: 22px;
    border-radius: 18px 18px 0 0;
    border: 1px solid #d4d9de;
    border-bottom: none;
    background-color: #fff;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -32px;
}

.button-grad span:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -5px;
    width: 6px;
    height: 6px;
    left: 50%;
    margin-left: -4px;
    border: none;
    border-left: 2px solid #aaafb6;
    border-bottom: 2px solid #aaafb6;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.row.no-gutters.justify-content-between {
    height: 40px;
}

.access-rules-users-position{
    position: sticky;
    top: 63px;
    background: #f0f4f7;
}

.access-rules-object-position{
    position: sticky;
    left: 0px;
    background: #f0f4f7;
    border-right: 2px solid #dee2e6;
    padding-right: 3px;
}

.hourly-load-popover-dialog {
    position: relative;
}
.hourly-load-popover-dialog > div {
    position: fixed;
}
.hourly-load-popover-dialog .pop-drop {
    width: 180px;
    display: block;
    padding: 5px 5px 2px 5px;
}
.hourly-load-add-teacher .pop-drop {
    width: 600px;
}
.hourly-load-popover-dialog .pop-drop .part-menu-tit {
    font-weight: bold;
}
.hourly-load-distribution .hourly-load-popover-dialog .list-separated-hours li > a.selected,
.hourly-load-distribution .hourly-load-popover-dialog li > a.selected {
    font-weight: bold;
    background-color: #f5f5f5;
}
.hourly-load-distribution .hourly-load-popover-dialog .blue-bt {
    width: 94%;
    text-align: center;
    margin: 3%;
}
.hourly-load-popover-dialog {
    z-index: 1001;
}
.hourly-load-distribution-header .select-classes {
    margin: 0 0 0 80px;
}

.hourly-load-distribution .one-group-body-col.name-col {
    z-index: 10;
}
.hourly-load-add-teacher .select-teacher {
    width: 80%;
    float: left;
}
.hourly-load-add-teacher .confirm-select-teacher {
    width: 20%;
    float: right;
    text-align: center;
}
.hourly-load-add-teacher .confirm-select-teacher .blue-bt {
    padding: 0 10px;
}
.hourly-load-add-teacher .select-teacher-body {
    margin-top: 35px;
}
.hourly-load-add-teacher small {
    font-size: 12px;
}
.hourly-load-add-teacher label {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}
.hourly-load-add-teacher i.open {
    background-color: #29a2ff;
}
.hourly-load-select-color-stream label {
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
}
.hourly-load-toolbox-teacher li.handbook-field-colorpicker-color-item {
    width: 20px;
    height: 20px;
}
.hourly-load-toolbox-teacher .create-stream-dialog {
    padding: 5px;
    width: 200px;
}
.blue-bt.disable {
    background-color: #aaafb6;
    opacity: 0.7;
}
.blue-bt.disable:hover {
    opacity: 1;
}
.one-group-body-row.edit .one-other-col {
    z-index: 99;
}
.hourly-load-distribution .name-create-coh {
    border: 2px solid transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80px;
    width: auto;
    white-space: nowrap;
    display: inline-block;
}
.hourly-load-distribution .hourly-load-toolbox-teacher .pop-drop {
    padding: 17px 5px !important;
}
.hourly-load-distribution .part-menu {
    margin-bottom: unset;
}
.hourly-load-distribution .one-group-body {
    padding-bottom: 15px;
}

.hourly-load-distribution .hourly-load-teacher .hourly-load-lesson-cell {
    border-bottom: 1px solid #dde4e9;
}
.hourly-load-distribution .one-group-body-row.edit .hourly-load-lesson-cell  {
    border-bottom: 1px solid #29a2ff;
}
.hourly-load-distribution .one-group-less-name a.collapsed:before, .hourly-load-distribution a.sub-less.collapsed span:before {
    transform: rotate(-45deg);
}
.hourly-load-distribution .one-group-less-name a:before, .hourly-load-distribution a.sub-less span:before {
    transform: rotate(135deg);
}
.hourly-load-distribution .hourly-load-total-hours .one-group-body {
    padding-bottom: 0;
}
.hourly-load-distribution .hourly-load-total-hours .teacher-hour-num {
    color: black;
}
.hourly-load-distribution .hourly-load-total-hours .teacher-hour-num.bad-num {
    color: #ff4842;
}
.hourly-load-distribution .hourly-load-total-hours .teacher-hour-num.good {
    color: #29b11e;
}

.btn-right-side{
    position: absolute;
    right: 80px;
}
.btn-right-side a {
    text-decoration: none;
    color: white;
}

.one-line-tech.teach-list-class {
    display: block;
}

.pupil-list-td a{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.additional-progress-reviews .one-less-line-pipil > div,
.additional-progress-reviews .info-pupil-main-left-part
{
    border: none;
}

.additional-progress-reviews .info-pupil-main-item-in b{
    font-size: 16px;
}

.additional-progress-reviews label{
    margin: 2px 0;
    font-size: 12px;
    font-weight: bold;
}

.hourly-load-distribution .hourly-load-tools-box-hours .part-menu-list.list-groups ul {
    height: 250px;
    overflow-y: auto;
}
.hourly-load-distribution .hourly-load-teacher .bt-create-coh .ok.disabled {
    opacity: 0;
}
.name-create-coh {
    position: relative;
}

.name-create-coh .close-pop-drop {
    width: 10px;
    height: 10px;
}
.name-create-coh .close-pop-drop:before, .name-create-coh .close-pop-drop:after {
    width: 8px;
    background-color: #ff4842;
    left: 8px;
}
.name-create-coh.not-edit-mode {
    padding-right: 12px;
}
.name-create-coh {
    margin-left: 10px;
}
.hourly-load-distribution .name-create-coh.more-one {
    max-width: 50px;
}
.hourly-load-distribution .one-group-body-row.edit {
    box-shadow: unset;
}

.journal.jour-parent .one-assess-value-in.have-more-three {
    padding-top: 1px;
}
.journal.jour-parent .one-assess-value-in.have-more-three .assess {
    height: 25px;
    line-height: 25px;
    position: relative;
    display: inline-block;
    width: auto;
    padding: 0 1px;
    font-size: 11px;
    border: none;
}

.journal.jour-parent .one-assess-value-in.have-more-three .have-comments.assess:before {
    left: unset;
    top: unset;
    right: 0px;
}

.admin-panel-in-profile.menu-lk {
    padding: 0;
    border: unset;
}
.admin-panel-in-profile h3 {
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0 5px 0;
    text-align: center;

}
.admin-panel-in-profile hr {
    margin-bottom: 0;
}
.admin-panel-in-profile ul {
    list-style: none;
}
.admin-panel-in-profile li a {
    font-size: 12px
}

@media (max-width: 576px) {
    #calendar {
        padding: 35px 0 15px;
    }
}

#calendar {
    padding-bottom: 34px;
}

.hourly-load-distribution {
    margin-bottom: 170px;
}

.one-other-col{
    width: 100%;
    text-align: center;
}
.hourly-load-subject .sub-less span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 250px;
    display: block;
}
 
.one-timetable-picture{
    float: left;
}

.teacher-picture img{
    -webkit-border-radius: 50%;
    margin-right: 10px;
}
.one-timetable-lesson-data{
    margin-left: 42px;
}

.one-timetable-bl.one-teacher-timetable-bl > div {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
}
.one-many-hide{
    width: unset;
}

@media (max-width: 1399px) {
    .many-less-in {
        margin-top: -10px;
        margin-left: -10px;
        margin-bottom: 0;
    }
    .one-many-hide{
        width: 100%;
    }

    .teacher-picture a{
        position: relative;
    }

    .teacher-picture img{
        position: absolute;
        top: 4px;
    }
}


.one-timetable-bl.one-teacher-timetable-bl.d-md-flex.d-flex {
    min-height: 50px;
}

.user-picture-with-name .one-name-people span {
    margin-right: 10px;
}


.user-picture-with-name i{
    display: block;
    margin-left: 30px;
}

.user-picture-with-name .float-left{
    margin-top: 3px;
}

.user-picture-with-name .thumb-teacher span{
    /*//display: block;*/
    padding-right: unset;
    margin-right: 10px;
}


@media (min-width: 1400px) {
    .one-les-root {
        right: 6px;
        width: 100%;
        position: absolute;
    }

    .one-timetable-bl div {
        position: relative;
    }
}

.student-class-name.stream {
    background-color: #F3F8EC;
    border: 1px solid #CED9BE;
    padding: 3px 5px;
    border-radius: 3px;
}

.full-width {
    width: 100%;
}
.round-feed-picture {
    -webkit-border-radius: 50%;
    width: 24px;
    height: 24px;
}

.time-line-info{
    width: unset;
}

.feed-picture.time-line-thumb{
    width: 24px;
    flex: unset;
    margin-right: 5px;
}

.grade-info-block{
    position: absolute;
    margin-left: 30px;
}


.feed-picture .user-initials.feed-default-picture{
    width: 24px;
    height: 24px;
    font-size: 12px;
    background-color: #14517f;
    font-weight: bold;
}

.daybook-teacher-picture{
    position: absolute;
    top: 5px;
}

.roadmap .container-bg {
    height: 100%;
    width: 100%;

    position: fixed;
    left: 0;
    top: 0;
    z-index: -1
}

.road-element a, .road-element a:hover{
    color: #fff;
    text-decoration: underline;
}

.roadmap .container-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/images/6199_shutterstock_100060127.jpg");

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*-webkit-filter: brightness(.5);*/
    /*filter: brightness(.5);*/
    z-index: -1;
}
.roadmap .container-bg .gradient{
    position: absolute;
    width: 100%;
    height:100%;
    left: 0;
    top:0;
    background: linear-gradient(to bottom, rgba(38,38,38,.7) 0%,rgba(51,51,51,1) 100%);
}

.roadmap h1 {
    font-size: 40px;
    margin-top: 70px;
    margin-bottom: 20px;
    font-weight: bold;
    max-width: 330px;
}

.roadmap > p {
    font-size: 15px;
    max-width: 490px;
}

.roadmap-container{
    margin-bottom: 50px;
}

.roadmap-container-outer {
    padding: 0px 87px 0px 60px;
}

.roadmap-container-outer > p{
    margin-bottom: 75px;
    max-width: 510px;
    line-height: 1.45;
}

.roadmap-container .road-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 23px 0px
}

.roadmap-container .road-element-in {
    background: #81A843
}

.roadmap-container .road-checkbox,
.roadmap-container .counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 5%;
    flex-basis: 5%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px 21px;
}
.roadmap-container .road-checkbox{
    flex-basis: 9%;
}

.roadmap-container .description-container > p {
    margin: 0
}

.roadmap-container .description-container > p.heading {
    font-size: 22px;
    font-weight: bold;
    /*line-height: 18px;*/
}

.roadmap-container .description-container > p.description {
    font-size: 14px;
    cursor: pointer;
    /*line-height: 40px;*/
}

.roadmap-container .counter > span {
    width: 47px;
    height: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid rgba(17,17,17,.17);
    font-size: 22px;
    font-weight: bold;
}

.roadmap-container .description-container {
    -webkit-box-flex: 10;
    -ms-flex-positive: 10;
    flex-grow: 10;
}
/* panasenko_feature_20181203_new_design_handbook_home*/
.handbooks-homepage{
    font-family: "Roboto", sans-serif
}
.handbooks-homepage .block-header-lg{
    font-weight: bold;
    font-size: 26px;
    max-width: 115px;
    color: #111;
    line-height: 1.2;
}
.handbooks-homepage .block-header-md{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
}
.handbooks-homepage .news .block-header-md,
.handbooks-homepage .articles .block-header-md,
.handbooks-homepage .education_years .block-header-md,
.handbooks-homepage .scheuldue_positions .block-header-md,
.handbooks-homepage .system_administration .block-header-md,
.handbooks-homepage .news .block-header-md a,
.handbooks-homepage .articles .block-header-md a,
.handbooks-homepage .education_years .block-header-md a,
.handbooks-homepage .scheuldue_positions .block-header-md a,
.handbooks-homepage .system_administration .block-header-md a
{
    color: #333333;
    text-decoration: none;
}
.handbooks-homepage .admin .block-header-md,
.handbooks-homepage .admin .block-header-md a
{
    color: #fff;
    text-decoration: none;
}
.handbooks-homepage .grid-block ul > li{
    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
}
.handbooks-homepage .grid-block.external_integrations ul > li{
    display: list-item;
    padding: 0;
    margin: 0;
    line-height: 40px;
}
.handbooks-homepage .grid-block ul{
    margin: 0;
    padding: 0;
}

.handbooks-homepage .grid-block.pic{
    background: url(/images/handbook/345961091.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.handbooks-homepage .block-article-text{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 1.7;
}
.handbooks-homepage .resourses ul > li:after{
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 12px;
    background: url(/images/handbook/svg/Group%201.svg);
    right: 0;
}
.handbooks-homepage .grid-block ul > li a{
    line-height: 1.2;
    font-size: 14px;
    text-decoration: none;
    width: auto;
    border-bottom: 1px solid #333;
    padding: 12px 0px 0px 0px;
    margin-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 290px;
}
.handbooks-homepage .grid-block.resourses ul > li a{
    color: #333;
}
.handbooks-homepage .grid-block.resourses ul > li a:hover{
    color: #1E80D3
}

.handbooks-homepage .grid-container{
    display: grid;
    grid-template-columns: 320px 320px 320px 320px;
    grid-template-rows: 300px 300px 300px 300px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.handbooks-homepage .grid-block{
    padding: 25px 28px 30px 28px;
    position: relative;
    overflow: hidden;
    background: #fff;
    /*    border: 1px solid #000;*/

}

.handbooks-homepage .grid-block:hover{
    -webkit-box-shadow: 2px 2px 60px -20px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 60px -20px rgba(0,0,0,0.75);
}

.handbooks-homepage .grid-block{
    grid-column: auto;
}

.handbooks-homepage .grid-block.resourses{
    grid-column: 1;
    grid-row: 1 / span 2
}

.handbooks-homepage .grid-block.admin{
    color: #FFFFFF;
    background: #6A5CA8;
    /*grid-column: 2;*/
    /*grid-row: 1;*/
    padding-top: 30px;
}

.handbooks-homepage .grid-block.pic{
    grid-column: auto / span 2;
    /*grid-row: 1;*/
}
.handbooks-homepage .grid-block.info{
    color: #FFFFFF;
    background: #3D7DCB;
    /*grid-column: 2;*/
    /*grid-row: 2;*/
}
.handbooks-homepage .grid-block.info a,
.handbooks-homepage .grid-block.education_plans a,
.handbooks-homepage .grid-block.activities a,
.handbooks-homepage .grid-block.my_rate a,
.handbooks-homepage .grid-block.external_integrations a,
.handbooks-homepage .grid-block.admin a
{
    color: #fff;
    border-bottom: 1px solid #fff;
}
.handbooks-homepage .grid-block.articles{
    background: #F7F9F9;
    /*grid-column: 3;*/
    /*grid-row: 2;*/
}
.handbooks-homepage .grid-block.news{
    /*grid-column: 4;*/
    /*grid-row: 2;*/
}
.handbooks-homepage .grid-block.education_plans{
    color: #FFFFFF;
    background: #ED8F64;
    grid-column: auto / span 2;
    grid-row: auto;
}
.handbooks-homepage .grid-block-in{
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.handbooks-homepage .grid-block-in ul{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.roadmap-container .road-checkbox span {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 100%;
    cursor: pointer;
}

.roadmap-container .road-checkbox span:after {
    content: '';
    display: block;
    background-image: url(/images/arrow-right.svg);
    width: 15px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
}

.roadmap-container .road-checkbox.checked span {
    background-color: #FFD842;
    border: none;
}

.road-collapsible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.roadmap-container .road-checkbox.checked span:after {
    background-image: url(/images/check.svg);
    width: 20px;
    height: 12px;
    right: -1px;
    position: relative;

}

.roadmap-container-outer{
    color: #fff;
}


.road-collapsible .empt > span {

    width: 47px;
    height: 47px;
}

.road-collapsible p {
    padding-right: 25px
}

.road-collapsible .road-collapsible-in {
    max-width: unset;
    -ms-flex-preferred-size: 95%;
    flex-basis: 95%;

}

.road-collapsible {
    /*    display: none;*/
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.road-checkbox{
    -webkit-transition: all .3s;
    transition: all .3s
}

.road-element.opened .road-collapsible {
    max-height: 700px;

}



.road-checkbox:not(.checked) span {
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.road-element.opened .road-checkbox:not(.checked) span{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.road-collapsible .road-collapsible-in{
    flex-basis: 100%;
    padding-left: 90px;
}
.road-collapsible-in .btn{
    margin-bottom: 15px;
}
.roadmap-container .road-element:nth-child(1) .road-element-in{background-color: #8EB54E}
.roadmap-container .road-element:nth-child(2) .road-element-in{background-color: #81A843}
.roadmap-container .road-element:nth-child(3) .road-element-in{background-color: #709544}
.roadmap-container .road-element:nth-child(4) .road-element-in{background-color: #5E813A}
.roadmap-container .road-element:nth-child(5) .road-element-in{background-color: #4F6F38}
.roadmap-container .road-element:nth-child(6) .road-element-in{background-color: #49612f}
@media all and (max-width: 767.99px){
    .road-collapsible .road-collapsible-in{
        flex-basis: 92%;
        padding-left: 0;
    }
    .roadmap-container .description-container{
        width: 20%;
    }
    .roadmap-container-outer{
        padding: 0;
    }
    .roadmap-container-outer > h1,
    .roadmap-container-outer > p{
        padding:0px 15px
    }
}
/*panasenko_feature_20181205_roadmap_page_design end */

.handbooks-homepage .grid-block.education_years{
    /*grid-column: 2;*/
    /*grid-row: 3;*/
}
.handbooks-homepage .grid-block.activities{
    color: #FFFFFF;
    background: #EB6AAB;
    /*grid-column: 3;*/
    /*grid-row: 3;*/
}
.handbooks-homepage .block-article-name{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    font-weight: bold;
    font-size: 22px;
    color: #333538;
    letter-spacing: .1px;
    margin-bottom: 30px;
    line-height: 1.3;
    margin-top: 25px;
}

.handbooks-homepage .news .block-article-name{
    margin-bottom: 17px;
    margin-top: 25px;
}

.handbooks-homepage .block-ico{
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    /*    border: 1px solid #ddd;*/
    background-repeat: no-repeat;
    background-position: center;
}

.handbooks-homepage .light{
    /*    content: '';*/
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-box-shadow: 10px 10px 300px 150px rgba(255,255,255,1);
    box-shadow: 10px 10px 300px 150px rgba(255,255,255,1);
}

.handbooks-homepage .grid-block.scheuldue_positions > div{
    z-index: 1;
}

.handbooks-homepage .grid-block.scheuldue_positions{
    background-image: url(/images/handbook/283235573_lg.jpg);
    grid-column: auto / span 2;
    grid-row: 3;
    background-position: center;
    -webkit-box-shadow: inset 10px 0px 40px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 10px 0px 40px -20px rgba(0,0,0,0.75);
    box-shadow: inset 10px 0px 40px -20px rgba(0,0,0,0.75);
}
.handbooks-homepage .grid-block.system_administration{
    /*grid-column: 1;*/
    /*grid-row: 4;*/
}
.handbooks-homepage .grid-block.my_rate{
    color: #FFFFFF;
    background: #A7C338;
    /*grid-column: 2;*/
    /*grid-row: 4;*/
}

.handbooks-homepage .grid-block.external_integrations{
    color: #FFFFFF;
    background: #3D7DCB;
    grid-column: auto / span 2;
    /*grid-row: 4;*/
}

.block-header-md b{
    display:block;
    font-weight: bold;
    font-size: 26px;
    max-width: 115px;
    color: #333;
    line-height: 1.2;
}
.education_years .block-header-md,
.scheuldue_positions .block-header-md,
.system_administration .block-header-md
{
    color: #333;
}

/*auto rows*/
.handbooks-homepage .grid-container{
    grid-auto-flow: row dense;
}
.handbooks-homepage .grid-block{
    -ms-grid-row: auto;
    grid-row: auto;
}

.handbooks-homepage .block-ico.resourses{
    right: 0;
    top: 0;
    background-image: url('/images/handbook/svg/Group 3116.svg');
}
.handbooks-homepage .block-ico.admin{
    right: -5px;
    bottom: 0;
    background-image: url('/images/handbook/svg/Group 3118.svg');
    width: 75px;
    height: 85px;
}
.handbooks-homepage .block-ico.info{
    right: 0;
    bottom: 0;
    background-image: url('/images/handbook/svg/Group 3240.svg');
    height: 80px;
    width: 60px;
}
.handbooks-homepage .block-ico.education_plans{
    right: 0;
    bottom: -5px;
    width: 75px;
    height: 85px;
    background-image: url('/images/handbook/svg/whiteboard.svg');
}
.handbooks-homepage .block-ico.education_years{
    left: 0;
    bottom: 0;
    width: 65px;
    height: 90px;
    background-image: url('/images/handbook/svg/backpack.svg');
}
.handbooks-homepage .block-ico.activities{
    left: 0;
    bottom: 0;
    width: 70px;
    height: 95px;
    background-image: url('/images/handbook/svg/idea.svg');
}
.handbooks-homepage .block-ico.system_administration{
    right: -10px;
    bottom: 0;
    width: 60px;
    height: 80px;
    background-image: url('/images/handbook/svg/design-skills.svg');
}
.handbooks-homepage .block-ico.my_rate{
    right: 0;
    bottom: 0;
    width: 60px;
    height: 80px;
    background-image: url('/images/handbook/svg/review.svg');
}
.handbooks-homepage .block-ico.external_integrations{
    right: 15px;
    top: 0;
    width: 50px;
    height: 75px;
    background-image: url('/images/handbook/svg/smartwatch.svg');
}

.handbooks-homepage .external_integrations ul{
    display: block;
    -webkit-column-count: 3;
    column-count: 3;
    padding-top: 80px;
}
.handbooks-homepage .background-img{
    width: 100vw;
    position: fixed;
    z-index: -1;
    top: 65px;
    left: 0;
    min-height: 600px;
    background-image: url("/images/handbook/5200415861.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-filter: grayscale(25%);
    filter: grayscale(25%);
}
.handbooks-homepage .background-img img{
    width: 100%
}
.handbooks-homepage{
    color: #fff
}
.handbooks-homepage h1{
    margin-top: 24px;
    margin-bottom: 20px;
    font-size: 50px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    letter-spacing: -1px;
}

.handbooks-homepage .head-container{
    max-width: 475px;
    margin-left: 50%;
    margin-bottom: 115px;
}

.handbooks-homepage .head-container p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 25px;
}

.handbooks-homepage .bt{
    display: inline-block;
    border-radius: 3px;
    color: #fff;

}

.handbooks-homepage .blue{
    background: #3D7DCB;
}

.handbooks-homepage .bt span{
    line-height: 40px;
    padding: 0px 20px;
    font-size: 14px;
    color:#fff;
}
.bt:hover{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    filter: brightness(1.1);
}
.bt:hover a{
    text-decoration: none;

}

.bt a{
    width: 100%;
    height: 100%;
    display: block;
}
.handbooks-homepage .grid-block.admin ul > li a{
    color: #fff
}

.grid-block.articles .block-article-text,
.grid-block.education_years .block-article-text,
.grid-block.scheuldue_positions .block-article-text,
.grid-block.news .block-article-text,
.grid-block.articles a,
.grid-block.education_years a,
.grid-block.scheuldue_positions a,
.grid-block.system_administration a,
.grid-block.news a
{
    color: #333538
}

.grid-block.education_years .block-header-subheader,
.grid-block.scheuldue_positions .block-header-subheader
{
    color: #6E6E6E
}

.handbooks-homepage .grid-block.resourses .grid-block-in ul{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 17px;
}

.handbooks-homepage .grid-block.education_plans,
.handbooks-homepage .grid-block.system_administration,
.handbooks-homepage .grid-block.my_rate,
.handbooks-homepage .grid-block.external_integrations,
.handbooks-homepage .grid-block.education_years,
.handbooks-homepage .grid-block.activities,
.handbooks-homepage .grid-block.scheuldue_positions{
    padding-top: 40px;
}


.handbooks-homepage .grid-block.system_administration,
.handbooks-homepage .grid-block.my_rate,
.handbooks-homepage .grid-block.external_integrations{
    padding-top: 35px;
}

.block-header-subheader{
    font-size: 14px
}

.block-header-md a:hover{
    text-decoration: underline !important;
}

@media all and (max-width: 1400px) {
    .handbooks-homepage .grid-container{
        grid-template-columns: 33.3% 33.3% 33.3%;

    }
    .handbooks-homepage .grid-block{
        grid-column: auto !important;
        grid-row: auto !important;
    }
    .handbooks-homepage .grid-block.resourses{
        grid-column: 1 !important;
        grid-row: auto / span 2 !important;
    }
    .handbooks-homepage .grid-block.articles{
        display: none
    }
    .handbooks-homepage .grid-block.external_integrations{
        grid-column: auto / span 3 !important;
    }

    .handbooks-homepage .grid-block.education_plans{
        grid-column: auto / span 2 !important;
    }

}

@media all and (max-width: 1199px) {
    .container.handbooks-homepage{
        padding:0px 10px;
    }
}

@media all and (max-width: 767.99px) {
    .handbooks-homepage h1{
        font-size: 22px;
        letter-spacing: -0.5px;
        margin-top: 28px;
        margin-bottom: 14px;
    }
    .handbooks-homepage .block-ico.resourses{
        top: 5px;
        visibility: visible !important;
        opacity: 1 !important;
    }
    .handbooks-homepage .grid-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .handbooks-homepage .head-container p{
        font-size: 14px;
        line-height: 22px;
    }
    .handbooks-homepage .head-container {
        margin-left: 0;
        padding: 0px 15px;
        margin-bottom: 130px;
    }
    .handbooks-homepage .background-img {
        background-image: url("/images/handbook/520041586.jpg");
        min-height: 485px;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-filter: none;
        filter: none;
    }
    .handbooks-homepage .background-img img {
        width: 100%;
        -o-object-fit: none;
        object-fit: none;
        height: 100%;
    }
    .handbooks-homepage .grid-block {
        /*        display: grid;*/
        padding: 20px 24px 20px 27px !important;
        -webkit-transition: all .5s;
        transition: all .5s;
        max-height: 60px;
        /*        border: 1px solid #ddd;*/
        cursor: pointer;
    }
    .handbooks-homepage .grid-block.resourses {
        max-height: unset;
    }
    .handbooks-homepage .grid-block.resourses .grid-block-in ul {
        display: block;
        margin-top: 1px;
    }
    .handbooks-homepage .block-ico.admin{
        right: 0px;
        bottom: 7px;
    }
    .handbooks-homepage .grid-block.opened {
        display: grid;
        min-height: 300px;
        max-height: 150em;
        padding-bottom: 25px !important
    }
    .handbooks-homepage .grid-block.resourses {
        padding: 25px 18px 32px 22px !important;
    }
    .handbooks-homepage .grid-block:after {
        content: '';
        display: block;
        width: 100%;
        height: 15px;
        background: rgba(0, 0, 0, .5);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 10
    }

    .handbooks-homepage .grid-block.opened:after,
    .handbooks-homepage .grid-block.pic {
        display: none;
    }
    .handbooks-homepage .grid-block.articles,
    .handbooks-homepage .grid-block.articles:after {
        background-color: #F4D553;
    }
    .handbooks-homepage .grid-block.system_administration,
    .handbooks-homepage .grid-block.system_administration:after {
        background-color: #F4D553;
    }
    .handbooks-homepage .grid-block.education_years,
    .handbooks-homepage .grid-block.education_years:after {
        background-color: #0294A0;
    }
    .handbooks-homepage .scheuldue_positions,
    .handbooks-homepage .scheuldue_positions:after {
        background-color: #65C2C0;
    }
    .handbooks-homepage .grid-block.news,
    .handbooks-homepage .grid-block.news:after {
        background-color: #7FC4FD;
    }




    .handbooks-homepage .grid-block.resourses:after {
        background-color: #fff;
        display: none;
    }
    .handbooks-homepage .grid-block.admin:after {
        background-color: #6A5CA8;
    }
    .handbooks-homepage .grid-block.info:after {
        background-color: #3D7DCB;
    }
    .handbooks-homepage .grid-block.education_plans:after {
        background-color: #ED8F64;
    }
    .handbooks-homepage .grid-block.activities:after {
        background-color: #EB6AAB;
    }
    .handbooks-homepage .grid-block.my_rate:after {
        background-color: #A7C338;
    }
    .handbooks-homepage .grid-block.external_integrations:after {
        background-color: #4D6788;
    }

    .handbooks-homepage .block-header-md {
        margin-bottom: 15px;
    }
    .handbooks-homepage .block-header-md,
    .handbooks-homepage .block-header-md a {
        text-decoration: none;
        border-bottom: none;
        color: #fff
    }
    .handbooks-homepage .grid-block-in ul {
        -webkit-column-count: unset;
        column-count: unset
    }
    .handbooks-homepage .block-header-md:after {
        content: "";
        display: block;
        position: absolute;
        width: 14px;
        height: 20px;
        right: 0px;
        top: 2px;
        background: url(/images/handbook/svg/arrow-white.svg) no-repeat;
        background-size: contain;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all .3s;
        transition: all .3s
    }
    .handbooks-homepage .grid-block.education_years a,
    .handbooks-homepage .grid-block.education_years,
    .handbooks-homepage .grid-block.education_years .block-header-subheader,
    .handbooks-homepage .grid-block:not(.opened) .block-header-md,
    .handbooks-homepage .grid-block:not(.opened) .block-header-md a
    {
        color: #fff;
    }
    .handbooks-homepage .grid-block.articles a,
    .handbooks-homepage .grid-block.news a,
    .handbooks-homepage .grid-block.system_administration a
    {
        color: #333333;
    }
    .handbooks-homepage .grid-block.opened .block-header-md:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .handbooks-homepage .block-ico.education_years,
    .handbooks-homepage .block-ico.system_administration
    {
        background-image: unset;
        background-color: #fff;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;

    }
    .handbooks-homepage .block-ico.education_years{
        -webkit-mask-image:url('/images/handbook/svg/backpack.svg');
        mask-image: url('/images/handbook/svg/backpack.svg');
    }

    .handbooks-homepage .block-ico.system_administration{
        -webkit-mask-image: url('/images/handbook/svg/design-skills.svg');
        mask-image: url('/images/handbook/svg/design-skills.svg');
        bottom: -10px;
    }
    .handbooks-homepage .block-ico.external_integrations{
        bottom: 0;
        top: unset;
    }

    .handbooks-homepage .grid-block.scheuldue_positions{
        display: none;
    }

    @-webkit-keyframes changeBG {
        0% {
            background-image: url(/images/handbook/283235573_lg.jpg);
            opacity: 0;
        }
        100% {
            opacity: 1;
            background-color: unset
        }
    }

    @keyframes changeBG {
        0% {
            background-image: url(/images/handbook/283235573_lg.jpg);
            opacity: 0;
        }
        100% {
            opacity: 1
        }
    }

    .handbooks-homepage .grid-block.scheuldue_positions{
        background-image:unset;
    }

    .handbooks-homepage, .handbooks-homepage{
        padding: 0px 10px;
    }

    .handbooks-homepage .grid-block:not(.resourses){
        width: 100vw;
        margin-left: -10px;
    }

    .handbooks-homepage .block-ico{
        visibility: hidden;
        opacity: 0;
    }

    .handbooks-homepage .opened .block-ico{
        visibility: visible;
        opacity: 1;
    }

    .handbooks-homepage .grid-block.opened .block-ico{
        display: block;
    }

    .grid-block .toggle-menu-mobile{
        display: block;
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 10;
    }

    .grid-block.opened .toggle-menu-mobile{
        display: none;
    }


    .handbooks-homepage .grid-block.scheuldue_positions.opened {
        background-image: url(/images/handbook/283235573_lg.jpg);
        -webkit-animation: changeBG .3s ease;
        animation: changeBG .3s ease;
        color: #333;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .handbooks-homepage .grid-block.scheuldue_positions.opened a {
        color: #333
    }

    .handbooks-homepage .grid-block.external_integrations {
        background: #4D6788;
    }

    .handbooks-homepage .grid-block.opened .block-ico.scheuldue_positions{
        display: none;
    }
}

@media screen and (max-width: 960px) {
    body.tilda-page #allrecords, body.tilda-page #allrecords *{
        box-sizing: border-box;
    }
}

.schedule-constructor-tools-box {
    position: relative;
}
.schedule-constructor-tools-box > div {
    position: fixed;
    right: 0;
    top: 100px;
    width: 350px;
    min-height: 80px;
    height: auto;
    background-color: white;
    z-index: 1001;
    box-shadow: 0px 0px 4px 4px rgba(0, 68, 204, 0.1);
    border: 1px solid #D3D3D3;
    border-right: none;
}

.schedule-constructor-tools-box .special-button {
    border: none;
}

.schedule-constructor-tools-box .switch-mode {
    font-size: 12px;
}

.schedule-constructor-tools-box-icons, .schedule-constructor-toolbox {
    float: left;
}
.schedule-constructor-toolbox .selector {
    padding-top: 7px;
}
.schedule-constructor-toolbox .selector > span {
    font-size: 13px;
}
.schedule-constructor-toolbox .selector label {
    font-size: 13px;
    line-height: 13px;
}
.schedule-constructor-toolbox .selector label.btn-outline-primary.focus {
    box-shadow: 0 0 0 1px rgba(0,123,255,.5);
}
.schedule-constructor-toolbox .view-mode {
    padding-bottom: 12px;
}
.no-select-text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.schedule-constructor-tools-box .view-mode-icon > div {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 32px;
    line-height: 34px;
}
span.sub-title-page {
    font-size: 12px;
}
.warning-top-panel {
    width: 100%;
    padding: 10px 0;
    text-indent: 40px;
    text-align: left;
    background-color: #FFE9C1;
    font-size: 13px;
    border-bottom: 1px solid #EDD9BD;
}
.schedule-constructor .student-class-tools-box {
    position: relative;
}
.schedule-constructor .student-class-tools-box > div {
    position: absolute;
    right: -4px;
    top: 0;
    cursor: pointer;
    height: auto;
}
.schedule-constructor .create-lesson-card-dialog {
    z-index: 9999;
}

.schedule-constructor .lesson-card .is-activity, .schedule-constructor .lesson-card-free .is-activity {
    position:  absolute;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: black;
    bottom: 7px;
    left: 7px;
}
.schedule-constructor .lesson-card .is-activity {
    left: -1px;
    bottom: 3px;
}

.schedule-constructor .student-class .one-constr-day-name div.small-text {
    padding-left: 5px;
    font-size: 9px;
    opacity: 0.7;
}

.hourly-load-distribution .collapse-trigger {
    cursor: pointer;
}
.hourly-load-distribution .sub-less.collapse-trigger span:before {
    right: 5px;
}
.student-class-tools-box .menu-param-bt {
    opacity: 1;
}
.student-class-tools-box .menu-param-bt:hover span, .student-class-tools-box .menu-param-bt.opened span {
    background-color: #29a2ff;
}

.student-class-tools-box .menu-param-bt span {
    background-color: #D3D3D3;
    min-width: 5px;
    height: 5px;
    margin-bottom: 2px;
}
.schedule-constructor-student-class-toolbox {
    position: relative;
}
.schedule-constructor-student-class-toolbox > div {
    position: absolute;
}
.schedule-constructor-student-class-toolbox .pop-drop {
    display: block;
}
.schedule-constructor-student-class-toolbox .one-less-day-choose-number {
    position: unset;
    left: unset;
    top: unset;
}
.schedule-constructor-student-class-toolbox .select-class-room .dropdown-menu {
    border: 1px solid #D3D3D3;
}
.schedule-constructor-student-class-toolbox .select-class-room button.dropdown-toggle {
    border: unset;
    padding-left: 0;
}

.schedule-constructor-student-class-toolbox .select-class-room .one-less-day-choose-number .dropdown-toggle::after {
    display: none !important;
}
.schedule-constructor-student-class-toolbox .select-class-room .part-menu-tit div {
    padding-left: 0;
}
.schedule-constructor-student-class-toolbox .part-menu {
    margin-bottom: 0;
}
.schedule-constructor-student-class-toolbox .part-menu:hover {
    background-color: #E6E6E6;
}
.schedule-constructor-student-class-toolbox .part-menu-tit {
    margin: 0;
    padding: 4px 12px;
}
.schedule-constructor-student-class-toolbox .part-menu-tit a.nav-link {
    font-size: 12px;
    margin-bottom: 0;
}
.schedule-constructor-student-class-toolbox .pop-drop {
    padding: 7px 0;
    width: auto;
}
.warning-create-schedule-mode .close {
    position: relative;
}
.warning-create-schedule-mode .close .close-bt {
    top: -23px;
    opacity: 0.6;
}
.warning-create-schedule-mode .close .close-bt:hover {
    opacity: 1;
}
.schedule-constructor {
    position: relative;
}
.schedule-constructor .schedule-constructor-header {
    width: 100%;
    margin-top: 30px;
    padding-right: 125px;
    position: relative;
    height: 32px;
    line-height: 32px;
}
.schedule-constructor .schedule-constructor-header .buttons-tools {
    position: absolute;
    width: 125px;
    height: 32px;
    right: 0;
    top: 0;
}
.schedule-constructor .schedule-constructor-header .buttons-tools > div {
    width: 32px;
    height: 32px;
    padding: 6px;
    background-color: #E9EAEC;
    border-radius: 3px;
    float: left;
    margin-right: 5px;
}
.schedule-constructor .schedule-constructor-header .buttons-tools > div:not(.disabled):hover,
.schedule-constructor .schedule-constructor-header .buttons-tools > div.active {
    background-color: #2785E2;
    cursor: pointer;
}
.schedule-constructor .schedule-constructor-header .buttons-tools > div.disabled:hover {
    cursor: not-allowed;
}
.schedule-constructor .schedule-constructor-header .buttons-tools > div::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
}
.schedule-constructor .schedule-constructor-header .buttons-tools .switch-to-setting::after {
    background: url("../images/schedule/settings_black.png") no-repeat;
    background-size: 20px 20px;
}
.schedule-constructor .schedule-constructor-header .buttons-tools .switch-to-setting:hover::after,
.schedule-constructor .schedule-constructor-header .buttons-tools .switch-to-setting.active::after{
    background: url("../images/schedule/settings_white.png") no-repeat;
    background-size: 20px 20px;
}
.schedule-constructor .schedule-constructor-header .buttons-tools .show-info::after {
    background: url("../images/schedule/info.png") no-repeat;
    background-size: 20px 20px;
}
.schedule-constructor .schedule-constructor-header .toolbox-panel {
    float: left;
    width: 100%;
    padding-left: 40px;
}
.schedule-constructor .schedule-constructor-header .toolbox-panel .select-classes.choose-class-mob {
    margin: 0;
}
.schedule-constructor .schedule-constructor-header .toolbox-panel .handbook-links a {
    font-size: 12px;
    margin-right: 25px;
    float: left;
}
a.link-to {
    color: #29a2ff;
}
.schedule-constructor .schedule-constructor-header .toolbox-panel .schedule-constructor-toolbox {
    float: right;
    margin-right: 30px;
}
.schedule-constructor .select-class-room button.dropdown-toggle:focus {
    outline-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-group-toggle label.focus {
    box-shadow: none;
}

.select-edit-mode label.active, .select-edit-mode label:hover {
    background-color: #2785E2 !important;
    border-color: #2785E2 !important;
}
.select-edit-mode label {
    background-color: #f7f7f7;
    margin-left: 5px;
}
.select-edit-mode label > span {
    font-size: 12px;
    margin-left: 5px;
}
.select-edit-mode label > span:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
}
.select-edit-mode label.edit-mode > span:before {
    background: url("../images/schedule/edit_mode_blue.png") no-repeat;
    background-size: 20px 20px;
}
.select-edit-mode label.edit-mode:hover > span:before,
.select-edit-mode label.edit-mode.active > span:before {
    background: url("../images/schedule/edit_mode_white.png") no-repeat;
    background-size: 20px 20px;
}
.select-edit-mode label.create-mode > span:before {
    background: url("../images/schedule/create_mode_blue.png") no-repeat;
    background-size: 20px 20px;
}
.select-edit-mode label.create-mode:hover > span:before,
.select-edit-mode label.create-mode.active > span:before {
    background: url("../images/schedule/create_mode_white.png") no-repeat;
    background-size: 20px 20px;
}
.schedule-constructor-toolbox > div {
    float: left;
    margin-right: 10px;
}
.toolbox.select-mode .title-view-mode {
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    color: #212529;
    padding: 0 15px 0 10px;
}
.toolbox.select-mode .dropdown .dropdown-menu {
    min-width: auto;
}
.toolbox.select-mode .dropdown-item.active {
    background-color: #D3D3D3;
}
.toolbox.select-mode .dropdown > button:hover,
.toolbox.select-mode .dropdown > button:focus {
    text-decoration: none;
}
.toolbox.select-mode .dropdown > button {
    border: 1px solid #dde4e9;
    height: 34px;
    background-color: #ffffff;
}
.toolbox.select-mode .title-view-mode.dropdown-toggle::after {
    right: 8px;
    border-top: 5px solid #212529;
}
.schedule-constructor-toolbox .select-num-week .today-date {
    min-width: 200px;
}
.schedule-constructor-toolbox .show-activity label {
    font-size: 13px;
}
.schedule-constructor-toolbox .show-activity .custom-control-label::before {
    background-color: #2785E2 !important;
}
.schedule-constructor-toolbox .show-activity .custom-control-label::before,
.schedule-constructor-toolbox .show-activity .custom-control-label::after {
    top: 0.45rem;
}
.hourly-load-distribution-header {
    margin: 20px 0;
    width: 100%;
}
.hourly-load-toolbox {
    float: right;
    margin-right: 80px;
}
.schedule-class-toolbox .select-year {
    float: left;
    margin-right: 15px;
}

.page40x{
    height: 100%;
    width: 100%;
    color: #fff;
    position: fixed;
}

.page40x:before{
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: url("/images/page40x.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(.5);
    z-index: -1;
}

.page40x h1{
    font-size: 40px;
    margin-top: 70px;
    margin-bottom: 20px;
    font-weight: bold;
    max-width: 330px;
}

.page40x p{
    font-size: 16px;
    max-width: 490px;
}

.page40x-container{
    padding: 0px 60px;
}

@media all and (max-width: 767.99px){
    .page40x h1{
        font-size: 28px;
    }
}

.user-comm.user-me .user-comm-text a {
    color: #29a2ff;
}
.journal-lessons-nav {
    position: relative;
    margin-top: 56px;
}
.journal-lessons-nav > div {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: auto;
    background-color: white;
    z-index: 1000;
    box-shadow: 0 -7px 7px -5px rgba(0, 72, 128, 0.16);
}
.journal-lessons-nav .lessons-carousel {
    margin-left: 380px;
    margin-right: 81px;
    border: 1px solid #e6e6e6;
}
.journal-lessons-nav .lessons-carousel .one-assess-value {
    border-right: 1px solid #e6e6e6;
    height: 56px;
}
.journal-cell .lesson-order-num {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    font-size: 10px;
    line-height: 10px;
    font-size: 8px;
    font-weight: bolder;
    width: auto;
    opacity: 0.1;
    padding-left: 5px;
}
.journal-cell:hover .lesson-order-num {
    opacity: 0.8;
    font-size: 10px;
}
.journal.jour-parent .one-assess-value-in.have-three-ass .assess {
    height: 17px;
    line-height: 17px;
}
.journal.jour-parent .one-assess-value-in.have-more-three .assess {
    float: left;
    height: 22px;
    line-height: 22px;
    min-width: 12px;
}
.journal.jour-parent .one-assess-value-in.have-more-three {
    padding-top: 5px;
    display: block;
}
.journal .one-assess-value.spec, .journal .one-assess-value.spec:hover {
    background-color: #e6f4da !important;
}
.journal.jour-parent .one-assess-value.date.spec .week-number {
    font-size: 11px;
    font-weight: bolder;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 2px;
}
.schedule-constructor .list-classrooms {
    font-size: 12px;
}
.schedule-constructor .list-classrooms table {
    width: 250px;
    border-spacing: 0;
}
.schedule-constructor .list-classrooms table td {
    padding: 5px 2px;
}
.schedule-constructor .list-classrooms table tr:not(:first-child) td {
    border-top: 1px solid #E3E3E3;
}
.schedule-constructor .list-classrooms .classroom {
    display: block;
    padding: 5px 10px;
    margin-right: 10px;
    float: left;
}
.schedule-constructor .list-classrooms .classroom:hover {
    background-color: #D3D3D3;
}
.hourly-load-toolbox-teacher .replace-teacher-dialog .part-menu-in:hover .part-menu-list {
    max-width: 420px;
    min-width: 420px;
}
.hourly-load-toolbox-teacher .replace-teacher-dialog label {
    text-align: right;
    font-weight: bolder;
    font-size: 13px;
}
.hourly-load-toolbox-teacher .replace-teacher-dialog .replace-from input {
    width: 150px;
}
.hourly-load-toolbox-teacher .replace-teacher-dialog .part-menu-list {
    padding: 30px 30px 10px 0;
}
.hourly-load-toolbox-teacher .replace-teacher-dialog .blue-bt {
    width: 40%;
    text-align: center;
    margin-left: 35%;
}
.hourly-load-toolbox .toggle-edit-mode, .hourly-load-toolbox .select-year {
    float: right;
    margin-left: 15px;
}
.hourly-load-toolbox .toggle-edit-mode {
    margin-top: 2px;
}
.part-menu-list {
    overflow: unset !important;
}
.menu-subitem {
    margin-left: 20px;
}

.check-block.group.combined {
    position: absolute;
    left: 90px
}

label.check-block span input:disabled + i{
    border: grey;
    background-color: lightblue;
    cursor: default;
    background-position: center center;
}

label.check-block.combined span input:checked + i {
    background-size: 14px !important;
    background: #29a2ff url(../images/icons/link-intact-w.png) center center no-repeat;
}

label.check-block.combined span input:checked + i:hover {
    background-size: 14px !important;
    background: #29a2ff url(../images/icons/link-broken-w.png) center center no-repeat;
}

.dop-info-name {
    width: 85%;
}

.home-feed-index .d-flex{
    overflow-x:hidden;
}
.home-feed-index .news-time-line{
    overflow-x:hidden;
}

.report-card-row{
    background-color: white;
}

.report-card-row.table-top{
    background-color: #e7e3d4;
}

.report-card-row.row{
    text-align: center;
}

.report-card-row.row .subject-col{
    text-align: left;
}

.report-card-row.row{
    border: 0.5px solid black;
}

.btn-table-top-right{
    margin: 5px;
}

.table-report-card{
    width: 66%;
    margin-left: 17%;
}

.report-table-text{
    text-align: center;
}
.common-reports-select-block{
    display: contents;
    margin: 5px;
}

.select-report-btn,.select-report-btn a{
    float: right;
    text-decoration: none;
    color: white;
    width: 200px;
    margin: 5px;
}

.top-common-report-selector{
    margin-left: 17%;
}

.common-report-btn-left-side{
    position: absolute;
    left: 0px;
    margin-top: 5px;
    margin-left: 21%;
}
.common-report-btn-right-side{
    right: 0px;
    margin-right: 21%;
}
.common-report-btn-left-side a,.common-report-btn-right-side a{
    text-decoration: none;
    color: white;
}

.common-reports-selector-field{
    width: 66%;
}
.handbook-table td .custom-checkbox .custom-control-label::before {
    top: -.5rem;
}
.handbook-header .handbook-header-tools-box .handbook-edit-form-actions {
    margin-top: -1px;
}
.handbook-edit-form .tools-buttons .handbook-edit-form-actions {
    margin-top: -5px;
}

.curator-day-margin-selector{
    height: 30px;
}

.curator-daybook-student .thumb-teacher.user-icon i{
    padding-top: 8px;
}

.curator-daybook-student-home .les-one-col:hover{
    cursor: pointer;
}

.curator-comments-circle .user-initials{
    background-color: green;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 4px;
    cursor: pointer;
}

.curator-daybook-student-comment{
    width: 20%;
    max-width: 20%;
}

.curator-daybook-student-comment-mobile{
    width: 30%;
    max-width: 30%;
    border-right: none;
    display: contents;
}

.curator-daybook-student-home{
    width: 50%;
    max-width: 50%;
}

.curator-daybook-student-home-mobile{
    width: 70%;
    max-width: 70%;
}

.curator-show-comments-button{
    margin-left: 5px;
    padding-left: 32px;
}

.curator-class-daybook-modal-comments .time-line-name.ql-content.full-width{
    margin-right: 10%;
}

.comment-input-title{
    padding-top: 4%;
}

@media (max-width: 1600px) {
    .comment-input-title{
        padding-top: 6%;
    }
}
@media (max-width: 1100px) {
    .comment-input-title{
        padding-top: 8%;
    }
}

@media (max-width: 800px) {
    .comment-input-title{
        padding-top: 10%;
    }
}

@media (max-width: 450px) {
    .comment-input-title{
        padding-top: 6%;
    }
}
/*@media (max-width: 500px) {*/
    /*.comment-input-title{*/
        /*padding-top: 0;*/
    /*}*/
/*}*/

.curator-class-daybook-input-btn-block{
    margin: 5px;
    float: right;
}

.curator-class-daybook-input-block{
    margin: 5px;
}

.icons.icon-note:before{
    font-size: 16px;
    font-weight: 700;
}

.curator-daybook-student .personal-photo-xs{
    margin-top: -10px;
}

@media (max-width: 1200px) {
    .mobile-students-curator-daybook-row{
        width: 100%!important;
    }

    .curator-week-day-mobile{
        width: 100%;
    }

    /*.curator-class-daybook-modal-comments-mobile{*/
        /*font-size: 30px;*/
    /*}*/

    /*.curator-class-daybook-modal-comments-mobile .form-control{*/
        /*font-size: 30px;*/
    /*}*/

    /*.curator-class-daybook-modal-comments-mobile .modal-title{*/
        /*font-size: 30px;*/
    /*}*/

    /*.curator-class-daybook-modal-comments-mobile .home-feed-toolbox-item-action{*/
        /*font-size: 30px;*/
    /*}*/
}

@media (max-width: 767px) {
    .curator-daybook-student-item{
        padding-right: unset;
    }
}

.curator-daybook-student-item div[role=tablist]
{
    width: 100%!important;
}

.student-curator-mobile{
    /*font-size: 34px;*/
}

.student-curator-mobile .btn-group-lg>.btn, .btn-lg{
    /*font-size: 2rem;*/
}

/*.student-curator-mobile .thumb-teacher span{*/
    /*width: 64px;*/
    /*height: unset;*/
    /*font-size: 32px;*/
    /*vertical-align: middle;*/
    /*line-height:64px;*/
/*}*/

.student-curator-mobile .user-picture-with-name i{
    margin-left: 40px;
}

.student-curator-mobile .personal-photo-xs{
    /*max-width: 64px;*/
    /*max-height: 64px;*/
}

.one-chat-user .badge{
    position: relative;
    top: -20px;
    left: -20px;
    border: 2px solid #fff;
    max-width: 22px;
    min-width: 22px;
    font-size: 11px;
    line-height: 17px;
}

.one-chat-user .badge.badge-pill {
    border-radius: 14px;
    padding: unset;
}

.one-chat-user .badge.badge-pill.badge-primary {
    color: #fff;
    background-color: #29a2ff;
}

.corner-box {
    position: relative;
    overflow: hidden;
}

.corner-box .journal-class-group {
    font-size: 9px;
    color: black;
    position:absolute;
    left:0; top: 45px;
    text-align: center;
    width: 100%;
    z-index: 1
}

.corner-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25px; /* Ширина зафарбованого кута */
    height: 25px; /* Висота зафарбованого кута */
    background: linear-gradient(135deg, transparent 50%, #e6e6e6 50%);
    /* Змінивши #ff5733 на потрібний колір */
}