@-webkit-keyframes lava_first {
    0% {
        d: path(
                "M 300,0 L 300,300 C 300,300 300,300 300,300 C 270,300 210,300 150,280 C 90,260 40,210 20,150 C 0,90 0,30 0,0"
        );
    }
    to {
        d: path(
                "M 300,0 L 300,300 C 270,300 210,300 150,280 C 90,260 40,210 20,150 C 0,90 0,30 0,0 C 0,0 0,0 0,0"
        );
    }
}

@keyframes lava_first {
    0% {
        d: path(
                "M 300,0 L 300,300 C 300,300 300,300 300,300 C 270,300 210,300 150,280 C 90,260 40,210 20,150 C 0,90 0,30 0,0"
        );
    }
    to {
        d: path(
                "M 300,0 L 300,300 C 270,300 210,300 150,280 C 90,260 40,210 20,150 C 0,90 0,30 0,0 C 0,0 0,0 0,0"
        );
    }
}

@-webkit-keyframes lava_second {
    0% {
        d: path(
                "M 297,190 S 297,190 297,190 S 297,190 297,190 S 119,188 110,165 S 92,137 74,135 S 43,122 40,100 S 34,70 17,61 S 0,46 0,0 L 0,190 L 297,190"
        );
    }
    to {
        d: path(
                "M 297,190 S 297,190 297,190 S 119,188 110,165 S 92,137 74,135 S 43,122 40,100 S 34,70 17,61 S 0,46 0,0 S 0,0 0,0 L 0,190 L 297,190"
        );
    }
}

@keyframes lava_second {
    0% {
        d: path(
                "M 297,190 S 297,190 297,190 S 297,190 297,190 S 119,188 110,165 S 92,137 74,135 S 43,122 40,100 S 34,70 17,61 S 0,46 0,0 L 0,190 L 297,190"
        );
    }
    to {
        d: path(
                "M 297,190 S 297,190 297,190 S 119,188 110,165 S 92,137 74,135 S 43,122 40,100 S 34,70 17,61 S 0,46 0,0 S 0,0 0,0 L 0,190 L 297,190"
        );
    }
}

body.exerсise-page {
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
a,
button {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-title {
    padding: 0 0 0 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

button {
    border: none;
    background-color: transparent;
    color: inherit;
}

.container {
    position: relative;
    margin: 0 auto;
    max-width: 1340px;
    padding: 0 30px;
}

.app-container__bg {
    position: absolute;
    display: flex;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.app-container__bg-img_atom {
    position: absolute;
    opacity: 0.1;
    user-select: none;
    pointer-events: none;
}

.app-container__bg-img_atom:nth-child(1) {
    right: -35%;
    bottom: 52%;
    width: 62%;
}

.app-container__bg-img_atom:nth-child(2) {
    height: 120%;
    left: -35%;
    top: -10%;
}

.app-container__bg-img_stripes {
    display: block;
    margin: auto;
    width: 67%;
    user-select: none;
    pointer-events: none;
    z-index: 0;
}

.block_loading {
    position: relative;
}

.block_loading__cover {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.modal-body__name-container {
    padding: 0 0 0 15px;
}

.course-file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.course-file-label {
    position: relative;
    margin: 0 0 0 0;
}

.course-file-label.course-file-label_filled:hover .course-file-label__tooltip {
    display: flex;
}

.course-file-label__tooltip {
    position: absolute;
    display: none;
    justify-content: center;
    align-items: center;
    bottom: 0;
    right: 40px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    width: 270px;
    height: 170px;
    /* background-color: #15537e; */
    background-color: #ffffff;
}

.course-file-label__tooltip-content {
    position: relative;
    display: block;
    width: 260px;
    height: 160px;
}

/* .course-file-label__tooltip-content_video {} */
/* .course-file-label__tooltip-content_img {} */
#addExercise .modal-dialog {
    margin: 0 auto 0 auto;
    padding: 1.75rem 0 1.75rem 0;
    height: 100%;
}

#addExerciseForm {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#addExerciseForm .modal-body {
    flex: 1 1 100%;
    padding: 0 0 0 0;
}

#addExerciseForm .row {
    margin: 0 0 0 0;
    height: 100%;
}

#addExercise .modal-content {
    height: 100%;
}

#addExerciseIFrame {
    height: 100%;
}

.atp-modal {
    z-index: 1050;
}

.atp .mdl-color--primary {
    background-color: #3f6ad8;
}

.atp .mdl-button--primary {
    color: green;
}

.popover {
    z-index: 999;
}

.preview {
    max-width: 180px;
    max-height: 180px;
}

.course-loader {
    position: fixed;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    /* background-color: rgba(0,0,0,0.5); */
    background-color: #ffffff;
    z-index: 99;
}

.course-loader.course-loader_shown {
    display: flex;
}

/* .course-loader__img{} */
.course-loader__text {
    text-align: center;
    max-width: 600px;
    color: #15537e;
    /* color: #ffffff; */
    font-size: 36px;
    font-weight: 600;
}

/* ******************************************************************************************************* */

/* NIJNIKIS STUDENT */

/* ******************************************************************************************************* */

.student-cabinet .app-header {
    height: 100px;
}

.student-cabinet .app-header__logo .logo-src {
    height: 80px;
    width: 195px;
    background-image: url(/images/logo-small2.png);
}

.student-cabinet .app-header .app-header__content {
    padding: 0 1.5rem 0 0;
}

.student-cabinet .fixed-header .app-main {
    padding-top: 100px;
    display: flex;
}

.student-cabinet .app-theme-white .app-header {
    background: #ffffff;
}

.app-header__logo .header__pane {
    display: none;
}

.student-cabinet .app-header-left,
.student-cabinet .app-header-right {
    padding: 8px 0 8px 0;
    height: 100%;
}

.student-cabinet .app-header__content {
    font-weight: 600;
}

.app-header__tab {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px 0 30px;
    height: 100%;
}

.app-header__tab.app-header__tab_shop:not(:first-child), .app-header__tab_shop-title {
    padding: 0;
}

.app-header__tab.app-header__tab_shop {
    padding-right: 0;
    justify-content: flex-start;
}

.app-header__tab:not(:nth-last-child(1)):not(:nth-last-child(2)) {
    border-right: 1px solid #e1e1e1;
}

.app-header__tab:hover {
    text-decoration: none;
}

.app-header__tab:hover .app-header__tab-text {
    text-decoration: underline;
}
.app-header__tab:hover .app-header__tab-text.app-header__tab-stars {
    text-decoration: none;
}

.app-header__tab-img {
    margin: 0 10px 0 0;
}

.app-header__tab-text {
    margin: 0 0 0 0;
    color: #495057;
}

.app-header__tab-symbol {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #f7f8fa;
    color: #72b3f3;
    line-height: 26px;
}

.app-header__tab-text ~ .app-header__tab-symbol {
    margin: 0 0 0 15px;
}

.app-header__tab_money .app-header__tab-symbol {
    padding: 0 0 4px 2px;
    font-size: 26px;
}

.app-header__tab_money:hover .app-header__tab-symbol {
    background-color: #72b3f3;
    color: #f7f8fa;
}

.student-avatar {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px 0 0;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    overflow: hidden;
    background-position: center;
    background-size: contain;
}

.student-avatar__img {
    display: block;
    min-width: 100%;
    min-height: 100%;
}

.app-header__tab_exit {
    font-size: 35px;
    padding: 0;
}

.app-header__tab_exit .app-header__tab-symbol {
    padding: 0 0 6px 0;
    font-size: 24px;
}

.app-header__tab_exit:hover .app-header__tab-symbol {
    background-color: #72b3f3;
    color: #f7f8fa;
}

.specs__list {
    margin: 0;
    padding: 0;
    background-color: #005286;
}

/* .specs__item{
} */
.specs__item-img {
    display: block;
    max-width: 150px;
    max-height: 150px;
}

.specs__link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 240px;
    background-color: #005286;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}

.specs__link:hover {
    background-color: #0288d1;
    color: #ffffff;
    text-decoration: none;
}

.specs__link.specs__link_active {
    background-color: #0288d1;
}

.student-cabinet .app-container .app-sidebar {
    margin-top: -100px;
    padding-top: 100px;
    background-color: #005286;
}

.app-sidebar__scroller {
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    left: 230px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #d5df2a;
    z-index: 15;
}

.app-sidebar__scroller_shown {
    display: flex;
}

.app-sidebar__scroller_up {
    top: 118px;
    padding: 3px 0 0 0;
}

.app-sidebar__scroller_down {
    bottom: 18px;
    padding: 0 0 3px 0;
}

.app-sidebar__scroller::before {
    content: "";
    position: relative;
    display: block;
    border-right: 2px solid #005285;
    border-bottom: 2px solid #005285;
    width: 10px;
    height: 10px;
}

.app-sidebar__scroller_up::before {
    transform: rotate(-135deg);
}

.app-sidebar__scroller_down::before {
    transform: rotate(45deg);
}

.app-main__inner {
    position: relative;
}

.login-bg{
    background-image: url(/images/image_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

/* .app-main__bg{} */
.app-main-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.app-main-bg__grad {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(/images/student-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.app-main-bg__lava-list {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.app-main-bg__lava-item:nth-child(1) {
    position: absolute;
    right: -50px;
    top: -50px;
    width: 300px;
    height: 300px;
}

.app-main-bg__lava-item:nth-child(2) {
    position: absolute;
    left: -200px;
    bottom: -200px;
    width: 1800px;
    height: 1200px;
}

.app-main-bg__lava-img {
    display: block;
}

.app-main-bg__lava-item .app-main-bg__lava-img {
    fill: #e8f5fb;
}

.app-main-bg__lava-item:nth-child(1) .app-main-bg__lava-img path {
    -webkit-animation: lava_first 10s ease-in-out 0s infinite normal;
    animation: lava_first 10s ease-in-out 0s infinite normal;
}

.app-main-bg__lava-item:nth-child(2) .app-main-bg__lava-img path {
    -webkit-animation: lava_second 12s ease-in-out 0s infinite normal;
    animation: lava_second 12s ease-in-out 0s infinite normal;
}

.app-main-bg__star-list_bright {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.app-main-bg__star-item_bright {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    color: #ffffff;
}

.app-main-bg__star-item_bright:nth-child(1) {
    top: 2%;
    left: 24%;
}

.app-main-bg__star-item_bright:nth-child(2) {
    top: 12%;
    right: 26%;
}

.app-main-bg__star-item_bright:nth-child(3) {
    top: 15%;
    right: 55%;
}

.app-main-bg__star-item_bright:nth-child(4) {
    top: 66%;
    left: 18%;
}

.app-main-bg__star-img_bright {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0 0 0;
    font-size: 26px;
    font-weight: 700;
}

.app-main-bg__star-img_bright::before {
    content: " ";
    position: absolute;
    display: block;
    margin: 3px 0 0 0;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    background-color: #ffffff;
    opacity: 0.2;
}

.app-main-bg__star-img_bright::after {
    content: "+";
    position: absolute;
    display: block;
    margin: -2px 0 0 0;
    font-size: 46px;
    font-weight: 300;
    opacity: 0.4;
}

.app-main-bg__star-list_dark {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.app-main-bg__star-item_dark {
    position: absolute;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    background-color: #ffedb2;
}

.app-main-bg__star-item_dark:nth-child(1) {
    left: 17%;
    top: 3%;
}

.app-main-bg__star-item_dark:nth-child(2) {
    left: 25%;
    top: 5%;
}

.app-main-bg__star-item_dark:nth-child(3) {
    left: 45%;
    top: 8%;
}

.app-main-bg__star-item_dark:nth-child(4) {
    left: 79%;
    top: 6%;
}

.app-main-bg__star-item_dark:nth-child(5) {
    left: 23%;
    top: 17%;
}

.app-main-bg__star-item_dark:nth-child(6) {
    left: 31%;
    top: 27%;
}

.app-main-bg__star-item_dark:nth-child(7) {
    left: 61%;
    top: 20%;
}

.app-main-bg__star-item_dark:nth-child(8) {
    left: 85%;
    top: 24%;
}

.app-main-bg__object-list {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    --x: 0px;
    --y: 0px;
    -webkit-transform: translate(var(--x), var(--y)) rotate(0.2deg);
    -ms-transform: translate(var(--x), var(--y)) rotate(0.2deg);
    transform: translate(var(--x), var(--y)) rotate(0.2deg);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    overflow: hidden;
}

.app-main-bg__object-item {
    position: absolute;
}

.app-main-bg__object-item:nth-child(1) {
    left: 14%;
    top: 2%;
}

.app-main-bg__object-item:nth-child(2) {
    right: 34%;
    top: 3%;
}

.app-main-bg__object-item:nth-child(3) {
    right: 9%;
    top: 13%;
}

.app-main-bg__object-img {
    display: block;
}

.app-main-bg__cloud-list {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.app-main-bg__cloud-item {
    position: absolute;
    width: 235px;
    height: 108px;
    opacity: 0.8;
}

.app-main-bg__cloud-item:nth-child(1) {
    right: -3%;
    top: 39%;
}

.app-main-bg__cloud-item:nth-child(2) {
    left: 6%;
    top: 68%;
}

.app-main-bg__cloud-item:nth-child(3) {
    right: 20%;
    bottom: 7%;
}

.app-main-bg__cloud-curve {
    position: absolute;
    display: block;
    background-color: #ffffff;
}

.app-main-bg__cloud-curve:nth-child(1) {
    border-radius: 99px 99px 0 0;
    left: 18%;
    top: 31.5%;
    width: 20%;
    height: 68.5%;
}

.app-main-bg__cloud-curve:nth-child(2) {
    border-radius: 99px 99px 0 0;
    left: 38%;
    top: 0%;
    width: 30%;
    height: 100%;
}

.app-main-bg__cloud-curve:nth-child(3) {
    border-radius: 99px 99px 0 0;
    left: 53%;
    top: 50%;
    width: 30%;
    height: 50%;
}

.app-main-bg__cloud-curve:nth-child(4) {
    border-radius: 99px;
    left: 0%;
    bottom: 0%;
    width: 100%;
    height: 20%;
}

.student-courses {
    position: relative;
    height: 100%;
}

.student-courses__spec-title {
    margin: 0 0 65px 0;
    color: #ffffff;
}

.student-courses__spec-name {
    margin: 0 0 0 12px;
    border-radius: 5px;
    padding: 0 10px 4px 10px;
    background-color: #ffffff;
    color: #0288d1;
    font-size: 16px;
}

.student-courses__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 0;
    padding: 0 0 20px 0;
}

.student-courses__item {
    position: relative;
    margin: 0 20px 20px 0;
    border-radius: 5px;
    min-width: 300px;
    width: calc(25% - 15px);
    height: 250px;
    list-style: none;
}

/* .student-courses__link{} */
.course-link {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #333333;
    font-weight: 500;
}

.course-link:hover {
    color: #333333;
    text-decoration: none;
}

.course-link:hover .course-link__text-container {
    background-color: rgba(255, 255, 255, 1);
}

.course-link:hover .course-link__course-name {
    color: #0288d1;
}

.course-link_disabled {
    color: #9b9b9b;
}

.course-link_disabled .course-link__lessons-quantity:before {
    background-color: #9b9b9b;
}

.course-link_disabled .course-link__course-name {
    margin: 0 0 0 27px;
}

.course-link_disabled:hover {
    color: #9b9b9b;
    text-decoration: none;
}

.course-link_disabled:hover .course-link__text-container {
    background-color: rgba(255, 255, 255, 0.5);
}

.course-link_disabled:hover .course-link__course-name {
    color: #9b9b9b;
}

.course-link__text-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    padding: 10px 20px 10px 18px;
    width: 100%;
    min-height: 80px;
    background-color: rgba(255, 255, 255, 0.5);
}

.course-link__text-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
}

.course-link__lessons-quantity {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 15px;
    width: 100%;
    text-align: left;
    font-size: 14px;
}

.course-link__lessons-quantity:before {
    content: " ";
    position: absolute;
    display: block;
    top: 6px;
    left: -2px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #68b1f5;
}

.course-link__course-img {
    max-height: 170px;
}

.course-link__course-name {
    position: relative;
    margin: 0 0 0 0;
    font-size: 18px;
}

.course-link__course-name:before {
    content: " ";
    position: absolute;
    display: none;
    top: 0px;
    left: -30px;
    width: 25px;
    height: 25px;
    background-image: url(/images/content/lock_grey.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.course-link_disabled .course-link__course-name:before {
    display: block;
}

.student-course__fake-link {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #d5df2a;
    color: #00527c;
    font-size: 18px;
    line-height: 40px;
}

.student-course__fake-link::before {
    content: "\0279C";
    display: block;
}

.course-link_disabled .student-course__fake-link {
    background-color: #ffffff;
    background-image: url(/images/content/lock_grey.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55%;
}

.course-link_disabled .student-course__fake-link::before {
    content: "";
}

.student-course {
    position: relative;
}

.student-course__course-name {
    margin: 0 0 15px 0;
    color: #ffffff;
}

.student-course__back-block {
    display: flex;
    align-items: center;
    margin: 0 0 45px 0;
}

.student-course__back-link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px 0 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #d5df2a;
    color: #00527c;
    font-size: 18px;
    line-height: 40px;
    transform: rotate(180deg);
}

.student-course__back-link:hover {
    color: #00527c;
    text-decoration: none;
}

.student-course__back-text {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.student-course__spec-name {
    margin: 0 0 0 12px;
    border-radius: 5px;
    padding: 0 10px 4px 10px;
    background-color: #ffffff;
    color: #0288d1;
    font-size: 16px;
}

.student-course__lessons-title {
    margin: 40px 0 20px 0;
}

.student-course__course-lessons-list {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    max-width: 1260px;
}

/* .student-courses__course-lesson-item{} */
.course-lesson {
    position: relative;
    display: flex;
    justify-content: space-between;
    border: 1px solid #f2f3f5;
    border-radius: 5px;
    padding: 0 20px 0 30px;
    width: 100%;
    height: 100px;
    background-color: #fff;
    font-weight: 500;
    overflow: hidden;
}

.course-lesson/*:not(:last-child)*/ {
    margin: 0 0 20px 0;
}

.course-lesson__title {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

.course-lesson__number {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px 0 0;
    border-radius: 50%;
    padding: 0 1px 2px 0;
    width: 40px;
    height: 40px;
    background-color: #0288d1;
    color: #ffffff;
}

.course-lesson__symbol {
    display: none;
    margin: 0 13px 0 0;
    width: 25px;
    height: 25px;
    background-image: url(/images/content/lock_grey.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.course-lesson__name {
    margin: 0 0 0 0;
    font-size: 18px;
    color: #0288d1;
}

.course-lesson__process {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

.course-lesson__starter {
    border: 1px solid #68b1f5;
    border-radius: 5px;
    padding: 15px 45px 15px 45px;
    background-color: #0288d1;
    color: #ffffff;
}

.course-lesson__starter:hover {
    color: #ffffff;
    text-decoration: none;
}

.course-lesson__rating {
    position: relative;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 0 40px 0 40px;
    padding: 20px 0 20px 0;
    height: 100%;
    min-width: 122px;
}

.course-lesson__rating-text {
    margin: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.course-lesson__rating-stars-text {
    font-size: 20px;
}

.course-lesson__rating-stars {
    display: flex;
}

.course-lesson__rating-star {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/images/content/star_empty.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.course-lesson__rating-star:not(:last-child) {
    margin: 0 5px 0 0;
}

.course-lesson__rating-star.course-lesson__rating-star_active {
    background-image: url("/images/content/star_full.png");
}

.course-lesson__reward-container {
    position: relative;
    display: none;
    align-items: center;
    margin: 0 -90px 0 0;
    border-radius: 50%;
    padding: 0 0 0 25px;
    width: 200px;
    height: 200px;
    background-color: #ffd348;
}

.course-lesson__reward {
    display: block;
    /* width: auto;
   height: 100%; */
}

.course-lesson.course-lesson_done {
    border: none;
    padding: 0 0 0 30px;
    background-color: #0288d1;
}

.course-lesson_done .course-lesson__number {
    background-color: #ffffff;
    color: #333333;
}

.course-lesson_done .course-lesson__name {
    color: #ffffff;
}

.course-lesson_done .course-lesson__starter {
    border: 1px solid #ffffff;
}

.course-lesson_done .course-lesson__starter:hover {
    text-decoration: none;
}

.course-lesson_done .course-lesson__rating {
    display: flex;
}

.course-lesson_done .course-lesson__reward-container {
    display: flex;
}

.course-lesson.course-lesson_blocked {
    color: #a7a7a7;
}

.course-lesson_blocked .course-lesson__number {
    background-color: #a7a7a7;
}

.course-lesson_blocked .course-lesson__symbol {
    display: block;
}

.course-lesson_blocked .course-lesson__name {
    color: #a7a7a7;
}

.course-lesson_blocked .course-lesson__starter {
    border: none;
    background-color: #f7f8fa;
    color: #9b9b9b;
}

.course-lesson_blocked .course-lesson__starter:hover {
    color: #9b9b9b;
    text-decoration: none;
}

.student-cabinet .app-theme-white .app-footer .app-footer__inner {
    border: none;
    background-color: #333333;
}

.student-cabinet .app-wrapper-footer .app-footer {
    border-top: none;
}

.student-cabinet .app-footer-left {
    padding: 0 0 0 10px;
    color: #a7a7a7;
}

.app-footer__copyright {
    margin: 0;
}

.student-cabinet .app-footer-right {
    color: #ffffff;
}

.app-footer__navbar {
    display: flex;
}

.app-footer__navlink {
    color: #ffffff;
    text-decoration: underline;
}

.app-footer__navlink:hover {
    color: #ffffff;
    text-decoration: none;
}

.app-footer__navlink:not(:last-child) {
    margin: 0 40px 0 0;
}

.counter_wrapp .counter_block {
    margin-bottom: 13px;
}

/* ******************************************************************************************************* */

/* NIJNIKIS EXERCISE-PAGE */

/* ******************************************************************************************************* */

/* .exerсise-page{} */
.exerсise-header {
    position: relative;
    display: flex;
}

/* .exerсise-header__menu{} */
.ex-h-menu {
    position: relative;
    display: flex;
    margin: 0;
    width: 88%;
    height: 100%;
}

.ex-h-menu__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 25%;
    height: 100%;
    color: #a7a7a7;
    line-height: 18px;
}

.ex-h-menu__item_done {
    background-color: #d5df2a;
    color: #005580;
}

.ex-h-menu__item_active {
    background-color: #005580;
    color: #ffffff;
}

.ex-h-menu__item_opened {
    background-color: #00aaff;
    color: #ffffff;
}

.ex-h-menu__item::after {
    content: " ";
    display: block;
    position: absolute;
    right: 0%;
    top: 20%;
    width: 1px;
    height: 60%;
    background-color: #e1e1e1;
}

.ex-h-menu__item_done.ex-h-menu__item::after {
    display: none;
}

.ex-h-menu__item_active.ex-h-menu__item::after {
    display: none;
}

.ex-h-menu__item_opened.ex-h-menu__item::after {
    display: none;
}

.ex-h-menu__item_title {
    font-size: 16px;
    font-weight: 600;
}

/* .ex-h-menu__item_repetition{} */
/* .ex-h-repetition{} */
.ex-h-repetition__link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: inherit;
    font-size: 16px;
    font-weight: 600;
}

.ex-h-repetition__link:hover {
    color: inherit;
    text-decoration: none;
}

.ex-h-repetition__link-symbol {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    margin: 0 5px 0 0;
    border-radius: 50%;
    padding: 0 0px 2px 0;
    width: 15px;
    height: 15px;
    background-color: #005580;
    font-size: 9px;
    color: #d5df2a;
}

.ex-h-repetition__link-symbol:before {
    content: " ";
    position: relative;
    display: block;
    border-left: 2px solid #d5df2a;
    border-bottom: 2px solid #d5df2a;
    width: 7px;
    height: 5px;
    transform: rotate(-45deg);
}

.ex-h-menu__item_done .ex-h-repetition__link {
    color: #005580;
}

.ex-h-menu__item_done .ex-h-repetition__link-symbol {
    display: flex;
}

.ex-h-menu__item_active .ex-h-repetition__link {
    color: #ffffff;
}

/* .ex-h-menu__item_training{} */
/* .ex-h-training{} */
.ex-h-training__opener {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 0 5px 0;
    height: 100%;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
}

.ex-h-training__opener::after {
    content: "";
    position: absolute;
    display: block;
    bottom: 7px;
    border-left: 4px solid #005580;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #005580;
    transform: rotate(-45deg);
}

.ex-h-menu__item_active:not(.ex-h-menu__item_opened)
.ex-h-training__opener::after {
    border-left: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
}

.ex-h-training__opener-head {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: 600;
}

.ex-h-training__opener-head-symbol {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    margin: 0 5px 0 0;
    border-radius: 50%;
    padding: 0 0px 2px 0;
    width: 15px;
    height: 15px;
    background-color: #005580;
    font-size: 9px;
    color: #d5df2a;
}

.ex-h-training__opener-head-symbol:before {
    content: " ";
    position: relative;
    display: block;
    border-left: 2px solid #d5df2a;
    border-bottom: 2px solid #d5df2a;
    width: 7px;
    height: 5px;
    transform: rotate(-45deg);
}

.ex-h-menu__item_done .ex-h-training__opener-head {
    color: #005580;
}

.ex-h-menu__item_done .ex-h-training__opener-head-symbol {
    display: flex;
}

.ex-h-training__opener-descr {
    margin: 0;
    font-weight: 400;
}

.ex-h-training__menu {
    position: absolute;
    display: none;
    flex-direction: column;
    top: 60px;
    width: 100%;
}

.ex-h-menu__item_opened .ex-h-training__menu {
    display: flex;
}

.ex-h-training__item {
    position: relative;
    display: flex;
    background-color: #005580;
    padding-right: 10px;
}

/* .ex-h-training__item_done{} */
.ex-h-training__item_active {
    background-color: #00aaff;
}

.ex-h-training__link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 0 12px 30px;
    color: #ffffff;
}

.ex-h-training__link:hover {
    color: #ffffff;
    text-decoration: none;
}

.ex-h-training__item-symbol {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px 0 0;
    border-radius: 50%;
    border: 2px solid #ffffff;
    width: 16px;
    height: 16px;
}

.ex-h-training__item_done .ex-h-training__item-symbol {
    background-color: #d5df2a;
    border: 2px solid #d5df2a;
    padding: 0 0 1px 0;
}

.ex-h-training__item_done .ex-h-training__item-symbol::before {
    content: " ";
    position: relative;
    display: block;
    border-left: 2px solid #005580;
    border-bottom: 2px solid #005580;
    width: 7px;
    height: 5px;
    transform: rotate(-45deg);
}

/* .ex-h-training__item_active .ex-h-training__item-symbol{} */
.ex-h-training__item-symbol::before{
    content: " ";
    display: block;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color: inherit;
}
.ex-h-training__item_active .ex-h-training__item-symbol::before {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
}

.ex-h-training__item_done.ex-h-training__item_active
.ex-h-training__item-symbol::before {
    border: none;
}

.ex-h-training__item-text {
    margin: 0;
}

.ex-h-training__item_done .ex-h-training__item-text {
    color: #d5df2a;
}

/* .ex-h-menu__item_checkout{} */
/* .ex-h-checkout{} */
.ex-h-checkout__opener {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 0 5px 0;
    height: 100%;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
}

.ex-h-checkout__opener::after {
    content: "";
    position: absolute;
    display: block;
    bottom: 7px;
    border-left: 4px solid #005580;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #005580;
    transform: rotate(-45deg);
}

.ex-h-menu__item_active:not(.ex-h-menu__item_opened)
.ex-h-checkout__opener::after {
    border-left: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
}

.ex-h-checkout__opener-head {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: 600;
}

.ex-h-checkout__opener-head-symbol {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    margin: 0 5px 0 0;
    border-radius: 50%;
    padding: 0 0px 2px 0;
    width: 15px;
    height: 15px;
    background-color: #005580;
    font-size: 9px;
    color: #d5df2a;
}

.ex-h-checkout__opener-head-symbol:before {
    content: " ";
    position: relative;
    display: block;
    border-left: 2px solid #d5df2a;
    border-bottom: 2px solid #d5df2a;
    width: 7px;
    height: 5px;
    transform: rotate(-45deg);
}

.ex-h-menu__item_done .ex-h-checkout__opener-head {
    color: #005580;
}

.ex-h-menu__item_done .ex-h-checkout__opener-head-symbol {
    display: flex;
}

.ex-h-checkout__opener-descr {
    margin: 0;
    font-weight: 400;
}

.ex-h-checkout__menu {
    position: absolute;
    display: none;
    flex-direction: column;
    top: 60px;
    width: 100%;
}

.ex-h-menu__item_opened .ex-h-checkout__menu {
    display: flex;
}

.ex-h-checkout__item {
    position: relative;
    display: flex;
    background-color: #005580;
    padding-right: 10px;
}

/* .ex-h-checkout__item_done{} */
.ex-h-checkout__item_active {
    background-color: #00aaff;
}

.ex-h-checkout__link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 0 12px 30px;
    color: #ffffff;
}

.ex-h-checkout__link:hover {
    color: #ffffff;
    text-decoration: none;
}

.ex-h-checkout__item-symbol {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px 0 0;
    border-radius: 50%;
    border: 2px solid #ffffff;
    width: 16px;
    height: 16px;
}

.ex-h-checkout__item_done .ex-h-checkout__item-symbol {
    background-color: #d5df2a;
    border: 2px solid #d5df2a;
    padding: 0 0 1px 0;
}

.ex-h-checkout__item_done .ex-h-checkout__item-symbol::before {
    content: " ";
    position: relative;
    display: block;
    border-left: 2px solid #005580;
    border-bottom: 2px solid #005580;
    width: 7px;
    height: 5px;
    transform: rotate(-45deg);
}

/* .ex-h-checkout__item_active .ex-h-checkout__item-symbol{} */
.ex-h-checkout__item-symbol::before {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color: inherit;
}
.ex-h-checkout__item_active .ex-h-checkout__item-symbol::before {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: #ffffff;
}

.ex-h-checkout__item_done.ex-h-checkout__item_active
.ex-h-checkout__item-symbol::before {
    border: none;
}

.ex-h-checkout__item-text {
    margin: 0;
}

.ex-h-checkout__item_done .ex-h-checkout__item-text {
    color: #d5df2a;
}

/* .ex-h-menu__item_feedback{} */
/* .ex-h-feedback{} */
.ex-h-feedback__link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: inherit;
    font-size: 16px;
    font-weight: 600;
}

.ex-h-feedback__link:hover {
    color: inherit;
    text-decoration: none;
}

.ex-h-feedback__link-symbol {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    margin: 0 5px 0 0;
    border-radius: 50%;
    padding: 0 0px 2px 0;
    width: 15px;
    height: 15px;
    background-color: #005580;
    font-size: 9px;
    color: #d5df2a;
}

.ex-h-feedback__link-symbol:before {
    content: " ";
    position: relative;
    display: block;
    border-left: 2px solid #d5df2a;
    border-bottom: 2px solid #d5df2a;
    width: 7px;
    height: 5px;
    transform: rotate(-45deg);
}

.ex-h-menu__item_done .ex-h-feedback__link {
    color: #005580;
}

.ex-h-menu__item_done .ex-h-feedback__link-symbol {
    display: flex;
}

/* .exerсise-header__exit{} */
.ex-h-exit {
    position: relative;
    display: flex;
    flex-shrink: 0;
    min-width: 170px;
    width: 12%;
    height: 100%;
}

.ex-h-exit__link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #0288d1;
}

.ex-h-exit__link:hover {
    text-decoration: none;
}

.ex-h-exit__link-text {
    margin: 0 16px 0 0;
    color: #ffffff;
    font-size: 16px;
}

/* .ex-h-exit__link-img{} */
.exerсise-page .fixed-header .app-main {
    flex-direction: column;
    padding-top: 80px;
    background-color: #e8f5fb;
}

.exerсise-page__head {
    margin: 0 0 20px 0;
    font-size: 36px;
    font-weight: 500;
    color: #005580;
}

/* ******************************************************************************************************* */

/* NIJNIKIS STUDENT INSIDE PAGES */

/* ******************************************************************************************************* */
.lessons-nav {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* .lessons-nav__back{} */
/* .lessons-nav__forward{} */
/* .lessons-nav__link{} */
.begin {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0 0 0;
    width: 100%;
    max-height: 80vh;
}

.begin__text {
    margin: 0 0 20px 0;
    font-size: 18px;
    color: #005580;
    font-weight: 500;
}

.begin__video {
    /*margin: 0 0 60px 0;*/
    max-width: 100vw;
    max-height: 80vh;
}
.btn.education-next__link {
    display: none;
}
.btn.education-next__link.show {
    display: inline-block;
}
.begin__link {
    display: none;
    position: absolute;
    top: 40vh;
    margin-top: -20px;
}

.proceed {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.proceed__content {
    margin: 0 0 30px 0;
    text-align: center;
}

/* .proceed__nav{} */

.feedback-form {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.feedback-form__img {
    max-width: 100%;
    max-height: calc(100vh - 143px);
}

.feedback-form__text {
    font-size: 18px;
    color: #005580;
    font-weight: 500;
}

.feedback-form__input {
    margin: 0 0 20px 0;
    border: 2px solid #005580;
    border-radius: 3px;
    max-width: 600px;
    width: 100%;
}

.feedback-form__submit {
    margin: 0 0 0 auto;
}

/* ******************************************************************************************************* */
/* NIJNIKIS STUDENT END */
/* ******************************************************************************************************* */

/* ******************************************************************************************************* */
/* NIJNIKIS TEST H5P */
/* ******************************************************************************************************* */

.h5p-content {
    background-color: #000000;
}

/* ******************************************************************************************************* */
/* NIJNIKIS TEST H5P END */
/* ******************************************************************************************************* */

/* ******************************************************************************************************* */
/* NIJNIKIS CENTERS */
/* ******************************************************************************************************* */

/* .attached-photos {
} */

/* .attached-photos__title {
} */

.attached-photos__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.attached-photos__img {
    display: block;
    width: 50%;
    height: auto;
}

/* .attached-photos__collector {
} */

/* ******************************************************************************************************* */
/* NIJNIKIS CENTERS END*/
/* ******************************************************************************************************* */

/* ******************************************************************************************************* */
/* NIJNIKIS GROUPS EDIT */
/* ******************************************************************************************************* */

/* .groups-edit {
} */

.groups-edit__schedule {
    position: relative;
}

.groups-edit__schedule-title {
    position: relative;
    display: flex;
    margin: 0 0 12px 0;
    border-left: 3px solid #7fb6d3;
    width: 100%;
    padding: 10px 0 10px 15px;
    background-color: #f6f8fa;
    font-weight: 500;
}

/* .dates {
} */

.dates .nav-tabs {
    margin: 0 0 3px 0;
}

.dates .nav-link {
    padding: 18px 16px 18px 16px;
}

.dates__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 22px 0;
}

.dates__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4px 1px 0;
    border-radius: 4px;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    padding: 0 0 3px 0;
    width: 68px;
    height: 23px;
    background-color: #84bddc;
    color: #ffffff;
    font-weight: 500;
}

.dates__item_planning {
    background-color: #84bddc !important;
}

.dates__item_planning-delayed {
    background-color: #6289c5 !important;
}

.dates__item_done {
    background-color: #7eb667 !important;
}

.dates__item_done-delay,
.dates__item_done-delayed {
    background-color: #dfb05d !important;
}

.dates__item_cancel,
.dates__item_cancelled {
    background-color: #bf5c52 !important;
}

/* .dates__item_teacher-changed {
} */

.dates__item_teacher-changed::before {
    content: "";
    position: absolute;
    display: block;
    right: -4px;
    top: 1px;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: #70564a;
}

.dates__item_unusual {
    border-right: 4px solid #da832b !important;
    border-left: 4px solid #da832b !important;
}

.dates__item-text {
    margin: 0;
}

/* .dates__descr {
} */

.dates-descr {
    position: relative;
    display: flex;
    justify-content: flex-start;
    font-style: italic;
}

.dates-descr__title {
    margin: 0 17px 0 0;
}

.dates-descr__list {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
}

.dates-descr__item {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 17px 0 0;
    padding: 0 0 3px 0;
}

.dates-descr__example {
    position: relative;
    margin: 0 5px 0 0;
    border-radius: 4px;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    width: 16px;
    height: 19px;
    background-color: #84bddc;
}

.dates-descr__name {
    margin: 0;
}

/* NIJNIKIS GROUPS MODAL */

.date-modal {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 11;
}

.date-modal__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    outline: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 10px 0 0 0;
    max-width: 1000px;
    width: 100%;
    background-color: #fff;
}

/* .date-modal__th {
}

.date-modal__th_student {
} */
input.changeAll{
    margin-left: 10px;
}
.date-modal__th_visit {
    width: 120px;
}

.date-modal__th_paid {
    width: 210px;
}

.date-modal__student-name {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.date-modal__student-info {
    margin: 0;
    font-style: italic;
}

.date-modal__check-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border-radius: 50%;
    width: 18px;
    height: 18px;
}

.date-modal__check-btn_true {
    border: 3px solid #5e864e;
}

.date-modal__check-btn_true::after {
    content: "";
    position: relative;
    width: 8px;
    height: 5px;
    border-bottom: 3px solid #5e864e;
    border-left: 3px solid #5e864e;
    transform: rotate(-45deg);
}

.date-modal__check-btn_false {
    border: 3px solid #a3514a;
}

.date-modal__check-btn_false::before {
    content: "";
    position: absolute;
    width: 8px;
    border-top: 2px solid #a3514a;
    transform: rotate(-45deg);
}

.date-modal__check-btn_false::after {
    content: "";
    position: absolute;
    width: 8px;
    border-top: 2px solid #a3514a;
    transform: rotate(45deg);
}

.date-modal__footer {
    width: 100%;
}

/* .date-modal__closer {
}

.date-modal__saver {
} */

.modal-body__lesson-cancelled {
    color: #ff0000;
}

/* NIJNIKIS GROUPS MODAL END */

/* ******************************************************************************************************* */
/* NIJNIKIS GROUPS EDIT END */
/* ******************************************************************************************************* */

/* MALEVIK STYLES START*/
#addBalanceForm {
    display: flex;
    justify-content: space-between;
}

.course-lessons__element-block {
    position: relative;
}

.course-lessons__element-block .course-lessons__element-fake,
.course-lessons__element-block .course-lessons__element-novision {
    position: absolute;
    left: 2px;
    top: 2px;
    padding: 10px;
    box-sizing: border-box;
    /*max-width: 50%;*/
}

.course-lessons__element-block .course-lessons__element-novision {
    position: relative;
    max-width: 100%;
    left: 0;
    top: 0;
    visibility: hidden;
}

.course-lessons__element-novision .fake-input-payment {
    height: 31px;
    margin-bottom: 10px;
}

.element-block-wrapper {
    padding: 10px;
}

.course-lessons__element-block .form-check-label {
    margin-bottom: 10px;
    /*max-width: 50%;*/
    display: flex;
    min-height: 160px;
    border: 2px solid #e3e3e3;
    border-radius: 4px;
    background-color: rgba(227, 227, 227, 0.5);
    cursor: pointer;
    flex-direction: column;
    transition: background-color ease-out 0.3s;
}

.course-lessons__element-block .form-check-input:checked + .form-check-label {
    background-color: rgba(149, 201, 233, 0.8);
}

.course-lessons__element-block .form-check-input {
    width: 0;
    height: 0;
    display: none;
}

.element-block__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.course-lessons__single-payment {
    margin-bottom: 10px;
    border-radius: 4px;
    border: none;
    padding: 5px;
}

.element-block__content {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.element-block__content-element {
    margin-bottom: 10px;
}

.select-course-wrapper .label-select-course {
    font-size: 18px;
    cursor: pointer;
}

#selectCourse {
    min-width: 250px;
    display: none;
}

.fake-select {
    display: flex;
    flex-direction: column;
    position: relative;
}

.select-course-fake {
    min-width: 250px;
}

.fake-select__title {
    background: #fff;
    border-radius: 4px;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    cursor: pointer;
    margin-bottom: 0;
}

.fake-select__list {
    background: #fff;
    border-radius: 0 0 4px 4px;
    height: 0;
    overflow: hidden;
    transition: height ease-out 0.5s;
}

.fake-select__element {
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    border-top: 1px solid #e3e3e3;
    cursor: pointer;
}

.fake-select__element:hover {
    background-color: rgba(149, 201, 233, 0.4);
}

.fake-select__element.active {
    background-color: rgba(149, 201, 233, 0.8);
}

.element-block__price-wrapper {
    display: flex;
    flex-direction: column;
}

.price__old-price {
    font-size: 13px;
    color: #949494;
    text-decoration: line-through;
}
.remove-row, .add-row, .add-row-storage, .add-row-button{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
}
.shop-content{
    position: relative;
    z-index: 333;
    /*overflow-y: auto;*/
    height: calc(100% - 30px);
    box-sizing: border-box;
}

.products-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 19px;
    margin-bottom: 0;
}
.products-list .product-wrapper{
    width: 315px;
    height: 466px;
    margin: 0 20px 20px 0;
    background-color: #fff;
    border-radius: 7px;
    transition: box-shadow ease-out 0.5s;
}

.products-list .product-wrapper:hover {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
}

.product-wrapper .product__element {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}
.product__element .product__image-wrapper{
    height: 238px;
    width: 279px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product__element .product__image{
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

.product__title {
    font-size: 20px;
    margin-bottom: 20px;
}

.product__price-wrapper {
    width: 100%;
    display: flex;
    font-size: 18px;
    margin-bottom: 10px;
    background-color: #16aaff;
    border-radius: 5px;
    overflow: hidden;
}

.product__price-wrapper span.price__star {
    display: flex;
    justify-content: center;
    align-items: center;
}
.product__price-wrapper span.price__star:before {
    background-image: url(/images/content/star_full.png);
    background-size: cover;
    display: block;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    content: "";
}

.product__price-wrapper .price-radio {
    width: 0;
    height: 0;
    display: none;
}
.product__price-wrapper .price-block{
    padding: 4px 8px;
    font-size: 24px;
    font-weight: 600;
    white-space: nowrap;
}
.product__element .button-add-to-cart-text{
    padding: 4px 8px;
    font-size: 18px;
    text-decoration: underline;
    color: #0288d1;
    position: relative;
    display: flex;
    z-index: 3
}
.product__element .button-add-to-cart-text:before{
    display: block;
    content: '';
    width: 44px;
    height: 44px;
    background-color: rgba(255, 204, 51, 1);
    left: -12px;
    top: -5px;
    position: absolute;
    border-radius: 100%;
    z-index: -1;
}
.product__price-wrapper .price-radio-wrapper{
    margin-bottom: 0;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #fff;
    border-radius: 0;
}
.product__price-wrapper .price-radio-wrapper:hover{
    color: #fff;
}

.price-radio:checked + label.price-radio-wrapper.btn.btn-outline-info {
    background-color: #0288d1;
    border-color: #0288d1;
    box-shadow: 0px 0px 8px -1px black inset;
}
.price-radio:checked + label.price-radio-wrapper.btn.btn-outline-info span.price__star:after{
    background-image: url(/images/content/star_full.png);
}
.cart-header-link{
    text-transform: uppercase;
}
.shop-content .products-latest__spec-title-wrapper{
    display: flex;
    align-items: center;
}
.shop-content .products-latest__spec-title{
    font-size: 36px;
    color: #fff;
    font-weight: 400;
}
.shop-content .products-latest__spec-city{
    height: fit-content;
    font-size: 16px;
    color: #0288d1;
    background-color: #fff;
    padding: 3px 13px;
    border-radius: 5px;
    font-weight: 500;
}
.shop-content .zero-category-wrapper{
    margin-right: 40px;
}
.shop-content .categories-list{
    display: flex;
    flex-wrap: wrap;
}
.shop-content .category-element{
    height: 130px;
    width: 150px;
    padding: 9px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    margin-bottom: 10px;
}
.shop-content .category-element.active{
    background-color: rgba(255,255,255,0.5);
}
.shop-content .category-img-wrapper{
    width: 100px;
    height: 75px;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.shop-content .category-img{
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.shop-content .category-link{
    font-size: 16px;
    font-weight: 600;
    height: 32px;
    max-width: 100%;
    overflow: hidden;
}
.shop-content .category-text{
    max-height: 100%;
    max-width: 100%;
    display: flex;
    text-align: center;
    line-height: 16px;
}
.shop-content .zero-category-link{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    display: flex;
    padding-left: 40px;
}
.shop-content .zero-category-text{
    padding-left: 15px;
    text-decoration: underline;
}
.shop-content .zero-category-link:before{
    width: 40px;
    height: 40px;
    display: block;
    content: '';
    background-color: #d5df2a;
    border-radius: 100%;
    left: 6px;
    top: -10px;
    position: absolute;
}
.shop-content .zero-category-burger{
    display: block;
    content: '';
    width: 18px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 17px;
    top: 9px;
}
.shop-content .zero-category-burger:before, .shop-content .zero-category-burger:after{
    display: block;
    content: '';
    width: 18px;
    height: 2px;
    background-color: #fff;
    position: relative;
    top: -5px;
}
.shop-content .zero-category-burger:after{
    top: 3px;
}
.shop-content .product-link{
    font-size: 18px;
    color: #9b9b9b;
}
.cart-content-wrapper{
    width: fit-content;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 5px;
    max-width: 866px;
    width: 866px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}

.app-main__inner .cart-content-wrapper {
    width: auto;
    max-width: auto;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.cart-content-wrapper .cart-content__title,
.cart-content-wrapper .cart-list-wrapper,
.cart-content-wrapper .cart-error{
    padding: 30px;
}
.cart-content-wrapper .cart-content__title{
    font-size: 18px;
    color: #005286;
    font-weight: 600;
}
.cart-product-image{
    max-width: 130px;
    max-height: 110px;
}
.cart-product-info{
    width: 280px;
}
.cart-product-info .product__title{
    display: flex;
    font-size: 18px;
    color: #9b9b9b;
    margin-bottom: 0;
}
.cart-product-info .product__link{
    display: flex;
    font-size: 14px;
    color: #0288d1;
    text-decoration: underline;
}
.cart-list-wrapper .summary-wrapper{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.cart-product-remove .button-remove-from-cart{
    box-sizing: border-box;
    width: 47px;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
}
.cart-product-quantity-wrapper{
    display: flex;
}
.cart-product-quantity .quantity-minus, .cart-product-quantity .quantity-plus{
    cursor: pointer;
    font-weight: bold;
}
.cart-product-quantity input, .cart-product-quantity .quantity-minus, .cart-product-quantity .quantity-plus{
    border: none;
    display: flex;
    text-align: center;
    font-size: 24px;
    color: #b1b1b1;
    outline: none;
}
.cart-product-quantity input::-webkit-outer-spin-button,
.cart-product-quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.cart-product-quantity input {
    -moz-appearance: textfield;
}
.cart-content__footer{
    display: flex;
    justify-content: flex-end;
}
.cart-type{
    width: 105px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0288d1;
    border-color: #0288d1;
    box-shadow: 0px 0px 8px -1px black inset;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    cursor: default;
}
.cart-type-star{
    position: relative;
}
.cart-type-star:before{
    background-image: url(/images/content/star_full.png);
    background-size: cover;
    display: block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    content: '';
}
.cart-product-image-wrapper{
    width: 150px;
    height: 130px;
    max-height: 100%;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.cart-product-image-wrapper .product__image{
    max-width: 100%;
    width: auto;
    padding: 10px;
    max-height: 100%;
}
.cart-content__footer .btn-outline-info, .order-footer-wrapper .btn-outline-info{
    color: #fff;
    background-color: #16aaff;
    border-color: #16aaff;
}
.cart-content__footer .btn-outline-info:hover, .order-footer-wrapper .btn-outline-info:hover{
    color: #fff;
    background-color: #0098ef;
    border-color: #0090e2;
}
.cart-content-wrapper .cart-error{
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 0 95px 40px;
}
.summary-money, .summary-star{
    display: flex;
    font-size: 18px;
    font-weight: 600;
    color: #005286;
}
.summary-text{
    margin-right: 5px;
}
.star{
    display: flex;
}
.cart-content__footer .cart-button{
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.star:before{
    background-image: url(/images/content/star_full.png);
    background-size: cover;
    display: block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    content: '';
}
.dispaled{
    display: none!important;
}
.storage-wrapper{
    display: flex;
    padding-left: 30px;
    position: relative;
    width: 398px;
    height: 140px;
    cursor: pointer;
    border: 1px solid #fff;
}
.storage-wrapper.active{
    border-radius: 5px;
    border: 1px solid #005286;
}
.cart-list-storages{
    display: flex;
    flex-wrap: wrap;
}
.storage-wrapper:nth-child(odd){
    margin-right: 10px;
}
.storage-wrapper:before{
    position: absolute;
    content: '';
    display: block;
    left: 7px;
    top: 62px;
    width: 14px;
    height: 14px;
    border: 2px solid #005286;
    border-radius: 100%;
}
.storage-wrapper.active:before{
    position: absolute;
    content: '';
    display: block;
    left: 7px;
    top: 62px;
    width: 14px;
    height: 14px;
    border: 2px solid #005286;
    background-color: #bbddf5;
    border-radius: 100%;
}
.storage-image-wrapper{
    width: 128px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:  10px;
}
.storage-info-wrapper{
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
}
.payment-stars{
    margin: 0 30px 30px 30px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e9e9e9;
}
.payment-money-need{
    padding: 0 30px;
}
.payment-stars-title:before{
    background-image: url(/images/content/star_empty_big.png);
    background-size: cover;
    display: block;
    margin-right: 5px;
    width: 33px;
    height: 33px;
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
}
.payment-stars-title{
    position: relative;
    padding-left: 40px;
}
.payment-stars-title, .payment-money-need{
    font-size: 18px;
    color: #005286;
}
.payment-total-stars{
    font-size: 30px;
}
.payment-stars-desctiption{
    font-size: 14px;
    color: #b7b7b7;
    padding-left: 40px;
}
.payment-description{
    font-size: 18px;
    color: #b7b7b7;
}
.payment-small-description{
    font-size: 14px;
    color: #b7b7b7;
    font-style: italic;
}
.order-success-wrapper{
    padding: 30px 45px 45px;
}
.order-title-wrapper{
    padding-top: 60px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
}
.order-title{
    font-size: 48px;
    color: #005286;
}
.order-description-wrapper{
    padding-top: 45px;
}
.order-description{
    font-size: 18px;
    color: #005286;
}
.order-footer-wrapper{
    padding-top: 30px;
}
.order-footer{
    padding-top: 30px;
    display: flex;
    justify-content: center;
}
.order-footer-wrapper .btn-outline-info{
    font-size: 16px;
    padding: 15px;
}

/* MALEVIK STYLES END*/

#mini-preloader {
    display: none;
}

.mini-preloader {
    position: fixed;
    width: 100px;
    height: 100px;
    z-index: 2049;
    left: 50%;
    margin-left: -50px;
    top: 50%;
    margin-top: -50px;
}

.mini-preloader-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.mini-preloader-inner.mini-preloader-one {
    left: 0%;
    top: 0%;
    animation: mini-preloader-rotate-one 1.15s linear infinite;
    -o-animation: mini-preloader-rotate-one 1.15s linear infinite;
    -ms-animation: mini-preloader-rotate-one 1.15s linear infinite;
    -webkit-animation: mini-preloader-rotate-one 1.15s linear infinite;
    -moz-animation: mini-preloader-rotate-one 1.15s linear infinite;
    border-bottom: 3px solid #d0d0ff;
}

.mini-preloader-inner.mini-preloader-two {
    right: 0%;
    top: 0%;
    animation: mini-preloader-rotate-two 1.15s linear infinite;
    -o-animation: mini-preloader-rotate-two 1.15s linear infinite;
    -ms-animation: mini-preloader-rotate-two 1.15s linear infinite;
    -webkit-animation: mini-preloader-rotate-two 1.15s linear infinite;
    -moz-animation: mini-preloader-rotate-two 1.15s linear infinite;
    border-right: 3px solid #00ff37;
}

.mini-preloader-inner.mini-preloader-three {
    right: 0%;
    bottom: 0%;
    animation: mini-preloader-rotate-three 1.15s linear infinite;
    -o-animation: mini-preloader-rotate-three 1.15s linear infinite;
    -ms-animation: mini-preloader-rotate-three 1.15s linear infinite;
    -webkit-animation: mini-preloader-rotate-three 1.15s linear infinite;
    -moz-animation: mini-preloader-rotate-three 1.15s linear infinite;
    border-top: 3px solid #29a5fd;
}

@keyframes mini-preloader-rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-o-keyframes mini-preloader-rotate-one {
    0% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-ms-keyframes mini-preloader-rotate-one {
    0% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-webkit-keyframes mini-preloader-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-moz-keyframes mini-preloader-rotate-one {
    0% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes mini-preloader-rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-o-keyframes mini-preloader-rotate-two {
    0% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-ms-keyframes mini-preloader-rotate-two {
    0% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-webkit-keyframes mini-preloader-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-moz-keyframes mini-preloader-rotate-two {
    0% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes mini-preloader-rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-o-keyframes mini-preloader-rotate-three {
    0% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-ms-keyframes mini-preloader-rotate-three {
    0% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-webkit-keyframes mini-preloader-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-moz-keyframes mini-preloader-rotate-three {
    0% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

.chat-box-wrapper > div {
    position: relative;
}

.chat-box-wrapper > div i.avatar-icon-add {
    font-size: 16px;
    position: absolute;
    top: 0;
    z-index: 2;
    right: -20px;
}


.fixed-sidebar .app-main .app-main__outer {
    width: calc(100vw - 280px);
}

/* страница пополнения счета */
.payment_page{
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);
    padding: 35px 30px;
    color: #005286;
}
.payment_page .payment_profile{font-size: 1.2rem;}
.payment_page .payment_info_help{color: #A4A4A4;padding: 15px 0 60px 0;display: block;}
.payment_page .fw_b{font-weight: bold;}

.payment_page .payment_info .discount{
    position: absolute;
    top: 15px;
    right: 15px;
    border-radius: 50%;
    background-color: rgb(213, 223, 42);
    width: 50px;
    height: 50px;
    font-size: 16px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
}
#pakets .form-check{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(0, 108, 167);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 15px 30px;
    margin-bottom: 15px;
}
#pakets .form-check.active{
    border-color: transparent;
    background-image: -moz-linear-gradient( 90deg, rgb(0,106,164) 0%, rgb(0,146,225) 99%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,106,164) 0%, rgb(0,146,225) 99%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,106,164) 0%, rgb(0,146,225) 99%);
    color: #FFF;
}

.payment_page .sber{
    background-image: url(/images/sberbank.png);
    width: 80px;
    height: 80px;
    display: block;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin-bottom: 15px;
    width: 100%;
    background-position: center right;
}

.payment_page .bottom_btns{
    float: right;
}
.payment_page .bottom_btns a,
.payment_page .bottom_btns input{
    padding: 10px 30px;
}
/* --- */
@media screen and (max-width: 1249px) {
    .closed-sidebar.fixed-sidebar .app-main__outer {
        width: calc(100vw - 80px);
    }

}

@media screen and (max-width: 991.98px) {
    .app-main .student-index-container{
        position: relative;
        left: 0;
        top: 0;
        background-color: #fff;
        flex-direction: column;
        border-radius: 10px;
        width: calc(100% - 324px);
        padding: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .app-main .index-cloud img{
        display: none;
    }
    .app-main .index-cloud .cloud__text{
        position: inherit;
    }
    .app-main .index-pencil{
        display: none;
    }

    .app-main .index-boy-container{
        position: relative;
        left: 0;
        top: 0;
        display: block;
    }
    .app-main .right-lins{
        left: 44.3%;
    }


    .fixed-sidebar .app-main .app-main__outer {
        width: auto;
    }

    /*все для гамбургера*/
    .closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .logo-src{
        display: block !important;
    }
    .closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .header__pane{margin-left: auto;margin-right: 0 !important;}
    .closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo{width: 100% !important;}
    .closed-sidebar .drawer-nav-btn{
        border-radius: 30px;
        background: #fff;
        position: absolute;
        right: .75rem;
        top: .75rem;
        padding: .5rem;
        box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
        z-index: 20;
    }

    .app-header__logo .header__pane{
        display: block;
    }
    .student-cabinet .app-header .app-header__logo{
        display: flex !important;
        width: 100%;
    }
    .closed-sidebar .header__pane{}
    .closed-sidebar .mobile-burger-menu{
        display: block !important;
        background: #fff;
        height: 100%;
        max-width: 450px;
        position: fixed;
        right: 0;
        top: 0;
        transition: all .2s;
        /*z-index: 9999;*/
    }
    .mobile-burger-menu .burger_name a{
        font-size: 21px;
        padding-top: 40px;
    }
    .mobile-burger-menu .napravlenya{
        padding-top: 30px;
        font-weight: 600;
    }
    .mobile-burger-menu li{
        /*height: 51px;*/
        position: relative;
        border: none;
    }
    .mobile-burger-menu li.spec-mobile a{display: flex;}
    .mobile-burger-menu li.spec-mobile img{
        max-width: 36px;
        height: auto;
    }
    .mobile-burger-menu li .app-header__tab{
        justify-content: flex-start;
    }
    .mobile-burger-menu li.magazin{
        margin-top: 45px;
    }
    .mobile-burger-menu li.magazin a p,
    .mobile-burger-menu li.help a p{
        color: #15537e;
        text-decoration: underline;
    }

}
.price-block-admin{
    padding: 5px 10px;
    font-size: 16px;
    border: 1px solid black;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.price__star.price-block-admin:before{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/images/content/star_full.png);
    background-size: cover;
    margin-right: 5px;
    content: '';
}
.price-radio:checked + .price-block-admin{
    color: #fff;
    background-color: rgba(0,0,0,0.4)
}
/*#order{
    width: fit-content!important;
}
#order-wrapper{
    width: fit-content!important;
    max-width: fit-content!important;
}*/
.product-element{
    justify-content: space-between;
}
.product-image-wrapper, .product-description-wrapper, .product__price-outer{
    width: 33%;
}
.product-image-wrapper{
    padding-right: 10px;
}
.product-description-wrapper{
    padding: 0 10px;
    box-sizing: border-box;
}
.product__price-outer{
    padding-left: 10px;
}
.product-element .button-add-to-cart{
    width: 100%;
    height: 50px;
    font-size: 18px;
}
.product-element .product__image{
    max-width: 100%;
    height: auto;
}
.modal-product-wrapper{
    min-width: 500px;
}
#product_modal, #productAdded{
    display: flex;
    justify-content: center;
    align-items: center;
}
#overlay.show, #productAddedOverlay.show{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 8;
    position: fixed;
    background-color: rgba(0,0,0,0.3);
}
#productAdded.show{
    z-index: 1052;
}
#productAddedOverlay.show{
    z-index: 1051;
}
.close-modal{
    right: 25px;
    position: absolute;
    top: 15px;
}
#product_modal .cart-content-wrapper{
    max-width: 675px;
}
#product_modal .cart-content__title{
    padding-bottom: 0;
    font-size: 28px;
}
#product_modal .product-image-wrapper{
    width: 40%;
}
#product_modal .product-image-wrapper, #product_modal .product__price-outer{
    width: 50%;
}
#product_modal .product-description-wrapper{
    width: 100%;
    margin-top: 20px;
    padding: 0;
}
.product__empty-wrapper{
    font-size: 18px;
    color: #b6b6b6;
}
.next-form.cart-button.disabled{
    pointer-events: none;
}
td.cart-product-type .product__price-wrapper{
    margin-bottom: 0;
}
td.cart-product-type .product__price-wrapper .price-block{
    padding: 0;
}
.table-product .fa-fw{
    display: flex;
    width: 100%;
}
.product__element .product-link{
    max-height: 100%;
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.form-group .admin-price-label:hover{
    background-color: inherit;
    border: none;
    color: #fff;
}
.form-group .admin-price-label:hover .price-block-admin{
    background-color: rgba(0,0,0,0.4);
    color: #fff;
}
.form-group .admin-price-label{
    background-color: inherit;
    border: none;
}
.admin-price-label.btn-outline-focus:not(:disabled):not(.disabled).active,.admin-price-label.btn-outline-focus:not(:disabled):not(.disabled):active{
    background-color: inherit;
}
.addedProduct-title-wrapper{
    font-size: 22px;
}
.added-buttons-wrapper{
    display: flex;
    justify-content: space-between;
}
.added-buttons-wrapper .close-modal-added{
    font-size: 18px;
}
.added-to-cart-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    text-transform: uppercase;
}
#mini-preloader{
    width: 150px;
}
.storage__image{
    max-width: 100%;
    max-height: 100%;
}
.row .select2-container--bootstrap4 {
    width: auto !important;
}
.app-header__tab-text-add-news{
    text-decoration: underline;
}
a.app-header__tab.app-header__tab_shop.app-header__tab_shop-title {
    border-right: none;
}
.order-product-stars{
    display: flex;
}
.order-product-stars:before{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/images/content/star_full.png);
    background-size: cover;
    margin-right: 5px;
    content: '';
}
.btn-secondary.disabled{
    pointer-events: none;
}
.profile-content-container{
    max-width: 700px;
    width: 700px;
}
.profile-content-wrapper{
    width: fit-content;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 5px;
    max-width: 700px;
    width: 700px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}
.profile-tabs .tabs-list{
    display: flex;
    justify-content: space-between;
}
.profile-tabs .tabs-list .tabs-element{
    padding: 15px 30px;
    border-radius: 5px 5px 0 0;
    background-color: rgba(206,229,244,0.3);
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
.profile-tabs .tabs-list .tabs-element.active{
    background-color: #fff;
}
.profile-tab{
    display: none!important;
}
.profile-tab.active{
    display: flex!important;
}
.order-price-stars{
    display: flex;
}
.order-price-stars:after{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/images/content/star_full.png);
    background-size: cover;
    margin-left: 10px;
    content: '';
}
table.profile-orders{
    border-right-color: #fff;
    border-top-color: #fff;
    border-bottom-color: #fff;
}
th.button-cancel, td.button-cancel {
    background: #fff;
    border: 0px solid #fff!important;
}
table.profile-orders tbody tr:last-child td{
    border-bottom: 1px solid  #e9ecef;
}
.button-cancel{
    width: 72px;
}
.button-cancel .order-cancel{
    display: none;
}
.button-cancel .order-cancel.show{
    display: flex;
}
.profile-balance-buttons-wrapper .profile-stars-switch{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px 0 0 5px;
    font-size: 16px;
}
.profile-balance-buttons-wrapper .profile-stars-switch:before{
    display: block;
    width: 21px;
    height: 20px;
    background-image: url(/images/content/star_full.png);
    background-size: cover;
    margin-right: 10px;
    content: '';
}
.profile-balance-buttons-wrapper .profile-money-switch{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 5px 5px 0;
    font-size: 16px;
}
.profile-balance-buttons-wrapper .profile-money-switch:before{
    display: block;
    width: 20px;
    height: 23px;
    background-image: url(/images/content/coin_blau.png);
    background-size: cover;
    margin-right: 10px;
    content: '';
    border-radius: 100%;
    background-color: #fff;
}
.profile-list-wrapper .profile-balance{
    display: none;
    font-size: 24px;
    font-weight: 700;
}
.profile-list-wrapper .profile-balance.active{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.profile-list-wrapper .profile-stars-balance:before{
    display: block;
    width: 24px;
    height: 23px;
    background-image: url(/images/content/star_full.png);
    background-size: contain;
    margin-right: 10px;
    content: '';
}
.profile-list-wrapper .profile-money-balance:before{
    display: block;
    width: 24px;
    height: 27px;
    background-image: url(/images/content/coin_blau.png);
    background-size: contain;
    margin-right: 10px;
    content: '';
}
.profile-list-wrapper .profile-money-balance-add{
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    font-size: 23px;
    font-weight: 400;
    color: #72b3f3;
    background-color: #f7f8fa;
    border-radius: 100%;
    margin-left: 20px;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    text-decoration: none;
}
.profile-list-wrapper .profile-money-balance-add-wrapper{
    display: none;
    justify-content: center;
    align-items: center;
}
.profile-list-wrapper .profile-money-balance-add-wrapper.active{
    display: flex;
}
.profile-list-wrapper .profile-balance-more{
    display: none;
}
.profile-list-wrapper .profile-balance-more.active{
    display: flex;
}
#order-wrapper .products_windrow{
    max-height: 600px;
    height: auto;
    position: absolute;
    top: 24%;
    left: 22%;
    width: 60%;
    z-index: 1130;
}
#order-wrapper .products_windrow .close-product-windrow {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    cursor: pointer;
}
#order-wrapper .products_windrow .close-product-windrow:hover {
    opacity: 1;
}
.product-windrow-overlay{
    display: none;
    position: absolute;
    top: -10vh;
    left: -50vw;
    z-index: 1120;
    width: 150vw;
    height: 150vh;
    background-color: #000;
    opacity: 0.3;
}
.add-product-windrow.fa{
    width: 100%;
    font-size: 20px;
    cursor: pointer;
}
.show .select2{
    width: 100%!important;
}
/* MALEVIK STYLES END*/


.tox-notifications-container{
    display: none;
}

.ck-editor .ck-editor__main .ck-content {
    min-height: 161px;
}


.set-home-word-wrapper + table span.select2{
    width: 100% !important;
}

.set-home-word-wrapper {
    margin: 2px 0 7px;
}
.set-home-word-wrapper .select2 {
    width: 100%;
}
#feedback_form input[type="submit"], .container .begin a.begin__link, .container a.education-next__link {
    margin: 0 auto;
    font-size: 26px;
}
.btn.begin__link {
    display: none;
    position: absolute;
    top: 40vh;
    margin-top: -20px;
}

.already-complete {
    text-align: center;
    font-size: 26px;
    color: #a7a7a7;
}
.empty-lesson{
    text-align: center;
    font-size: 26px;
    color: #a7a7a7;
}
#lesson-completed__wrapper .course-lesson__starter {
    display: inline-block;
}
#lesson-completed__wrapper .your-result {
    font-size: 26px;
    font-weight: bold;
}
#lesson-completed__wrapper .stars-count {
    font-size: 26px;
    margin-bottom: 15px;
    font-weight: bold;
}
#lesson-completed__wrapper .attempt-count {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.report-lesson-day{
    color: #212529;
    background-color: #fff;
    border-color: #212529;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    border: 1px solid;
}
.report-lesson-day.rld-was{
    color: #fff;
    background-color: #4fb63c;
    border-color: #000;
}
.report-lesson-day.rld-wasnt{
    color: #fff;
    background-color: #e62828;
    border-color: #000;
}
.app-header__tab_user .underline{
    text-decoration: underline;
}
.app-header__tab_user:hover .user-tab{
    text-decoration: none;
}
.course-lesson__completed{
    font-size: 18px;
    color: #fff;
}
.student-to-add{
    display: flex;
    justify-content: space-between;
    width: 50%;
    font-size: 18px;
}
.student-to-add .remove-add-student{
    cursor: pointer;
    font-size: 22px;
}
.finance_report .course{
    border: 1px solid black;
    border-radius: 5px;
}
.finance_report .course-header__title{
    font-size: 16px;
    font-weight: 600;
}
.finance_report .course-header{
    border-bottom: 1px solid #e3e3e3;
}
.finance_report .course-header, .finance_report .course-body{
    padding: 10px;
}
.finance_report .course-body__item-title{
    font-size: 16px;
    margin-right: 10px;
}
.finance_report  .course-body__item-value{
    font-size: 16px;
}
.student-index-container{
    /*display: flex;
    justify-content: center;
    position: relative;
    height: 100%*/
    position: absolute;
    left: 16%;
    top: 9%;
    padding: 1% 0 0 0;
}
.index-el-abs{
    position: absolute;
}
.index-cloud{
    /*top: 12%;
    left: 20%;*/
}
.index-cloud .cloud__text{
    position: absolute;
    top: 50%;
    left: 15%;
    color: rgb(1, 85, 128);
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    margin-right: 10px;
}
.index-pencil{
        top: 97%;
    left: 38%;
}
.index-boy-container{
    position: absolute;
    top: -80px;
    left: 99%;
}

.index-boy img{
    width: 308px;
}

.status-lesson.delay{
    color: #a00303;
    font-size: 15px;
}


@media screen and (max-width: 1320px) {
    .index-boy-container{
        top: -3%;
        left: 100%;
    }
    .index-boy img{
        width: 258px;
    }

    .index-pencil{
        left: 59%;
    }
    .index-pencil img{
        width: 500px;
    }
}
@media screen and (max-width: 1200px) {
    .student-index-container{
        left: 20%;
    }
    .index-pencil, .index-boy-container{
        display: none;
    }
}
@media screen and (max-width: 1400px) {
    .student-index-container{
        left: 10%;
    }
}

@media (max-width: 734px) {
    .closed-sidebar .mobile-burger-menu{
        width: 100%;
        max-width: inherit;
        top: 93px;
        height: auto;
        padding-bottom: 15px;
    }
    .info-wrp{
        display: flex;
        justify-content: space-between;
    }
    .spec-wrp{
        margin-right: 30px;
    }
    .mobile-burger-menu .napravlenya{
        padding: 0;
    }
    .mobile-burger-menu li.spec-mobile a{
        padding: 0;
    }
    .foot-wrp{
        display: none;
    }
    .list-group-item{
        padding-left: 0;
    }
    .app-main .student-index-container{
        width: 100%;
        margin-top: 70px;
    }
    .student-cabinet .fixed-header .app-main{
        padding-top: 100px;
    }
    .student-courses{
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 650px) {
    .app-main .student-index-container{
        margin-top: 20px;
    }
}
@media screen and (max-width: 450px) {

    .closed-sidebar .mobile-burger-menu{
        max-width: 100%;
        width: 100%;
    }
    .foot-wrp{
        display: block;
    }
    .info-wrp{
        flex-direction: column;
    }
    .closed-sidebar .mobile-burger-menu{
        height: 100%;
    }
    .mobile-burger-menu li.spec-mobile a{
        padding-left: 30px;
    }
}

@media (max-width: 768px){
    .ex-h-training__menu, .ex-h-checkout__menu{
        width: 50vw;
        left: 0;
    }
    .ex-h-training__menu .ex-h-training__item, .ex-h-checkout__menu .ex-h-checkout__item  {
        width: 100%;
    }
}
@media (max-width: 767px){
    .to-hide{
        display: none;
    }
    .ex-h-training__menu .ex-h-training__item .ex-h-training__link, .ex-h-checkout__menu .ex-h-checkout__item .ex-h-checkout__link{
        padding: 12px 10px 12px 10px;
    }
}

@media (max-width: 374px){
    .ex-h-training__menu, .ex-h-checkout__menu{
        width: 70vw;
    }
}
@media all and (max-width: 425px){
    .app-main .index-cloud .cloud__text{
        font-size: 35px;
    }
    .app-main__outer{
        max-width: 100%;
    }
    .app-main__inner{
        padding: 0;
    }
    .student-courses{
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
    }
    .student-courses.student-index-wrapper{
        width: 100%;
        height: 100%;
        padding: 20px 0;
        margin: 0;
    }
    .student-index-container{
        margin: 0;
        border-radius: 0;
        padding: 0;
        /*height: 100%;*/
    }
    .cloud__text{
        word-break: break-word;
    }
    .student-index-container{
        overflow: hidden;
    }
}


#addExerciseView .modal-dialog.modal-xl {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
#addExerciseView .modal-content {
    height: 100%;
}

#addExerciseFormView {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#addExerciseFormView .modal-body {
    flex: 1 1 100%;
    padding: 0 0 0 0;
}

#addExerciseFormView .row {
    margin: 0 0 0 0;
    height: 100%;
}

#addExerciseViewIFrame {
    height: 100%;
}option:disabled{
    color: rgba(189, 188, 188, 0.8);
}


.dzcomment-wrapper {
    text-align: right;
}
.dzcomment-wrapper textarea {
    resize: none;
    width: 100%;
}

.fake-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.fake-wrapper.hidden{
    display: none;
}


.stud-report-block .card-header {
    cursor: pointer;
}

.stud-report-block .card-header .fa-plus {
    display: inline-block;
    float: right;
    position: absolute;
    right: 15px;
}
.stud-report-block .card-header .fa-minus {
    display: none;
    float: right;
    position: absolute;
    right: 15px;
}

.stud-report-block .card-header.open .fa-plus {
    display: none;
}
.stud-report-block .card-header.open .fa-minus {
    display: inline-block;
}
.journal_student_select{
    position: relative;
}


.log-link {
    margin-left: 20px;
    font-size: 18px;
    margin-top: 3px;
}


.log-block-wrapper {
    position: relative;
}

.log-right-top-block {
    position: absolute;
    top: 15px;
    right: 15px;
}

#modallogs .modal-content {
    padding: 15px;
}


.card-body .shop-content .zero-category-link{
    color: #0056b3;
}

/* fireworks styles */

body {
 margin: 0px;
 padding: 0px;
}

#fireworks-template {
 display:none;
}

#fireContainer {
 position:absolute;
 left:0px;
 top:0px;
 z-index:706;
}

.firework {
 /* containing box which flies out first */
 position:absolute;
 left:0px;
 top:0px;
 font-size:1px;
 width:4px;
 height:4px;
 border:1px solid #333;
 background:#666;
}

.fireworkParticle {
 /* elements that explode from the container */
 position:absolute;
 font-size:1px;
 width:10px;
 height:10px;
 overflow:hidden;
}

.fireworkParticle img {
 display:block;
 width:100px;
}

#sound {
 position:absolute;
 left:-706px;
 top:-706px;
}

#debug {
 position:absolute;
 left:8px;
 top:8px;
 width:220px;
 height:165px;
 overflow:hidden;
 color:#666;
 display:none;
}
.sr-only,.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after,.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after,.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after,.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after,.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after,.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after,.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after,.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after,.bootstrap-datetimepicker-widget .btn[data-action="today"]::after,.bootstrap-datetimepicker-widget .picker-switch::after,.bootstrap-datetimepicker-widget table th.prev::after,.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}/*!
 * Datetimepicker for Bootstrap 3
 * ! version : 4.7.14
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{margin:2px 0;padding:4px;width:19em}@media (min-width: 540px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width: 720px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width: 960px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:.25rem}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#636c72;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eceeef}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#636c72}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px;padding:5px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eceeef;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#636c72}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#0275d8;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#0275d8;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#636c72;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:.25rem}.bootstrap-datetimepicker-widget table td span:hover{background:#eceeef}.bootstrap-datetimepicker-widget table td span.active{background-color:#0275d8;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#636c72}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#636c72;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.input-group.date .input-group-addon{cursor:pointer}