/* Login, Register, Reset, Remind form (/vkhid, /register, /reset) */
.alert-wrapper {
    font-family: 'e-Ukraine-Light';
    background-color: #f7dddc;
    color: #712b29;
}

.alert-wrapper .alert-message {
    font-size: 13px;
}

#system-message-container .alert-heading {
  background-color:#712b29 !important;
}

.alert-heading .warning:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\21"; /* простий знак оклику */
  
}

.login-wrap {
    font-family: 'e-Ukraine-Light';
    /*background-color: #f8f9fa;
    border: 1px solid #dee2e6;*/
    border-radius: 4px;
    padding: 25px;
    margin: 45px auto;
    max-width: 500px;
}
.login-wrap .other-links a {color: #555555;}
.login-wrap .other-links a:hover,
.login-wrap .other-links a:focus {
    text-decoration: underline;
    color: rgba(255, 255, 255, 0.9);
}
div.com-users-remind, div.com-users-reset {padding: 0;}

/* Login, Register, Reset, Remind control label */
.control-label {float: none !important;}
.control-label .form-control-feedback {
    color: var(--cr2);
    position: static;
    display: inline;
    line-height: 25px;
    font-size: 8pt;
    margin-left: 8px;
    padding: 5px;
}

.control-group {
    padding-right: 25px;
    padding-left: 25px;
    margin-top: 10px;
}

.control-group .form-control:hover,
.control-group .form-control:focus {
    border-color: var(--cr);
}

.password-group .input-password-toggle {
    background-color: var(--cr);
}

.password-group .input-password-toggle:hover,
.password-group .input-password-toggle:focus {
    background-color: var(--cr2);
}

.icon-fw.icon-eye:after {
    content: "\f06e";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.icon-fw.icon-eye-slash:after {
    content: "\f070";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.controls {
    text-align: center;
    margin-top: 13px;
}

.other-links.form-group {
    margin-top: 15px;
}

.other-links.form-group ul {
    list-style: none;
    padding-left: 0;
}

.other-links.form-group .col-sm-12 {
    text-align: center;
    font-size: 14px;
}

.other-links.form-group .col-sm-12 a:focus,
.other-links.form-group .col-sm-12 a:hover {
    color: var(--cr2);
    font-weight: 900;
}

.com-users-login__input .control-label {
    font-size: 13px;
}