.form .input-password .eye {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 14px;
    width: 20px;
    height: 100%;
    display: block;
    background: url(../img/eye.svg) no-repeat 50% 50%;
    background-size: 19px auto;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

.login-sms {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: #fbfbfb;
}

.login-sms .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
}

.login-sms__logo {
    width: 185px;
    height: 143px;
    margin-bottom: 31px;
}

.login-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 435px;
    padding: 35px 59px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    background: #FBFBFB;
}
@media (max-width: 768px) {
    .login-form {
        width: 100%;
        padding: 30px 30px;
    }
}
.login-form .row,
.login-form .buttons {
    width: 100%;
}

.login-form__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #5C636C!important;
    margin:0 auto 20px;
    text-align: center;
}

.row > .login-form__label {
    font-weight: 400;
    font-size: 12px;
    line-height: 200%;
    padding-bottom: 2px;
}

.login-form .row .input  > input[type=tel] {
    border-color: #E3E3E3;
    box-shadow: none;
    font-size: 16px;
    line-height: 150%;
}

.login-form .row .input > input[type=tel]::-webkit-input-placeholder,
.login-form .row .input > input[type=tel]::-moz-placeholder,
.login-form .row .input > input[type=tel]:-ms-input-placeholder,
.login-form .row .input > input[type=tel]:-moz-placeholder {
    color: #C8C8C8!important;
    background: white;
}

.login-form__text,
.login-form__btn-change {
    font-size: 16px;
    color: #5C636C!important;
    cursor: pointer;
}

.login-form__btn-change {
    background-color: transparent;
    text-decoration: underline;
}

.login-form__text span {
    font-weight: 600;
}

.login-form__notification {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 19px;
}

.login-form__request span {
    font-weight: 600;
    color: #5C636C!important;
}

.login-form__text-list {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 13px!important;
    line-height: 123%;
}
.login-form__text-list p {
    font-size: 13px!important;
    margin: 0!important;
}
.login-form__attempt {
    color: #5C636C!important;
}

.login-form__request {
    color: #b7bdcb!important;
}
.login-form.fail .code-error,
.login-form__incorrect-sms {
    color: #dc4234!important;
}
.login-form.validity .code-error,
.login-form__validity {
    color: #be7200!important;
}
.login-form.end .code-error,
.login-form__attempt-over {
    color: #dc4234!important;
}

.login-form__admin {
    color: #5C636C!important;
}

.login-form--sms {
    display: none;
}
.login-form--sms .row {
    padding-bottom: 0;
}

.login-form--sms .login-form__attempt,
.login-form--sms .login-form__incorrect-sms,
.login-form--sms .login-form__validity,
.login-form--sms .login-form__attempt-over,
.login-form--sms .login-form__admin {
    display: none;
}

.login-form--sms .result-icon {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.login-form--sms .button--get-sms,
.login-form--sms .button--repeat-sms {
    display: none;
}
.login-form--sms.end .button--get-sms,
.login-form--sms.validity .button--get-sms {
    display: block;
}
.login-form--sms.end .button--send,
.login-form--sms.validity .button--send {
    display: none;
}

.login-form--sms.success .result-icon {
    background-image: url('../img/check-green.svg');
}

.login-form--sms.fail .result-icon {
    background-image: url('../img/cross-red.svg');
}

.login-form--sms.process .login-form__validity,
    /*.login-form--sms.fail .login-form__request,*/
.login-form--sms.validity .login-form__request
    /*.login-form--sms.end .login-form__request*/ {
    display: none;
}
.login-form--sms.process .login-form__request {
    display: block;
}
.login-form--sms.fail .login-form__attempt,
.login-form--sms.fail .login-form__incorrect-sms {
    display: block;
}

.login-form--sms.validity .login-form__validity {
    display: block;
}

.login-form--sms.end .login-form__attempt-over,
.login-form--sms.end .login-form__admin {
    display: block;
}

input:invalid {
    border-color: #C0392B;
}
input:focus:invalid {
    outline: none;
}
.invalid {
    border-color: #C0392B;
}

.error {
    font-weight: 400;
    font-size: 12px;
    line-height: 200%;
    color: #c0392b;
}


.input-code {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(6, 1fr) 23px;
    margin-bottom: 5px;
}

.input-code input {
    text-align: center;
    border: 1px solid #e3e3e3!important;
    border-radius: 2px;
    padding: 9px 12px;
    width: 44px;
    height: 42px;
}

.content.sms .login-form--sms{
    display: block;
}
.content.sms .login-form--init{
    display: none;
}

.content.sms.sms-repeat .button--repeat-sms{
    display: block;
}

.content.sms.sms-repeat .button--send{
    display: none;
}