.sidebar {
    background: var(--blue-main);
}

.sidebar__level2-links {
    background: var(--blue-darken-10);
}

.sidebar__link--active {
    background: var(--blue-main-hover);
}

.sidebar__link:hover, .sidebar__toggle-head:hover {
    background: var(--blue-main-hover);
}

.sidebar__title-logo {
    background-image: url(/Dist/images/logo--small-transliner.png);
}

.sidebar--opened .sidebar__title-logo {
    background-image: url(/Dist/images/logo--sidebar-transliner.png);
}

.auth-form-page {
    justify-content: center;
    align-items: initial;
    padding: 0;
}

.auth-form {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 15%;
    max-width: 100vw;
}

.auth-form-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100vh;
}

.auth-form--logo {
    position: relative;
    background-color: var(--blue-main);
}

.auth-form--logo_img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15%;
    right: 15%;
    background-image: url(/Dist/images/authorize-logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.auth-form__submit {
    background: var(--blue-main);
}

    .auth-form__submit:hover {
        background: var(--blue-main-hover);
    }

.auth-form__footer {
    position: absolute;
    right: 0px;
    bottom: -20px;
    left: 0;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
}

.auth-form__footer-techinfo {
    position: absolute;
    right: 30px;
    bottom: -20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
}

.sidebar__title-logo {
    filter: none;
}

@media (max-width: 1100px) {
    .auth-form-container {
        grid-template-columns: 1fr;
    }

    .auth-form--logo {
        display: none;
    }
}

@media (max-width: 769px) {
    .auth-form {
        padding: 0 15px;
    }
}