/* Start:/local/components/sformat/system.auth.forgotpasswd/templates/.default/style.css?17556029727151*/
.restore-password {
    background: #F0F0F0;
    padding: 30px 30px 50px;
    margin: 20px 0 50px;
}

.restore-password .error-message {
    display: none;
    font-size: 13px;
    line-height: 1.5;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 15px;
    border-radius: 2px;
}

.restore-password .success-message {
    display: none;
    font-size: 13px;
    line-height: 1.5;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: 15px;
    border-radius: 2px;
}

.restore-password .form .error-message,
.restore-password .form .success-message {
    margin-bottom: 15px;
}

.restore-password .form .element,
.restore-password .form-group .element {
    margin-bottom: 12px
}

.restore-password .form .element.radio,
.restore-password .form-group .element.radio {
    margin-bottom: 30px
}

.restore-password .form .element.radio input[type="radio"],
.restore-password .form-group .element.radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0
}

.restore-password .form .element.radio input[type="radio"]:checked+i:after,
.restore-password .form-group .element.radio input[type="radio"]:checked+i:after {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.restore-password .form .element.radio i,
.restore-password .form-group .element.radio i {
    width: 16px;
    height: 16px;
    border: 1px solid #424d55;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: #fff
}

.restore-password .form .element.radio i:after,
.restore-password .form-group .element.radio i:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #428ab7;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.restore-password .form .element.radio span,
.restore-password .form-group .element.radio span {
    margin-left: 3px;
    color: #4b555d;
    font-size: 15px;
    vertical-align: top;
    display: inline-block;
    line-height: 16px
}

.restore-password .form .element.radio label,
.restore-password .form-group .element.radio label {
    margin-right: 50px
}

.restore-password .form .element.label,
.restore-password .form-group .element.label {
    padding-top: 25px !important;
    padding-left: 0;
    padding-right: 0;
}

.restore-password .form .element.label p,
.restore-password .form-group .element.label p {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px;
    line-height: 15px;
    color: #515151;
}

.restore-password .form .element.label p a,
.restore-password .form-group .element.label p a {
    color: #428ab7;
    text-decoration: none;
    border-bottom: 1px dotted
}

.restore-password .form .element.label p a:hover,
.restore-password .form-group .element.label p a:hover {
    color: #2c5d7e
}

.restore-password .form .element.label input.error+p,
.restore-password .form-group .element.label input.error+p {
    color: #c70202
}


.restore-password .g-recaptcha div {
    margin: 0 auto;
}


.restore-password .form input:not([type="checkbox"]).error, .form-group input:not([type="checkbox"]).error {
    border-color: #c70202 !important;
    color: #c70202 !important;
}
.restore-password .form input:not([type="checkbox"]), .form-group input:not([type="checkbox"]) {
    height: 46px;
    border: 1px solid #898d8e;
        border-top-color: rgb(137, 141, 142);
        border-right-color: rgb(137, 141, 142);
        border-bottom-color: rgb(137, 141, 142);
        border-left-color: rgb(137, 141, 142);
    border-radius: 2px;
    width: 100%;
    padding: 0 15px;
    font-size: 13px;
    color: #424d55;
    font-family: 'OpenSans';
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-appearance: none;
}

.restore-password .form-group {
    width: 372px;
}

.restore-password .form-group.group2 {
    margin-top: 20px;
}

.restore-password .form-group .element {
    margin-bottom: 17px;
    display: block;
    position: relative;
}

.restore-password .form-group .element.radio {
    margin-bottom: 30px;
}

.restore-password .form-group .element input:not([type="checkbox"]).success {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    border-color: #00a651;
    font-family: "OpenSans-Bold";
    color: #00a651;
}

.restore-password .form-group .elements-group .element:not(:first-child) {
    display: none;
}

.restore-password .form-group button[type="submit"] {
    width: 100%;
}

.restore-password .form-group .btn-wrap {
    margin-top: 38px;
}

.restore-password .form-group .form-msg {
    font-family: "OpenSans-Bold";
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 20px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.restore-password .form-group .form-msg.success {
    color: #00a651;
}

.restore-password .form-group .form-msg.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 15px;
}

.restore-password .form-group .back-page-link {
    font-size: 13px;
    display: inline-block;
    margin-top: 30px;
}

.restore-password .form-group .back-page-link a {
    color: #428ab7;
    display: inline-block;
    position: relative;
}

.restore-password .form-group .back-page-link a:after {
    content: '';
    background: url("/local/templates/slik/css/../img/blue_arrow.png");
    width: 3px;
    height: 6px;
    position: absolute;
    top: 4px;
    right: -8px;
}

.restore-password .form-group .back-page-link a:hover {
    color: #2c5d7e;
}

.restore-password .form-group .captcha {
    margin: 15px 0 15px !important;
}

.restore-password .sms-check {
    display: none;
}
.restore-password .sms-check .sms-check-title {
    padding: 0 15px 30px;
    text-align: center;
    font-size: 18px;
}
.restore-password .sms-check input[name="SMS_CODE"] {
    font-size: 16px;
}
.restore-password .sms-check .code-expired {
    color: #e53c54;
    padding-bottom: 25px;
    font-size: 14px;
}

@media (max-width: 767px) {
    .restore-password {
        padding: 30px 15px;
        margin-bottom: 0;
    }
    .restore-password .form-group {
        width: 100%;
    }
    .restore-password .form-group .element.radio {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
    }
    .restore-password .form-group .element.radio > label {
        margin-bottom: 30px;
    }    
}
/* End */
/* /local/components/sformat/system.auth.forgotpasswd/templates/.default/style.css?17556029727151 */