/* Login, Register, Reset, Remind form (/vkhid, /register, /reset) */
.login-wrap {
    font-family: 'e-Ukraine-Light';
    border-radius: 4px;
    padding: 25px;
    margin: 45px auto;
    max-width: 500px;
}

.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"; /* простий знак оклику */
  
}

.alert.alert-info {
    background-color: #f7dddc;
    border-color: #f7dddc;

    /*background-color: #eae4e4;*/
    /*border: white;*/
    margin-left: 20px;
    margin-right: 20px;
}

.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;
}

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

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

.controls .btn.btn-success.w-100 {
    max-width: 250px;
}

.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-remind.remind legend {
    font-size: 13px;
    padding: 25px;
}

.com-users-remind__submit.control-group button {
    background-color: var(--cr);
    border-color: var(--cr);
}

.com-users-remind__submit.control-group button:hover,
.com-users-remind__submit.control-group button:focus {
    background-color: var(--cr2);
    border-color: var(--cr2);
}

.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);
}