* {
    padding: 0;
    margin: 0;
}
.entrance-page {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-image: url('../img/space.jpg');
    background-position: center;
    background-size: cover;
}

.entrance-page__logo {
    text-align: center;
    margin-bottom: 24px;
}

.entrance-page__form-wrap {
    padding: 40px 50px;
    background: #fff;
    border-radius: 20px;
}

.entrance-page__wrap-scroll {
    height: 100vh;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 40px;
    min-width: 100vw;
}

.entrance-page__content {
    width: 600px;
    padding-bottom: 40px;
}

.template-enter-active, .template-leave-active {
    transition: opacity 0.3s ease;
}

.template-enter, .template-leave-to {
    opacity: 0;
}

.entry-form__text-info {
    margin-bottom: 30px;
}

.entry-form__wrap-link {
    margin-bottom: 15px;
}

.entry-form__text-info p {
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 10px;
    font-family: 'MuseoSansCyrlMedium';
}

.entry-form__wrap-button {
    margin: 0 -5px;
}

.code-entry__image {
    height: 84px;
    text-align: center;
    margin-bottom: 30px;
}

.code-entry__text {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
}

.login-form__icon {
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

    .login-form__icon img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

.login-form__name {
    font-family: 'MuseoSansCyrlBold';
    font-size: 16px;
    line-height: 22px;
    color: var(--color-base);
}

.login-form__item label:hover .login-form__name, .login-form__item input:checked + label .login-form__name {
    color: var(--color-dark-blue);
}

.login-form__item {
    width: 100%;
}

    .login-form__item label {
        display: flex;
        align-items: center;
        width: 100%;
        position: relative;
        border: 1px solid var(--color-grey);
        border-radius: 20px;
        padding: 20px 25px;
        transition: 0.3s ease;
        cursor: pointer;
    }

    .login-form__item input {
        opacity: 0;
        position: absolute;
        z-index: -1;
    }

        .login-form__item input:checked + label {
            border-color: var(--color-dark-blue);
        }

    .login-form__item:hover label {
        border-color: var(--color-dark-blue);
    }

.education-icon {
    width: 100%;
    height: 100%;
}

.education-icon__circle {
    fill: var(--color-light-grey);
    stroke: var(--color-grey);
    transition: 0.3s ease;
}

.education-icon__star {
    fill: var(--color-grey);
    transition: 0.3s ease;
}

.login-form__item:hover label .education-icon__circle, .login-form__item input:checked + label .education-icon__circle {
    fill: var(--color-pink);
    stroke: var(--color-pink);
}

.login-form__item:hover label .education-icon__star, .login-form__item input:checked + label .education-icon__star {
    fill: var(--color-pink);
}

.iding-center-icon {
    width: 100%;
    height: 100%;
}

.iding-center-icon__circle {
    fill: var(--color-light-grey);
    stroke: var(--color-grey);
    transition: 0.3s ease;
}

.iding-center-icon__star {
    fill: var(--color-grey);
    transition: 0.3s ease;
}

.login-form__item:hover label .iding-center-icon__circle, .login-form__item input:checked + label .iding-center-icon__circle {
    fill: #d7e4f2;
    stroke: var(--color-dark-blue);
}

.login-form__item:hover label .iding-center-icon__star, .login-form__item input:checked + label .iding-center-icon__star {
    fill: var(--color-dark-blue);
}

.office-center-icon {
    width: 100%;
    height: 100%;
}

.office-center-icon__circle {
    fill: var(--color-light-grey);
    stroke: var(--color-grey);
    transition: 0.3s ease;
}

.office-center-icon__star {
    fill: var(--color-grey);
    transition: 0.3s ease;
}

.login-form__item:hover label .office-center-icon__circle, .login-form__item input:checked + label .office-center-icon__circle {
    fill: var(--color-yellow);
    stroke: var(--color-yellow);
}

.login-form__item:hover label .office-center-icon__star, .login-form__item input:checked + label .office-center-icon__star {
    fill: var(--color-yellow);
}

.b-icon.dx-icon-clear {
    color: var(--color-pink);
    font-size: 16px;
    position: absolute;
    top: 14px;
    left: 18px;
}

.dx-icon-clear {
    font: 14px/1 DXIcons;
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .entrance-page__wrap-scroll {
        padding-left: 10px;
        padding-right: 10px;
    }

    .entrance-page__content {
        max-width: 600px;
        width: auto;
    }

    .entrance-page__form-wrap {
        padding: 20px;
    }
}


    .b-icon--eye-non, .b-icon--eye {
        color: #a2a2a2;
        position: absolute;
        right: 2px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        padding: 10px;
        z-index: 1;
        transition: none;
    }
.b-icon--eye-non {
    font-size: 13px;
}
.b-icon--eye {
    font-size: 11px;
}
.b-icon--lock {
    font-size: 13px;
}
.b-icon--calendar {
    font-size: 14px;
    position: absolute;
    right: 13px;
    top: 50%;
    height: auto !important;
}
.b-icon.dx-icon-clear {
    color: #EF465B;
    font-size: 16px;
    position: absolute;
    top: 14px;
    left: 18px;
}
.b-icon.dx-icon-spindown {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    font-size: 30px;
}
.dx-accordion-item-opened .b-icon.dx-icon-spindown {
    transform: translateY(-50%) rotate(180deg);
}
.b-icon--clarification {
    font-size: 14px;
}
.b-icon--close {
    color: #144579;
    font-size: 16px;
    line-height: 16px;
    padding: 10px;
    cursor: pointer;
}
.b-icon--send {
    font-size: 24px;
}
.b-icon--clip {
    font-size: 22px;
    line-height: 22px;
}
.b-icon--copy {
    font-size: 16px;
    line-height: 16px;
}
.b-icon.b-icon--down-bottom {
    font-size: 25px !important;
    line-height: 20px !important;
    position: relative;
    font-size: 15px;
    line-height: 25px;
    position: relative;
    transform: none;
    top: auto;
    right: auto;
    margin-left: 5px;
}
.b-icon--assign-test.icon-list {
    font-size: 13px;
    line-height: 13px;
    margin-right: 10px;
}
.b-icon--copy-link {
    font-size: 14px;
    line-height: 14px;
    margin-right: 10px;
}
.b-icon--get-result {
    font-size: 14px;
    line-height: 14px;
    margin-right: 10px;
}
.b-icon--print {
    font-size: 13px;
    line-height: 13px;
}
.b-icon--add, .b-icon--eye-table, .b-icon--eye-non-table {
    line-height: normal;
    margin-right: 10px;
    margin-top: 2px;
}
.b-icon--eye-table {
    font-size: 10px;
    transition: color 0s ease;
}
.b-icon--eye-non-table {
    font-size: 12px;
    transition: color 0.3s ease;
}
.b-icon.b-icon--minus, .b-icon.b-icon--plus {
    color: #144579;
    font-size: 22px;
    line-height: 22px;
    transition: color 0.3s ease;
}
.button--minus.dx-state-hover .b-icon.b-icon--minus, .button--minus.dx-state-hover .b-icon.b-icon--plus, .button--minus.dx-state-active .b-icon.b-icon--minus, .button--minus.dx-state-active .b-icon.b-icon--plus, .button--plus.dx-state-hover .b-icon.b-icon--minus, .button--plus.dx-state-hover .b-icon.b-icon--plus, .button--plus.dx-state-active .b-icon.b-icon--minus, .button--plus.dx-state-active .b-icon.b-icon--plus {
    color: #3b7cbe;
}
.b-icon.b-icon--retweet {
    color: #144579;
    font-size: 18px;
    transition: color 0.3s ease;
}
.button--rotate.dx-state-hover .b-icon.b-icon--retweet, .button--rotate.dx-state-active .b-icon.b-icon--retweet {
    color: #3b7cbe;
}

.form .dx-field-error {
    margin-top: 4px;
    color: #ef465b;
    display: inline-block;
}

.form .dx-texteditor.dx-editor-outlined.dx-invalid {
    border-color: #ef465b;
}


.code-entry__image {
    height: 84px;
    text-align: center;
    margin-bottom: 30px;
}
.code-entry__image img {
    height: 100%;
    width: auto;
}
.code-entry__text {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
}


.login-form__icon {
    width: 50px;
    height: 50px;
    margin-right: 20px;
}
.login-form__icon img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.login-form__name {
    font-family: 'MuseoSansCyrlBold';
    font-size: 16px;
    line-height: 22px;
    color: #262626;
}
.login-form__item label:hover .login-form__name, .login-form__item input:checked + label .login-form__name {
    color: #144579;
}
.login-form__item {
    width: 100%;
}
.login-form__item label {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    border: 1px solid #E3E3E3;
    border-radius: 20px;
    padding: 20px 25px;
    transition: 0.3s ease;
    cursor: pointer;
}
.login-form__item input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.login-form__item input:checked + label {
    border-color: #144579;
}
.login-form__item:hover label {
    border-color: #144579;
}

.title {
    color: #144579;
    font-family: 'MuseoSansCyrlBold';
    margin: 0;
}

.row {
    margin: 0 -10px;
    flex-wrap: wrap;
}
.row {
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
}
.login-form__item label {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    border: 1px solid #e3e3e3;
    border-radius: 20px;
    padding: 20px 25px;
    transition: .3s ease;
    cursor: pointer;
}
.login-form__icon {
    width: 50px;
    height: 50px;
    margin-right: 20px;
}
.iding-center-icon {
    width: 100%;
    height: 100%;
}
.login-form__name {
    font-family: 'MuseoSansCyrlBold';
    font-size: 16px;
    line-height: 22px;
    color: #262626;
}

.b-icon--login-form {
    color: #262626;
    position: absolute;
    right: 25px;
    font-size: 14px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s ease;
}
.b-icon {
    line-height: 0;
    display: inline-flex;
    font-size: 12px;
    transition: .3s ease;
}

.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{height:15px;bottom:0}.ps__rail-x,.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;position:absolute}.ps__rail-y{width:15px;right:0}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px}.ps__thumb-x,.ps__thumb-y{background-color:#aaa;border-radius:6px;position:absolute}.ps__thumb-y{transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.ps{overflow:auto!important}}.ps-container{position:relative}

.row {
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
}
.col {
    flex: 1 1 auto;
    margin: 0 10px;
}
.menu {
    height: 100%;
    background: var(--color-black);
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 64px;
    z-index: 90;
}
.entrance .menu {
    display: none;
}
@media (max-width: 1024px) {
    .menu {
        position: absolute;
    }
}
.menu__logo {
    display: none;
}
.menu__icon-menu {
    padding: 18px 23px 14px;
    cursor: pointer;
}
.menu__close-submenu {
    margin-left: auto;
    color: white;
    padding-right: 15px;
    cursor: pointer;
}
.menu__top {
    padding: 14px 0 8px;
    border-bottom: 1px solid rgba(227, 227, 227, 0.3);
    display: flex;
    align-items: center;
}
.menu__list {
    color: #fff;
    padding-top: 16px;
    width: 100%;
}
.menu__list--bottom {
    padding-top: 20px;
    border-top: 1px solid rgba(227, 227, 227, 0.3);
    padding-bottom: 10px;
    margin-top: auto;
    margin-bottom: 0;
}
.menu__wrap-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: calc(100vh - 75px);
}
.open .menu__wrap-list {
    opacity: 0;
    -webkit-animation-name: show-list;
    animation-name: show-list;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.menu__wrap-scroll {
    height: calc(100vh - 75px);
    overflow: hidden;
}
.menu__item-wrap {
    background: transparent;
    transition: .3s ease;
    box-sizing: border-box;
    opacity: 0.6;
    position: relative;
}
.open .menu__item-wrap {
    width: 100%;
}
.menu__item-wrap:hover {
    background: rgba(244, 244, 244, 0.1);
    opacity: 1;
}
.menu__item-wrap.link::after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12.7295 5.64551L7.19531 0.842285C7.15283 0.805664 7.09863 0.785156 7.0415 0.785156H5.74512C5.63672 0.785156 5.58691 0.919922 5.66895 0.990234L10.7988 5.44336H0.226562C0.162109 5.44336 0.109375 5.49609 0.109375 5.56055V6.43945C0.109375 6.50391 0.162109 6.55664 0.226562 6.55664H10.7974L5.66748 11.0098C5.58545 11.0815 5.63525 11.2148 5.74365 11.2148H7.08398C7.11182 11.2148 7.13965 11.2046 7.16016 11.1855L12.7295 6.35449C12.7802 6.31039 12.8209 6.25593 12.8487 6.19478C12.8766 6.13362 12.891 6.0672 12.891 6C12.891 5.9328 12.8766 5.86638 12.8487 5.80522C12.8209 5.74407 12.7802 5.68961 12.7295 5.64551Z' fill='white'/%3E %3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 14px;
    height: 14px;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    pointer-events: none;
}
.menu__item-wrap::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 3px;
    background: transparent;
    top: 0;
    left: 0;
    transition: .3s ease;
}
.menu__item-wrap.active {
    opacity: 1;
}
.menu__item-wrap.active::before {
    background: #fff;
}
.menu__item-wrap.active::after {
    transform: rotate(-40deg);
}
.menu .menu__item {
    display: flex;
    align-items: center;
    height: 42px;
    cursor: pointer;
    padding: 0 23px 0 23px;
    text-decoration: none;
    color: #fff;
    align-content: center;
}
.menu__icon-wrap {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 16px;
}
.menu__name {
    width: calc(100% - 16px);
    padding-left: calc(100vw * 13 / 1440);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 15px;
}
@media (max-width: 1024px) {
    .menu__name {
        width: 164px;
        padding-left: 9px;
    }
}
.menu.open .menu__logo {
    display: inline-block;
}
.menu.open .menu__item-wrap.link::after {
    opacity: 1;
}
.menu.open .menu__name {
    display: inline-block;
}
.menu__title-lvl2 {
    font-size: calc((100vw - 1440px) / (1920 - 1440) * (20 - 16) + 16px);
    line-height: calc((100vw - 1440px) / (1920 - 1440) * (26 - 22) + 22px);
    margin-bottom: 24px;
    font-family: 'MuseoSansCyrlMedium';
}
@media (max-width: 1024px) {
    .menu__title-lvl2 {
        font-size: 12px;
        line-height: 18px;
    }
}
.menu__list-lvl2 {
    color: #FFFFFF;
    margin-bottom: 12px;
    width: 206px;
    /*break-inside: avoid;*/
}
.menu__list-lvl2 span {
    font-size: calc((100vw - 1440px) / (1920 - 1440) * (20 - 16) + 16px);
    line-height: calc((100vw - 1440px) / (1920 - 1440) * (26 - 22) + 22px);
}
@media (max-width: 1024px) {
    .menu__list-lvl2 {
        width: 150px;
    }
    .menu__list-lvl2 span {
        font-size: 12px;
        line-height: 18px;
    }
}
.menu__menu-lvl2 {
    box-shadow: 4px 0px 7px rgba(50, 50, 50, 0.12), 9px 4px 21px rgba(40, 43, 47, 0.15);
    border-radius: 0px 20px 20px 0px;
    padding: 20px 10px;
    background: var(--color-black);
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: calc((100vw - 1440px) / (1920 - 1440) * (340 - 284) + 284px);
    height: 100vh;
    border-left: 1px solid rgba(227, 227, 227, 0.3);
}
@media (max-width: 1024px) {
    .menu__menu-lvl2 {
        left: 236px;
    }
}
.menu__wrap-list-lvl2 {
    cursor: default;
    /*columns: 206px auto;*/
    height: 100%;
}
.menu .menu__link-lvl2 {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    transition: .3s ease;
    cursor: pointer;
}
.menu .menu__link-lvl2:hover {
    color: var(--color-rainy);
}
.menu .menu__link-lvl3 {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}
.menu .menu__link-lvl3:hover {
    color: var(--color-rainy);
}
.menu__list-lvl3 {
    width: 100%;
    margin-bottom: 12px;
}
.menu__list-lvl3:first-of-type {
    margin-top: 18px;
}
.menu__list-lvl3 span {
    font-size: calc((100vw - 1440px) / (1920 - 1440) * (18 - 14) + 14px);
    line-height: calc((100vw - 1440px) / (1920 - 1440) * (24 - 20) + 20px);
}
@media (max-width: 1024px) {
    .menu__list-lvl3 span {
        font-size: 12px;
        line-height: 18px;
    }
}
.menu.open {
    -webkit-animation-name: show-menu;
    animation-name: show-menu;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    width: calc((100vw - 1440px) / (1920 - 1440) * (340 - 284) + 284px);
}
@media (max-width: 1024px) {
    .menu.open {
        width: 236px;
        -webkit-animation: none;
        animation: none;
    }
}
@-webkit-keyframes show-menu {
    0% {
        width: 64px;
    }
    100% {
        width: calc((100vw - 1440px) / (1920 - 1440) * (340 - 284) + 284px);
    }
}
@keyframes show-menu {
    0% {
        width: 64px;
    }
    100% {
        width: calc((100vw - 1440px) / (1920 - 1440) * (340 - 284) + 284px);
    }
}
@-webkit-keyframes show-list {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes show-list {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.select.dx-texteditor.dx-editor-outlined {
    border: 1px solid #E3E3E3;
    box-sizing: border-box;
    border-radius: 3px;
    transition: .6s ease;
}
.select.dx-texteditor.dx-editor-outlined.dx-show-clear-button:not(.dx-texteditor-empty) .dx-dropdowneditor-button {
    display: none !important;
}
.select.dx-texteditor.dx-editor-outlined .dx-dropdowneditor-button .dx-icon-clear {
    color: #a2a2a2;
    font-size: 14px;
}
.select .dx-texteditor-input {
    font-family: 'MuseoSansCyrlLight', sans-serif;
    padding: 8px 14px;
    font-size: 16px;
    line-height: 22px;
    color: #262626;
}
.select .dx-placeholder {
    font-size: 16px;
    line-height: 22px;
    color: #a2a2a2;
}
.select .dx-placeholder::before {
    padding: 8px 14px;
}
.select .dx-button-mode-contained {
    transition: .2s ease;
}
.select .dx-dropdowneditor-icon {
    font-size: 32px;
}
.select .dx-dropdowneditor-icon::before {
    margin: 0;
    transform: translate(0%, -50%);
    text-align: center;
    display: flex;
    left: 0;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s;
}
.select.dx-state-hover.dx-texteditor.dx-editor-outlined, .select.dx-dropdowneditor-active.dx-texteditor.dx-editor-outlined, .select.dx-texteditor.dx-state-focused.dx-editor-outlined.dx-texteditor.dx-editor-outlined {
    border-color: #a2a2a2;
}
.select.dx-dropdowneditor-active .dx-button-mode-contained .dx-dropdowneditor-icon::before {
    transform: translate(0%, -50%) rotate(180deg);
}
.select.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.select.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
.select.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.select.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    background: transparent;
}
.select--border.dx-texteditor.dx-editor-outlined {
    border-color: #E3E3E3;
}
.select--border.dx-state-hover.dx-texteditor.dx-editor-outlined {
    border-color: #3b7cbe;
    box-shadow: none;
}
.select--border.dx-dropdowneditor-active {
    border-color: #144579;
    box-shadow: 0px 0px 10px rgba(20, 69, 121, 0.2);
}
.select--border.dx-dropdowneditor-active .dx-icon-chevrondown {
    color: #262626;
}
.select--border.dx-texteditor.dx-state-focused.dx-editor-outlined {
    border-color: #E3E3E3;
}
.select--border .dx-icon-chevrondown {
    font-size: 18px;
    line-height: 18px;
    height: 18px;
}
.select--border .dx-dropdowneditor-button.dx-button-mode-contained {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
    margin-right: 4px;
}
.dx-overlay-content .dx-popup-normal {
    border: 1px solid #E3E3E3;
    box-shadow: 0px 16px 24px rgba(50, 50, 50, 0.06), 0px 2px 6px rgba(50, 50, 50, 0.04), 0px 0px 1px rgba(50, 50, 50, 0.04);
    border-radius: 5px;
}
.dx-overlay-content .dx-popup-content {
    box-sizing: border-box;
}
.dx-dropdownlist-popup-wrapper.dx-selectbox-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
    padding: 5px 12px;
}
.dx-dropdownlist-popup-wrapper .dx-list-item-content {
    font-size: 14px;
    line-height: 20px;
    color: #262626;
}
.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover,
.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background: #f4f4f4;
}
.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background: var(--color-light-blue);
    font-family: 'MuseoSansCyrlMedium';
}
.dx-button.button {
    background: #144579;
    border: none;
    border-radius: 30px;
    font-family: 'MuseoSansCyrlMedium', sans-serif;
    color: #fff;
    transition: .3s ease;
    flex-shrink: 0;
}
.dx-field-value:not(.dx-widget) > .dx-button.button {
    float: none;
}
.dx-button.button.dx-state-focused {
    background: #144579;
    border: none;
}
.dx-button.button .dx-button-content {
    padding: 8px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}
.dx-button.button .dx-button-content .red {
    color: #EF465B;
    margin-right: 6px;
}
.dx-button.button--border {
    border: 1px solid #144579;
    background: #fff;
    color: #144579;
}
.dx-button.button--border.dx-state-focused {
    border: 1px solid #144579;
    background: #fff;
    color: #144579;
}
.dx-button.button--add-refernce {
    margin-top: 30px;
}
.dx-button.button--popup .dx-button-content {
    padding: 6px 22px;
}
.dx-button.button--popup .dx-button-text {
    line-height: 20px;
}
.dx-button.button--popup + .dx-button.button--popup {
    margin-left: 10px;
}
.dx-button.button--popup.button--border.dx-state-focused {
    color: #fff;
    border: 1px solid #144579;
}
.dx-button.button.dx-state-hover {
    background: #3b7cbe;
    color: #fff;
    border-color: #3b7cbe;
}
.dx-button.button.dx-state-active {
    background: #002853;
    color: #fff;
    border-color: #002853;
}
.dx-button.button.dx-state-disabled {
    background: #E3E3E3;
    border-color: #E3E3E3;
    opacity: 1;
}
.dx-button.button.dx-state-disabled .dx-button-text {
    opacity: 1;
}
.dx-button.button--bell {
    padding: 0;
    background: transparent;
    border: 1px solid transparent;
    width: 38px;
    height: 38px;
    position: relative;
}
.dx-button.button--bell.dx-state-focused {
    background: transparent;
    border: 1px solid transparent;
}
.dx-button.button--bell .dx-button-content {
    padding: 0;
    align-items: center;
    justify-content: center;
}
.dx-button.button--bell .counter {
    background: #EF465B;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    font-size: 10px;
    line-height: 14px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: .3s ease;
}
.dx-button.button--bell.dx-state-hover {
    background: #f4f4f4;
    border-color: #E3E3E3;
}
.dx-button.button--bell.dx-state-active, .dx-button.button--bell.open {
    background: #FFEFF1;
    border-color: #FFEFF1;
}
.dx-button.button--bell.dx-state-active .counter, .dx-button.button--bell.open .counter {
    opacity: 0;
}
.dx-button.button--bell.dx-state-disabled {
    background: transparent;
    border-color: transparent;
    opacity: .3;
}
.dx-button.button--bell.dx-state-disabled .dx-button-text {
    opacity: 0;
}
.dx-button.button--output {
    background: transparent;
    border: 2px solid transparent;
    width: 38px;
    height: 38px;
}
.dx-button.button--output.dx-state-focused {
    background: transparent;
    border: 2px solid transparent;
}
.dx-button.button--output .dx-button-content {
    padding: 0;
    align-items: center;
    justify-content: center;
}
.dx-button.button--output.dx-state-hover {
    background: #f4f4f4;
    border-color: #f4f4f4;
}
.dx-button.button--output.dx-state-active {
    background: #f4f4f4;
    border-color: #262626;
}
.dx-button.button--output.dx-state-disabled {
    background: transparent;
    border-color: transparent;
    opacity: .3;
}
.dx-button.button--question {
    background: transparent !important;
}
.dx-button.button--question.dx-state-focused {
    background: transparent;
}
.dx-button.button--question .dx-button-content {
    padding: 0;
}
.dx-button.button--question.dx-state-hover, .dx-button.button--question.dx-state-active {
    background: transparent;
}
.dx-button.button--submit {
    width: 100%;
    margin-top: 5px;
}
.dx-button.button--submit .dx-button-content {
    padding: 13px;
}
.dx-button.button--send {
    background: transparent;
    padding: 10px;
    width: 40px;
    height: 40px;
    padding: 0;
    color: #144579;
}
.dx-button.button--send .dx-button-content {
    padding: 0;
}
.dx-button.button--send.dx-state-hover, .dx-button.button--send.dx-state-active {
    background: transparent;
}
.dx-button.button--send.dx-state-hover {
    color: #3b7cbe;
}
.dx-button.button--send.dx-state-active {
    color: #0E3864;
}
.dx-button.button--down .dx-button-content {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    padding: 6px 22px;
}
.openList .dx-button.button--down {
    background: #3b7cbe;
}
.openList .dx-button.button--down .b-icon {
    transform: rotate(180deg);
}
.dx-button.button--entrance-test {
    transition-property: background-color, border-color, color;
    transition-duration: 0.3s;
}
.dx-button.button--entrance-test .dx-button-content {
    padding: 6px 22px;
    flex-direction: row-reverse;
    align-items: center;
}
.dx-button.button--entrance-test .dx-button-content span {
    display: inline-block;
    line-height: 20px;
    transition: color 0.3s;
}
.dx-button.button--entrance-test.dx-state-disabled {
    background-color: #ffffff;
    color: #E3E3E3;
}
.dx-button.button--entrance-test:hover {
    background-color: #FFFFFF;
    border-color: #3b7cbe;
    color: #3b7cbe;
}
.dx-button.button--add .dx-button-content, .dx-button.button--visible .dx-button-content {
    padding: 8px 22px;
}
.dx-button.button--plus, .dx-button.button--minus, .dx-button.button--rotate {
    background: none !important;
    margin-top: -4px;
}
.dx-button.button--plus .dx-button-content, .dx-button.button--minus .dx-button-content, .dx-button.button--rotate .dx-button-content {
    padding: 10px;
}
.dx-button.button--program-selection .dx-field-label__text {
    color: #fff;
}
.header {
    padding: 17px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.entrance .header {
    display: none;
}
.header__institution {
    display: flex;
    align-items: center;
}
.header__institution-span {
    padding-right: 10px;
}
.header__select {
    width: calc(100vw * 240 / 1440);
}
.header__select .dx-texteditor-container .dx-texteditor-input {
    font-family: 'MuseoSansCyrlMedium';
}
@media (max-width: 1024px) {
    .header__select {
        width: 170px;
    }
}
.header__info {
    display: flex;
    align-items: center;
}
.header__output {
    margin-right: -10px;
    margin-left: 22px;
}
.header__position {
    font-size: calc((100vw - 1440px) / (1920 - 1440) * (22 - 18) + 18px);
    line-height: calc((100vw - 1440px) / (1920 - 1440) * (26 - 22) + 22px);
    font-family: 'MuseoSansCyrlBold', sans-serif;
}
@media (max-width: 1024px) {
    .header__position {
        font-size: 14px;
        line-height: 18px;
    }
}
.header__name {
    color: #a2a2a2 !important;
    transition: .3s ease;
    line-height: 24px;
    text-decoration: none;
}
.header__name:hover {
    color: #262626 !important;
}
.header__name:active {
    font-family: 'MuseoSansCyrlMedium';
}
.header__user {
    text-align: right;
    margin-left: 16px;
}
.header__bell {
    margin-left: 32px;
    position: relative;
}
.header__working-space {
    display: inline-flex;
    align-items: center;
}
.header__working-icon {
    width: 36px;
    height: 36px;
    margin-right: 10px;
}
.header__working-icon img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.header__working-name {
    font-size: 22px;
    line-height: 30px;
    font-family: 'MuseoSansCyrlBold';
}
.cloud {
    border: 1px solid #E3E3E3;
    box-shadow: 0px 21px 69px -21px rgba(15, 15, 15, 0.12);
    border-radius: 15px;
    background: #fff;
    position: absolute;
    top: 100%;
    right: 0;
    width: 546px;
    z-index: 10;
    margin-top: 6px;
}
.cloud__title {
    font-size: 22px;
    line-height: 31px;
    border-bottom: 1px solid #E3E3E3;
    padding: 20px 20px 10px;
    font-family: 'MuseoSansCyrlBold';
}
.cloud__list {
    display: block;
    text-decoration: none;
    color: #262626 !important;
    padding: 10px 86px 10px 20px;
    width: 100%;
    margin-bottom: 6px;
    background: transparent;
    transition: .3s ease;
    position: relative;
}
.cloud__list span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cloud__list:last-child {
    margin-block: 0;
}
.cloud__list:hover {
    background: #f4f4f4;
}
.cloud__list::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #144579;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    transition: .3s ease;
}
.cloud__list::after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12.7295 5.14551L7.19531 0.342285C7.15283 0.305664 7.09863 0.285156 7.0415 0.285156H5.74512C5.63672 0.285156 5.58691 0.419922 5.66895 0.490234L10.7988 4.94336H0.226562C0.162109 4.94336 0.109375 4.99609 0.109375 5.06055V5.93945C0.109375 6.00391 0.162109 6.05664 0.226562 6.05664H10.7974L5.66748 10.5098C5.58545 10.5815 5.63525 10.7148 5.74365 10.7148H7.08398C7.11182 10.7148 7.13965 10.7046 7.16016 10.6855L12.7295 5.85449C12.7802 5.81039 12.8209 5.75593 12.8487 5.69478C12.8766 5.63362 12.891 5.5672 12.891 5.5C12.891 5.4328 12.8766 5.36638 12.8487 5.30522C12.8209 5.24407 12.7802 5.18961 12.7295 5.14551Z' fill='%23262626'/%3E %3C/svg%3E ");
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 14px;
    height: 14px;
    right: 18px;
    top: 12px;
    margin: auto;
}
.cloud__list.notViewed {
    padding-left: 38px;
}
.cloud__list.notViewed::before {
    opacity: 1;
}
.cloud__list-wrap {
    margin: 10px 0;
}
.cloud__wrap-button {
    padding: 20px;
    text-align: right;
    border-top: 1px solid #E3E3E3;
}

question {
    position: fixed;
    right: 38px;
    bottom: 18px;
    z-index: 10;
}
.question__svg-background {
    fill: var(--color-light-green);
    transition: .3s ease;
}
.dx-state-hover .question__svg-background {
    opacity: .6;
}
.dx-state-active .question__svg-background {
    opacity: 1;
    fill: #8FB800;
}


.showHidePwd {
    display: inline-block;
    background-position: 0px 6px;
    width: 28px;
    height: 28px;
    text-align: left;
    background-image: url(../img/eye-closed.svg);
    background-repeat: no-repeat;
}

    .showHidePwd.eye-opened {
        display: inline-block;
        background-position: 0px 0px;
        width: 28px;
        height: 28px;
        text-align: left;
        background-image: url(../img/eye-opened.svg);
        background-repeat: no-repeat;
    }

.show_hide_password {
    position: relative;
}

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