/* Start:/local/templates/ccm_newdis/components/bitrix/system.auth.authorize/.default/style.css?17906780986227*/

.form__box.auth .bxmaker-authuserphone-enter {
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 60px auto 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    font-family: inherit;
    color: #000;
}

.form__box.auth .bxmaker-authuserphone-enter-auth__title {
    display: none;
}

.form__box.auth .bxmaker-authuserphone-enter-auth-form__by {
    display: none;
}

.form__box.auth .bxmaker-authuserphone-header {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.5px;
    justify-content: center;
}

.form__box.auth .bxmaker-authuserphone-enter-smscode__notice,
.form__box.auth .bxmaker-authuserphone-enter-usercall__notice {
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    text-align: center;
    color: #3C3C3C;
}

/* поля */
.form__box.auth .bxmaker-authuserphone-input__field,
.form__box.auth .bxmaker-authuserphone-input-phone__field,
.form__box.auth .bxmaker-authuserphone-input-code__field,
.form__box.auth .bxmaker-authuserphone-input-password__field,
.form__box.auth .bxmaker-authuserphone-input-otp__field,
.form__box.auth .bxmaker-authuserphone-input-fio__field {
    border: 1px solid #ECECEC;
    border-radius: 6px;
    transition: border-color .2s;
}

.form__box.auth .bxmaker-authuserphone-input:hover .bxmaker-authuserphone-input__field,
.form__box.auth .bxmaker-authuserphone-input-phone:hover .bxmaker-authuserphone-input-phone__field,
.form__box.auth .bxmaker-authuserphone-input-code:hover .bxmaker-authuserphone-input-code__field,
.form__box.auth .bxmaker-authuserphone-input-password:hover .bxmaker-authuserphone-input-password__field,
.form__box.auth .bxmaker-authuserphone-input-otp:hover .bxmaker-authuserphone-input-otp__field {
    border-color: rgba(0, 0, 0, 0.2);
}

.form__box.auth .bxmaker-authuserphone-input--focus .bxmaker-authuserphone-input__field,
.form__box.auth .bxmaker-authuserphone-input-phone--focus .bxmaker-authuserphone-input-phone__field,
.form__box.auth .bxmaker-authuserphone-input-code--focus .bxmaker-authuserphone-input-code__field,
.form__box.auth .bxmaker-authuserphone-input-password--focus .bxmaker-authuserphone-input-password__field,
.form__box.auth .bxmaker-authuserphone-input-otp--focus .bxmaker-authuserphone-input-otp__field {
    border-color: #E3212F;
}

.form__box.auth .bxmaker-authuserphone-input--invalid .bxmaker-authuserphone-input__field,
.form__box.auth .bxmaker-authuserphone-input-phone--invalid .bxmaker-authuserphone-input-phone__field,
.form__box.auth .bxmaker-authuserphone-input-code--invalid .bxmaker-authuserphone-input-code__field,
.form__box.auth .bxmaker-authuserphone-input-password--invalid .bxmaker-authuserphone-input-password__field {
    border-color: #E3212F;
}

.form__box.auth .bxmaker-authuserphone-input input,
.form__box.auth .bxmaker-authuserphone-input-phone input,
.form__box.auth .bxmaker-authuserphone-input-code input,
.form__box.auth .bxmaker-authuserphone-input-password input,
.form__box.auth .bxmaker-authuserphone-input-otp input {
    min-height: 62px;
    font-family: inherit;
    font-weight: 600;
    font-size: 16px;
    color: #000;
}

.form__box.auth .bxmaker-authuserphone-input__title,
.form__box.auth .bxmaker-authuserphone-input-phone__title,
.form__box.auth .bxmaker-authuserphone-input-code__title,
.form__box.auth .bxmaker-authuserphone-input-password__title {
    color: rgba(0, 0, 0, 0.4);
    font-weight: 600;
}

.form__box.auth .bxmaker-authuserphone-input__validation,
.form__box.auth .bxmaker-authuserphone-input-phone__validation {
    color: #E3212F;
}

/* кнопки */
.form__box.auth .bxmaker-authuserphone-button {
    font-family: inherit;
}

.form__box.auth .bxmaker-authuserphone-button__inner {
    min-height: 60px;
    background-color: #E3212F;
    border-radius: 4px;
    transition: box-shadow .4s;
}

.form__box.auth .bxmaker-authuserphone-button:hover .bxmaker-authuserphone-button__inner {
    background-color: #E3212F;
    box-shadow: 0 4px 36px rgb(227 33 47 / 52%);
}

.form__box.auth .bxmaker-authuserphone-button__title,
.form__box.auth .bxmaker-authuserphone-button:hover .bxmaker-authuserphone-button__title {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.form__box.auth .bxmaker-authuserphone-button--white .bxmaker-authuserphone-button__inner,
.form__box.auth .bxmaker-authuserphone-button--white:hover .bxmaker-authuserphone-button__inner {
    background-color: #fff;
    border: 1px solid #E3212F;
}

.form__box.auth .bxmaker-authuserphone-button--white .bxmaker-authuserphone-button__title,
.form__box.auth .bxmaker-authuserphone-button--white:hover .bxmaker-authuserphone-button__title {
    color: #E3212F;
}

.form__box.auth .bxmaker-authuserphone-button--disabled .bxmaker-authuserphone-button__inner,
.form__box.auth .bxmaker-authuserphone-button--disabled:hover .bxmaker-authuserphone-button__inner {
    background-color: #F4F4F4;
    border: 1px solid #ECECEC;
    box-shadow: none;
}

.form__box.auth .bxmaker-authuserphone-button--disabled .bxmaker-authuserphone-button__title {
    color: rgba(0, 0, 0, 0.4);
}

/* ссылки */
.form__box.auth a.bxmaker-authuserphone-link,
.form__box.auth a.bxmaker-authuserphone-link:visited,
.form__box.auth a.bxmaker-authuserphone-link:hover,
.form__box.auth a.bxmaker-authuserphone-link:focus {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #E3212F;
}

.form__box.auth a.bxmaker-authuserphone-link:hover {
    opacity: .8;
}

/* переключатель SMS / пароль */
.form__box.auth .auth-switch {
    max-width: 500px;
    margin: 24px auto 60px;
    text-align: center;
}

.form__box.auth .auth-switch a {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #E3212F;
}

.form__box.auth .auth-switch a:hover {
    opacity: .8;
}

/* в режиме пароля у формы свой нижний отступ */
.form__box.auth form.form + .auth-switch {
    margin-top: -30px;
}

@media (max-width: 700px) {
    .form__box.auth .bxmaker-authuserphone-enter,
    .form__box.auth .auth-switch {
        max-width: calc(100% - 30px);
    }
}

/* End */
/* /local/templates/ccm_newdis/components/bitrix/system.auth.authorize/.default/style.css?17906780986227 */