* {
    font: 14px Roboto-Regular, sans-serif, regular;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html, body {
    height: 100%;
    background-color: #FFFBEB;
}

a {
    outline: none !important;
    text-decoration: none !important;
}

a span.go-to-item, a div.go-to-item {
    color: #333333 !important;
}

p {
    margin: 0 0 5px !important;
}

button {
    width: 96px;
    height: 40px;
    align-content: center;
    cursor: pointer;
    background-color: #7E1415;
    border-radius: 4px;
    border: 1px solid transparent;
    color: #FFFBEB;
}

.mobile {
    display: none !important;
    visibility: hidden !important;
}

.border-bottom {
    border-bottom: 1px solid #D8D8CC;
}

.editItem, .newItem {
    display: none;
}

.header {
    z-index: 5;
    position: fixed;
}

#pageLanguage {
    padding-top: 25px;
    margin-right: 19px;
}

#pageLanguage select {
    border: medium none;
    -moz-appearance: none;
    width: 50px;
    -webkit-appearance: none;
    appearance: none;
    background-color: #7E1415;
    color: #FFFBEB;
    text-align: left;
    background-image: url("/images/icn_arrow_down_white.png");
    background-repeat: no-repeat;
    background-position: 21px center;
}

.form-error-message, .form-error-message div {
    font-size: 12px;
    color: red;
}

label.error, .error-list {
    color: red !important;
    display: block;
    list-style-type: none;
}

.form-row-part-checkbox label.error {
    position: absolute;
    width: 300px;
    margin-top: -1px;
    margin-left: 116px;
}

#overlay {
    z-index: 3; /* the substrate must be higher layers of elements of the site, but below the layer of modal window */
    position: fixed;
    background-color: black;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.2;
    width: 100%;
    height: 100%; /* the size of the entire screen */
    top: 0;
    left: 0; /* top and left 0 binding properties! */
    cursor: pointer;
    display: none; /* in its normal condition none */
}

#modal_form {
    width: 446px;
    min-height: 180px; /* Dimensions shall be fixed */
    background: #fff;
    position: fixed; /* that the window is visible anywhere in the zone */
    top: 80px; /* ��������� ������ 45%, ��������� 5% �������� ������ */
    left: 50%; /* retreating from above 45%, the remaining 5% impel script */
    /*margin-top: -150px;   ����!!! */
    margin-left: -223px;
    display: none; /* in the normal state of the window should not be */
    z-index: 5; /* most window must be greater than the layer */
    padding: 20px 60px;
}

#restore_modal_form {
    width: 446px;
    min-height: 175px; /* Dimensions shall be fixed */
    background: #fff;
    position: fixed; /* that the window is visible anywhere in the zone */
    top: 55%; /* ��������� ������ 45%, ��������� 5% �������� ������ */
    left: 50%; /* retreating from above 45%, the remaining 5% impel script */
    margin-top: -150px;
    margin-left: -223px;
    z-index: 5; /* most window must be greater than the layer */
    padding: 30px 60px;
}

#modal_form > div {
    display: none;
}

.content-center {
    text-align: center;
    text-align: -moz-center;
}

.form-close {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 18px;
    top: 17px;
}

.form-select {
    background-image: url("/images/icn_arrow_down.png");
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    top: 6px;
    cursor: pointer;
    z-index: -1;
}

.form-rows {
    padding: 10px 0 25px 0;
}

.form-title, .form-title .newItem, .form-title .editItem {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    color: #7E1415;
}

.titleCountNewMessages {
    color: #7E1415 !important;
    font-weight: bold;
    font-size: 13px;
}

.countNewMessages {
    height: 20px;
    width: 20px;
    background-color: #7E1415;
    border-radius: 13px;
    text-align: center;
    margin-top: -2px;
    margin-left: 8px;
    position: absolute;
    color: #FFFBEB !important;
    font-weight: normal !important;
    font-size: 11px;
    line-height: 20px;
}

.adminCountNewMessages {
    height: 20px;
    width: 20px;
    background-color: #7E1415;
    border-radius: 13px;
    text-align: center;
    margin-top: -2px;
    right: 23px;
    position: absolute;
    color: #FFFBEB !important;
    font-weight: normal !important;
    font-size: 11px;
    line-height: 20px;
}

.contactCountNewMessages {
    height: 20px;
    width: 20px;
    background-color: #7E1415;
    border-radius: 13px;
    text-align: center;
    margin-top: -2px;
    margin-left: 10px;
    display: block;
    color: #FFFBEB !important;
    font-weight: normal !important;
    font-size: 11px;
    line-height: 20px;
}

.contact-red span {
    color: #7E1415;
    font-weight: bold;
}

.newMessageText {
    overflow-y: auto !important;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 80px;
    min-height: 80px;
    max-height: 120px;
    margin-bottom: 5px;
    padding: 7px;
}

.fileUploader {
    width: 326px;
    height: 20px;
    opacity: 0;
    cursor: pointer;
    margin-top: -16px;
    position: fixed;
}

.addFile, .uploadFileName {
    height: 30px;
    padding-top: 6px;
}

.message-file-btn {
    height: 17px;
    width: 17px;
    background-color: #7E1415;
    border-radius: 8px;
    text-align: center;
    position: absolute;
    color: #FFFBEB;
    font-weight: bold;
    cursor: pointer;
    padding-top: 0.5px;
}

.message-file-text {
    margin-left: 25px;
}

.form-row {
    min-height: 40px;
}

.form-row2 {
    min-height: 40px;
}

.form-row1 {
    height: 26px;
    border-bottom: 1px solid #D8D8CC;
    text-align: center;
}

.form-row > input {
    height: 38px;
    width: 100%;
    border: medium none;
}

.form-row > span {
    height: 38px;
    width: 100%;
    border: medium none;
}

.form-row > select {
    height: 38px;
    width: 100%;
    border: medium none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-row-select {
    height: 25px;
    border-bottom: 1px solid #D8D8CC;
}

.form-row-select > select {
    border: medium none;
    text-align: center;
    width: 100%;
    height: 23px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-row-parts {
    height: 25px;
}

.form-row-parts > div, .form-row > div, .form-row-checkbox > div {
    float: left;
}

.form-row-checkbox {
    height: 40px;
    margin-top: 5px;
}

.form-row-checkbox > div {
    height: 100%;
}

.form-row-checkbox-1 {
    min-height: 50px;
    margin-top: 11px;
    margin-bottom: 20px;
}

.form-row-checkbox-1 input {
    margin-top: 19px;
}

.form-row-part-checkbox {
    width: 23px;
    float: left;
}

.form-row-part-label {
    width: 90%;
}

.form-row-parts input {
    height: 23px;
    width: 98px;
    border: medium none;
}

.form-row-part {
    margin: 0 5px;
    border-bottom: 1px solid #D8D8CC;
}

.form-row-part-select {
    margin-left: -22px;
}

.form-row-part-select select {
    width: 16px;
    border: medium none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-row-part-half {
    height: 40px;
    width: 48%;
    float: left;
    margin: 0 3px;
    text-align: center;
}

.form-row-part-half1 {
    height: 40px;
    width: 48%;
    float: left;
    border-bottom: 1px solid #D8D8CC;
    margin: 0 3px;
    padding-top: 12px;
}

.form-row-part-thirst {
    height: 40px;
    width: 27%;
    margin: 0 3px;
    text-align: center;
    float: left;
}

.form-row-part-thirst select, .form-row-part-thirst input {
    width: 100%;
    height: 38px;
    border: medium none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-row-part-thirst1 {
    height: 40px;
    width: 9%;
    margin: 0 1px;
    text-align: center;
    padding-top: 9px;
    float: left;
}

.form-row-part-half select {
    width: 100%;
    height: 41px;
    border: medium none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-row-text {
    padding-top: 10px;
}

.title .form-row-part-4-1 {
    text-align: right;
    padding-top: 10px;
}

.form-row-part-4-3 {
    width: 75%;
    height: 38px;
    float: left;
    padding-top: 10px;
}

.form-row-part-4-1, .form-row-part-4-1-0 {
    height: 38px;
    width: 25%;
    float: left;
}

.form-row-part-4-1 input {
    width: 100%;
    height: 30px;
    border: medium none;
    text-align: right;
}

.form-row-part-4-1-0 input {
    width: 100%;
    height: 39px;
    border: medium none;
    text-align: right;
    margin-left: 5px;
}

.subjectRow {
    margin-top: 5px;
}

.remove-subject {
    width: 21px;
    height: 15px;
    margin-top: 16px;
    margin-left: -28px;
    position: absolute;
    text-align: center;
    cursor: pointer;
}

.subject-edit-item {
    padding-top: 0;
}

.subject-edit-item input {
    height: 39px;
    width: 90%;
    border: medium none;
}

.form-row-part-4-1.subject-edit-item {
    padding-left: 28px;
    padding-top: 10px;
}

.form-row-part-4-1.subject-edit-item span {
    cursor: pointer;
}

.form-row-part-4-3-1 {
    width: 65%;
    height: 38px;
    float: left;
    padding-right: 15px;
}

.form-row-part-4-3-1 input {
    width: 100%;
    height: 100%;
    border: medium none;
}

.form-row-part-4-1-1 {
    min-height: 38px;
    width: 34%;
    float: left;
}

.form-row-part-4-2 {
    width: 48%;
    min-height: 38px;
    float: left;
}

.form-row-part-4-1-2 {
    width: 22%;
    height: 38px;
    float: left;
}

.form-row-part-4-1-2 input, .form-row-part-4-2 input {
    text-align: center;
    width: 100%;
    height: 38px;
    border: medium none;
}

.padding-top {
    padding-top: 9px;
}

.margin-left {
    margin-left: 13px;
}

.dropdown-menu-margin-left {
    margin-left: -80px !important;
}

#studentFullName {
    float: left;
    width: 100%;
}

.btn-add-subject, .btn-add-subject-hide {
    padding-left: 15px;
}

.header {
    width: 100%;
    height: 70px;
    background-color: #7E1415;
}

.logo {
    width: 140px;
    padding: 5px 0 0 10px;
}

.login-form {
    width: 250px;
    text-align: center;
    margin: auto;
    padding-top: 200px;
}

.login-title {
    color: #7E1415;
    font-weight: bold;
    margin-bottom: 15px;
}

.login-form-field input {
    border: 2px solid #7E1415;
    border-radius: 4px;
    height: 40px;
    width: 220px;
    margin: 0 7px 15px 7px;
    padding-left: 15px;
}

.footer-copyright {
    height: 30px;
    text-align: center;
    width: 100%;
    bottom: 0;
    /*position: absolute;*/
}

.footer-copyright a, .footer-copyright a:hover, .footer-copyright a:focus {
    text-decoration: none !important;
    color: #7E1415;
    margin-bottom: 15px;
}

.menu-top {
    float: right;
}

.student-top {
    float: left;
}

.student-main-menu {
    color: #FFFBEB;
    padding-top: 17px;
    padding-left: 20px;
}

.student-main-menu img {
    margin-bottom: 9px;
}

.student-main-menu span {
    font-weight: bold;
    font-size: 20px;
}

.student-main-menu-top {
    float: right;
    cursor: pointer;
}

.div-with-list, .students-group-list {
    display: none;
    position: absolute;
    z-index: 3;
    min-width: 120px;
    background-color: #FFFBEB;
    margin-top: 5px;
}

.div-with-list div, .students-group-list div {
    height: 30px;
    border: 1px solid #D8D8CC;
    cursor: pointer;
    padding-left: 5px;
    padding-top: 5px;
    color: #333;
}

.div-with-list div:hover {
    background-color: #7E1415;
    color: #FFFBEB;
    font-weight: bold;
}

.students-group-list div:hover, .mark-title {
    font-weight: bold;
    color: #7E1415;
}

.semester-list {
    margin-left: 114px;
}

.changeStudentGroupStatus,
.studentExamApto {
    border: medium none;
    background-color: #FFFBEB;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.changeUserStatus {
    border: medium none;
    background-color: #FFFBEB;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: -8px;
}

.user-name {
    display: inline;
    font: 14px Roboto-Regular, sans-serif, regular;
    color: #FFFBEB;
    float: left;
    padding-top: 25px;
    margin-right: 15px;
}

.user-avatar {
    float: right;
    margin-right: 15px;
    margin-top: 15px;
}

.user-avatar img {
    height: 40px;
}

.navigation {
    padding-top: 70px;
    min-height: calc(100% - 30px);
}

.admin-panel {
    padding-left: 250px;
}

.left-sidebar {
    min-width: 250px;
    max-width: 250px;
    background-color: #F0EAD1;
    color: #7E1415;
    font: 14px Roboto-Regular, sans-serif, bold;
    width: 250px;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 70px;
    bottom: 0;
}

.panel-title {
    font-weight: bold;
    padding-top: 15px;
    width: 150px;
    height: 50px;
    float: left;
}

.panel-icon {
    width: 30px;
    height: 28px;
    float: right;
    margin-top: 14px;
}

.menu-item {
    width: 220px;
    height: 50px;
    margin-left: 15px;
    padding-left: 20px;
    border-radius: 4px;
    cursor: pointer;
}

.menu-line {
    padding: 20px 20px 10px 20px;
}

.menu-line hr {
    border-top: 1px solid #7E1415;
}

.sub-menu {
    padding-left: 30px;
}

.sub-menu .menu-title {
    padding-left: 58px;
}

.menu-item.selected, .menu-item:hover {
    background-color: #FFFBEB;
}

.menu-item .menu-icon {
    padding-top: 13px;
}

.menu-title {
    font-weight: bold;
    margin-top: -21px;
    padding-left: 44px;
}

.wrap {
    width: auto;
    overflow: hidden;
    background-color: #FFFBEB;
}

.stud-wrap {
    width: auto;
    background-color: #FFFBEB;
}

.link-breadcrumbs {
    padding: 15px 0 0 30px;
    border-bottom: 1px solid #D8D8CC;
    height: 50px;
}

.link-breadcrumbs ul li {
    display: inline-block;
}

.link-breadcrumbs ul li a, .link-breadcrumbs ul li span {
    color: #7F7D75;
    text-decoration: none
}

.link-breadcrumbs ul li span {
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
}

.link-breadcrumbs ul li.active a, .link-breadcrumbs ul li a:hover {
    color: #7E1415;
    text-decoration: none
}

.link-breadcrumbs img {
    margin-top: -3px;
}

.search-panel {
    position: relative;
}

.search-img {
    top: 3px;
    position: absolute;
    left: 20px;
    width: 13px;
    opacity: 0.7;
}

.btnWithDiv {
    padding-top: 3px;
}

.button-panel .search-text, .button-panel .search-js-text {
    width: 428px;
    height: 40px;
    padding-left: 50px;
    border-radius: 4px;
    border: 1px solid transparent;
    background-color: #F0EAD1;
}

.button-panel {
    height: 40px;
    margin: 15px;
}

.button-panel button, .button-panel div button {
    margin-left: 12px;
}

.manage-panel {
    float: right;
}

.content-table {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.content-table table {
    width: 100%;
}

.content-table thead tr {
    height: 50px;
}

.content-table thead tr th {
    background-color: #F0EAD1;
    color: #7E1415;
    font-weight: bold;
}

.content-table thead tr:first-child th:first-child {
    border-top-left-radius: 4px;
    padding-left: 20px;
}

.content-table thead tr:first-child th:last-child {
    border-top-right-radius: 4px;
}

.content-table thead tr:last-child th:first-child {
    border-bottom-left-radius: 4px;
}

.content-table thead tr:last-child th:last-child {
    border-bottom-right-radius: 4px;
}

.content-table .withCheckbox {
    width: 30px;
}

.content-table tbody tr {
    height: 45px;
    border-bottom: 1px solid #D8D8CC;
}

.content-table-th-25 {
    width: 25%;
}

.content-table-th-50 {
    width: 50%;
}

.student-group-info th:last-child,
.student-group-info td:last-child {
    text-align: right;
    padding-right: 20px;
}

.go-to-item {
    cursor: pointer;
    padding: 6px 10px;
    margin-left: -10px;
}

.go-to-item:hover {
    background-color: #F2EEDE;
    border-radius: 4px;
}

.edit-item, .view-item {
    cursor: pointer;
}

.payment-sum {
    float: right !important;;
    padding-top: 4px;
    padding-right: 22px
}

.payment-sum span {
    color: #7E1415;
    font-weight: bold;
}

.payment-type-index {
    color: #838078;
    font-weight: bold;
    font-size: 12px;
    position: absolute;
    margin-top: -4px;
    margin-left: 4px;
}

.payment-column {
    width: 70px;
}

.payment-column-2 {
    width: 100px;
}

.payment-column-I {
    width: 50px;
}

.payment-comment {
    width: 160px;
}

.payment-comment div {
    text-overflow: ellipsis;
    height: 27px;
    overflow: hidden;
    white-space: nowrap;
    max-width: 160px;
}

.semesterGroupTitle {
    width: 200px;
}

.semesterGroupTitle div {
    text-overflow: ellipsis;
    height: 27px;
    overflow: hidden;
    white-space: nowrap;
    max-width: 200px;
}

.ownTip {
    position: absolute;
    max-width: 210px;
    opacity: 1;
    border: none;
    border-radius: 3px;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    z-index: 2;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px;
    overflow-wrap: break-word;
}

.content-table tbody tr td:first-child {
    padding-left: 20px;
}

.content {
    margin: 15px 15px 15px 15px;
}

.content-teacher, .content-student {
    height: 86%;
}

.content-title {
    height: 50px;
    padding-left: 20px;
    padding-top: 17px;
    background-color: #F0EAD1;
    border-radius: 4px;
    color: #7E1415;
    font-weight: bold;
}

.content-title > span {
    font-weight: bold;
}

.content-row-item {
    height: 40px;
    padding-top: 15px;
    color: #838078;
}

.content-row-item div {
    float: left;
    padding-left: 15px;
}

.content-row-item div:first-child {
    width: 120px;
}

#filter-param {
    display: none;
}

.filter {
    height: 40px;
    margin: 0 15px;
    background-color: #F0EAD1;
    border-radius: 4px;
}

.filter div {
    float: left;
    margin: 9px 0 0 0;
    cursor: pointer;
    min-width: 100px;
}

.filter div:first-child {
    margin-left: 20px;
}

.searchParameters {
    cursor: pointer;
    border: medium none;
    background-color: #F0EAD1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-image: url("/images/icn_arrow_down.png");
    background-position: -8px center;
    padding-left: 17px;
    padding-right: 10px;
    height: 23px;
    margin-right: 10px;
}

.searchParameters:hover, .clearSearchParameters:hover, .searchParametersSelected {
    background-color: #FFFBEB;
    border-radius: 4px;
}

.pagination {
    height: 40px;
    line-height: 40px;
    margin: 0 15px;
    float: right;
}

.pagination span {
    width: 20px;
    display: inline-block;
}

.pagination .moveToPage {
    cursor: pointer;
}

.pagination .currentPage {
    font-weight: bold;
}

.pagination-btn {
    cursor: pointer;
}

.content-table-half {
    float: left;
    width: 50%;
}

.content-border {
    border: 1px solid #D8D8CC;
    border-radius: 4px;
}

.content-padding-3 {
    padding: 15px 15px 15px 15px;
}

.content-padding-2 {
    padding: 15px 15px 15px 0;
}

.content-row > div {
    float: left;
}

.content-profile-photo {
    margin-top: -8px;
    cursor: pointer;
}

.show-private-messages {
    cursor: pointer;
}

.bold {
    font-weight: bold;
}

.description {
    color: #838078;
    padding: 15px 15px 15px 20px;
}

.description-row {
    padding: 5px 0;
    min-height: 28px;
}

.description-title {
    float: left;
    width: 120px;
}

.description-value {
    margin-left: 120px;
}

.description-padding-1 {
    padding: 0 15px 15px 15px;
}

.description-padding-2 {
    padding: 0 15px 15px 0;
}

.img-btn, .form-control {
    cursor: pointer !important;
}

.switcher {
    margin-left: 15px;
}

.edit, .icn_left {
    float: right;
    margin-right: 15px;
    margin-top: -4px;
}

.editImg {
    background: url(/images/icn_write_grey.png) no-repeat top left;
    display: inline-block;
    height: 21px;
    width: 21px;
}

.editImg:hover {
    background: url(/images/icn_write.png) no-repeat top left;
    display: inline-block;
    height: 21px;
    width: 21px;
}

.showImg {
    background: url(/images/icn_eye.png) no-repeat top left;
    display: inline-block;
    height: 21px;
    width: 21px;
}

.moveImg {
    background: url(/images/icn_change.png) no-repeat top left;
    display: inline-block;
    height: 21px;
    width: 21px;
    margin-top: 5px;
}

.img-row {
    width: 50px;
}

.write-teacher-message.img-btn {
    padding-left: 10px;
}

.border-radius-half {
    border-radius: 4px 4px 0 0;
}

.form-row-photo {
    margin-top: 25px;
}

.contact-photo img {
    height: 30px;
}

.newSchedule {
    display: none !important;
}

.schedule {
    margin: 20px 15px 15px 15px;
}

.schedule-table {
    width: 100%;
}

.schedule-title tr {
    background-color: #F0EAD1;
    height: 40px;
}

.schedule-title tr:first-child th:first-child {
    border-top-left-radius: 4px;
}

.schedule-title tr:first-child th:last-child {
    border-top-right-radius: 4px;
}

.schedule-title tr:last-child th:first-child {
    border-bottom-left-radius: 4px;
}

.schedule-title tr:last-child th:last-child {
    border-bottom-right-radius: 4px;
}

.schedule-title tr th {
    text-align: center;
    color: #7E1415;
    font-weight: bold;
    width: 14.28%;
}

.schedule-table-content {
    width: 100%;
    margin-top: 15px;
}

.schedule-content {
    width: 13%;
}

.schedule-border {
    width: 10px;
}

.schedule-item {
    background-color: #FAF5E3;
    min-height: 170px;
    border-radius: 4px;
}

.schedule-item-content {
    background-color: #D9CC94;
}

.schedule-item-content > div {
    padding: 15px;
}

.schedule-by-group {
    padding-bottom: 5px;
}

.schedule-by-group div {
    color: #FFFBEB;
    font-size: 16px;
}

.student-menu {
    margin-top: 100px;
}

.student-menu-line {
    height: 200px;
    width: 800px;
    margin: auto;
}

.student-menu-cell {
    padding: 7px;
    float: left;
}

.student-menu-cell div {
    color: #FFFFFF;
}

.student-menu-item-1 {
    width: 186px;
    height: 186px;
    background-color: #D9CC94;
    border-radius: 4px;
    padding: 15px;
    position: relative;
    background-image: url(/images/icn_shell_light.png);
    background-repeat: no-repeat;
    background-position: right 10px bottom 10px;
    background-size: 110px;
}

.student-menu-item-2 {
    width: 386px;
    height: 186px;
    background-color: #D9CC94;
    border-radius: 4px;
    padding: 15px;
    position: relative;
    background-image: url(/images/icn_shell_light.png);
    background-repeat: no-repeat;
    background-position: right 10px bottom 10px;
    background-size: 110px;
}

.student-menu-group {
    background-color: #D3CEB8;
}

.student-menu-item-title {
    text-transform: uppercase;
}

.student-menu-item-text {
    font-size: 20px;
    text-transform: uppercase;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.student-menu-item-comment {
    font-size: 12px;
    position: absolute;
    bottom: 10px;
}

.student-menu-item-comment div {
    font-size: 12px;
    padding-top: 2px;
}

.student-menu-item-red {
    color: #7E1415 !important;
    font-weight: bold;
}

#modalSchedule {
    display: none;
    position: absolute;
    z-index: 5;
    border: 1px solid #D8D8CC;
    border-radius: 3px;
    top: 10%;
    left: 50%;
    width: 1200px;
    background: #FFFFFF;
    text-align: center;
    margin-left: -600px;
    padding: 10px;
}

.closeModalSchedule {
    cursor: pointer;
    top: 10px;
    position: absolute;
    right: 10px;
}

#modalCalendar, #modalGroupCalendar {
    display: none;
    position: absolute;
    z-index: 7;
    border: 1px solid #D8D8CC;
    border-radius: 3px;
    top: 60%;
    left: 50%;
    width: 400px;
    background: #FFFFFF;
    text-align: center;
    margin-left: -200px;
    padding: 25px;
    color: #7A7A7A;
}

#modalGroupCalendar {
    top: 27%;
}

#selectedDay {
    color: #7E1415;
    padding-top: 0 !important;
}

#modalCalendar div, #modalGroupCalendar div {
    padding-top: 10px;
}

.modalCalendarTime {
    height: 60px;
}

.modalCalendarTime input {
    width: 90px;
    height: 40px;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #D8D8CC;
}

.modalCalendarTime div {
    float: left;
}

.modalCalendarTime .m1 {
    text-align: right;
    width: 49%;
}

.modalCalendarTime .m2 {
    text-align: center;
    width: 2px;
    padding-top: 18px !important;
}

.modalCalendarTime .m3 {
    text-align: left;
    width: 49%;
}

#groupCheckboxes {
    border: 1px solid #d8d8cb;
    border-radius: 3px;
    width: 348px;
    height: 220px;
    margin-top: 18px;
    padding-left: 10px;
    text-align: left;
    overflow-y: auto;
}

#groupCheckboxes label {
    display: block;
    margin-left: 20px;
}

#groupCheckboxes input {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #aea9a9;
    position: relative;
    left: -12px;
    top: 2px;
}

.checkedGroup {
    color: #7E1415;
}

#timeStart {
    margin-right: 7px;
}

#timeEnd {
    margin-left: 9px;
}

.eventAction {
    float: right;
}

.eventAction img {
    cursor: pointer;
}

.fc-prev-button, .fc-next-button {
    width: 40px;
}

.cssload-jumping {
    display: none;
    margin: 75px auto;
    width: 82px;
    z-index: 5;
    position: fixed;
    top: 37%;
    left: 50%;
}

.cssload-jumping span {
    display: inline-block;
    height: 11px;
    width: 11px;
    background: rgb(255, 255, 255);
    border-radius: 375px;
    background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
}

.cssload-jumping span:nth-child(1) {
    animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(2) {
    animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(3) {
    animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(4) {
    animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(5) {
    animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

@keyframes scale {
    0% {
        transform: scale(0);
    }
    25% {
        transform: scale(0.9, 0.9);
        background: rgb(219, 219, 219);
    }
    50% {
        transform: scale(1, 1);
        margin: 0 2px;
        background: rgb(255, 255, 255);
    }
    100% {
        transform: scale(0);
    }
}

@-o-keyframes scale {
    0% {
        -o-transform: scale(0);
    }
    25% {
        -o-transform: scale(0.9, 0.9);
        background: rgb(219, 219, 219);
    }
    50% {
        -o-transform: scale(1, 1);
        margin: 0 2px;
        background: rgb(255, 255, 255);
    }
    100% {
        -o-transform: scale(0);
    }
}

@-ms-keyframes scale {
    0% {
        -ms-transform: scale(0);
    }
    25% {
        -ms-transform: scale(0.9, 0.9);
        background: rgb(219, 219, 219);
    }
    50% {
        -ms-transform: scale(1, 1);
        margin: 0 2px;
        background: rgb(255, 255, 255);
    }
    100% {
        -ms-transform: scale(0);
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0);
    }
    25% {
        -webkit-transform: scale(0.9, 0.9);
        background: rgb(219, 219, 219);
    }
    50% {
        -webkit-transform: scale(1, 1);
        margin: 0 2px;
        background: rgb(255, 255, 255);
    }
    100% {
        -webkit-transform: scale(0);
    }
}

.message-list {
    color: #838078;
    padding: 15px 0 15px 20px;
    overflow-y: auto;
    height: 100%;
}

.message {
    padding-bottom: 15px;
}

.message-header {
    width: 100%;
    min-height: 40px;
}

.message-header > div {
    float: left;
}

.message-header > .contact-photo {
    width: 5%;
}

.message-header-item {
    width: 83%;
    padding-left: 15px;
}

.message-header-item-name {
    color: #7E1415;
    font-weight: bold;
    height: 16px;
}

.message-header > .message-img-btn {
    width: 12%;
    text-align: right;
}

.message-content > div > a {
    color: blue;
}

.btn-delete-message {
    margin-right: 10px;
}

.calendarTrash {
    border-radius: 3px;
    border: 2px solid #7E1415;
    width: 96px;
    height: 37.8px;
    padding-top: 5px;
}

.fc-center {
    height: 29px;
}

.fc-center h2 {
    font-size: 17px;
    padding: initial;
    text-transform: uppercase;
    padding-top: 7px;
}

.fc-corner-right {
    margin-left: 15px !important;
}

.fc-right button {
    margin-left: 15px !important;
}

.closeModalEvent {
    right: 20px;
    top: 20px;
    position: absolute;
    cursor: pointer;
}

.groupNameColor {
    height: 43px;
    margin-top: 15px;
    text-align: center;
    padding-right: 103px;
}

.selectColor {
    display: none;
    height: 20px;
    text-align: center;
    padding-right: 115px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.groupNameColor > div {
    display: inline-flex;
    text-align: center;
    margin-top: 10px;
}

.selectColor > div {
    display: inline-block;
}

.groupNameColor-name {
    font-size: 20px;
    color: #7E1415;
}

.changeColor {
    margin-top: 4px !important;
}

.groupColor {
    cursor: pointer;
    float: left;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    margin: 0 10px;
}

.message-header-item-date {
    font-size: 11px;
    height: 12px;
    padding-top: 3px;
}

.schedule-file,
.message-files {
    min-width: 109px;
    margin-top: 5px;
    height: 43px;
    border-radius: 6px;
    background-color: #F0EAD1;
    display: inline-block;
    padding-right: 10px;
    color: #848178;
    max-width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}