/* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css"); */
@import url("fonts.css");

.page-auth {
    overflow: hidden;

    /* Раскомментировать если хотим картинку на всю подложку */
    /* background: url(/assets/img/auth/auth_bg.png) no-repeat center center; */
    /* background-size: cover; */
}

.page-auth * {
    font-family: 'FF Good Pro', sans-serif;
}

.page-auth main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
}

.page-auth .img_welcome {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: url(/assets/img/auth/auth_bg_2.png) no-repeat right center;
    background-size: contain;
}

.page-auth .img_welcome+aside {
    padding-left: 0;
}

.page-auth aside {
    background-color: #fff;
    /* width: 33%; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* align-items: center; */
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
    padding-left: 150px;
    padding-right: 200px;
    /* flex: 1 1 33%; */
    /* max-width: 33%; */
}

.page-auth form {
    width: 420px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.page-auth fieldset {
    margin-top: 54px;
    width: 100%;
}

.page-auth h1 {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    margin-bottom: 30px;
    font-size: 43px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.page-auth .login-group input,
.page-auth .password-group input {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #EAEAEA;
    height: 60px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-size: 18px;
    font-style: normal;
    font-weight: 350;
    line-height: 150%;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    border: none;
}

.page-auth input::-webkit-input-placeholder {
    color: #909090;
}

.page-auth input::-moz-placeholder {
    color: #909090;
}

.page-auth input:-ms-input-placeholder {
    color: #909090;
}

.page-auth input::-ms-input-placeholder {
    color: #909090;
}

.page-auth input::placeholder {
    color: #909090;
}

.page-auth .error-text.hide {
    visibility: hidden;
}

.page-auth .standart-btn,
.page-auth button[type=submit] {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: var(--Gauss_orange, #EE7203);
    color: #FFF;
    text-decoration: none !important;
    leading-trim: both;
    text-edge: cap;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    border: none;
    height: 60px;
    display: -ms-grid;
    display: grid;
    place-content: center;
    outline: none;
    width: 100%;
    margin-top: 80px;
}

.page-auth button[type=submit]:disabled {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: transparent;
    border: 2px solid #DCDCDC;
    color: #FFF;
    color: #DCDCDC;
}

.page-auth .error-text {
    position: absolute;
    bottom: 0;
}

.page-auth .password-group {
    position: relative;
    margin-top: 32px;
}

.page-auth .view-toggle {
    right: 30px;
    width: 22px;
    position: absolute;
    top: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.page-auth .view-toggle.view-toggle--on {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='13' viewBox='0 0 22 13' fill='none'%3E%3Cpath d='M10.9999 -6.10352e-05C15.169 -6.10352e-05 19.0203 2.32654 21.2001 6.1496L21.3999 6.4999L21.2001 6.85022C19.0208 10.6732 15.1691 12.9999 10.9999 12.9999C6.83094 12.9999 2.97933 10.6732 0.799599 6.85027L0.599854 6.49994L0.799598 6.14961C2.97938 2.32654 6.8307 -6.10352e-05 10.9999 -6.10352e-05ZM10.9999 1.44438C7.5941 1.44438 4.41352 3.24631 2.44748 6.27606L2.30581 6.49994L2.44748 6.7238C4.4135 9.75346 7.59432 11.5555 10.9999 11.5555C14.4888 11.5555 17.7416 9.66446 19.6939 6.49997C17.7412 3.3353 14.4886 1.44438 10.9999 1.44438ZM10.9998 2.88883C13.0498 2.88883 14.7116 4.50558 14.7116 6.49994C14.7116 8.4943 13.0498 10.111 10.9998 10.111C8.94982 10.111 7.28799 8.4943 7.28799 6.49994C7.28799 4.50558 8.94982 2.88883 10.9998 2.88883ZM10.9998 4.33327C9.76981 4.33327 8.77271 5.30332 8.77271 6.49994C8.77271 7.69656 9.76981 8.6666 10.9998 8.6666C12.2298 8.6666 13.2269 7.69656 13.2269 6.49994C13.2269 5.30332 12.2298 4.33327 10.9998 4.33327Z' fill='%23B9B9B9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.4096 0.854068C20.6559 1.2645 20.5228 1.79686 20.1123 2.04312L2.779 12.4431C2.36857 12.6894 1.83621 12.5563 1.58995 12.1459C1.34368 11.7354 1.47677 11.2031 1.88721 10.9568L19.2205 0.556804C19.631 0.310542 20.1633 0.443632 20.4096 0.854068Z' fill='%23B9B9B9'/%3E%3C/svg%3E");
}

.page-auth .view-toggle.view-toggle--off {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='13' viewBox='0 0 22 13' fill='none'%3E%3Cpath d='M10.9999 -6.10352e-05C15.169 -6.10352e-05 19.0203 2.32654 21.2001 6.1496L21.3999 6.4999L21.2001 6.85022C19.0208 10.6732 15.1691 12.9999 10.9999 12.9999C6.83094 12.9999 2.97933 10.6732 0.799599 6.85027L0.599854 6.49994L0.799598 6.14961C2.97938 2.32654 6.8307 -6.10352e-05 10.9999 -6.10352e-05ZM10.9999 1.44438C7.5941 1.44438 4.41352 3.24631 2.44748 6.27606L2.30581 6.49994L2.44748 6.7238C4.4135 9.75346 7.59432 11.5555 10.9999 11.5555C14.4888 11.5555 17.7416 9.66446 19.6939 6.49997C17.7412 3.3353 14.4886 1.44438 10.9999 1.44438ZM10.9998 2.88883C13.0498 2.88883 14.7116 4.50558 14.7116 6.49994C14.7116 8.4943 13.0498 10.111 10.9998 10.111C8.94982 10.111 7.28799 8.4943 7.28799 6.49994C7.28799 4.50558 8.94982 2.88883 10.9998 2.88883ZM10.9998 4.33327C9.76981 4.33327 8.77271 5.30332 8.77271 6.49994C8.77271 7.69656 9.76981 8.6666 10.9998 8.6666C12.2298 8.6666 13.2269 7.69656 13.2269 6.49994C13.2269 5.30332 12.2298 4.33327 10.9998 4.33327Z' fill='%23B9B9B9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.4096 0.854068C20.6559 1.2645 20.5228 1.79686 20.1123 2.04312L2.779 12.4431C2.36857 12.6894 1.83621 12.5563 1.58995 12.1459C1.34368 11.7354 1.47677 11.2031 1.88721 10.9568L19.2205 0.556804C19.631 0.310542 20.1633 0.443632 20.4096 0.854068Z' fill='%23B9B9B9'/%3E%3C/svg%3E");
}

.page-auth .form-check {
    margin-top: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.page-auth .form-check-input {
    background-color: transparent;
    border-color: #EE7203;
    -webkit-box-shadow: 0 0 1px #EE7203;
    box-shadow: 0 0 1px #EE7203;
    width: 16px;
    height: 16px;
    margin-top: 0;
    background-image: none;
}

.page-auth .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23EE7203' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.page-auth .form-check-label {
    color: #EE7203;
}



@media screen and (max-width: 575px) {

    .page-auth {}

    .page-auth form {
        width: 100%;
    }

    .page-auth h1,
    .page-auth h1+p {
        text-align: center;
        width: 100%;
    }

    .page-auth fieldset {
        margin-top: 30px;
    }

    .page-auth button[type=submit] {
        margin-top: 30px;
    }

    .page-auth main {
        flex-direction: column;
        padding: 50px 15px 15px 15px;
        /* width: calc(100vw - 30px); */
    }

    .page-auth .img_welcome+aside {
        padding-right: 0;
        justify-content: flex-start;
        margin-top: 50px;
    }

    .page-auth .img_welcome {
        height: 250px;
        background-position: center center;

    }
    html, body{
        overflow-x: hidden !important;
    }
}