.password-toggle {
    position: relative;
}

.password-toggle .toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #6c757d;
    z-index: 10;
}

.password-toggle .toggle-password:hover {
    color: #495057;
}

.password-toggle .form-control {
    padding-right: 40px;
}

/* Скрываем стандартные иконки валидации браузера в полях пароля */
.password-toggle .form-control::-webkit-validation-bubble,
.password-toggle .form-control::-webkit-validation-bubble-message,
.password-toggle .form-control::-webkit-validation-bubble-arrow {
    display: none;
}

.password-toggle .form-control::-moz-validation-message {
    display: none;
}

/* Скрываем псевдоэлементы с иконками ошибок Bootstrap */
.password-toggle .form-control.is-invalid::before,
.password-toggle .form-control.is-invalid::after,
.password-toggle .form-control:invalid::before,
.password-toggle .form-control:invalid::after {
    display: none !important;
}

/* Скрываем фоновые изображения валидации Bootstrap */
.password-toggle .form-control.is-invalid {
    background-image: none !important;
}

.password-toggle .form-control:invalid {
    background-image: none !important;
}

/* Стили для ошибок валидации */
.password-toggle .form-control.is-invalid,
.password-toggle .form-control:invalid,
.has-error .password-toggle .form-control,
.field-error .password-toggle .form-control {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.password-toggle .form-control.is-invalid:focus,
.password-toggle .form-control:invalid:focus,
.has-error .password-toggle .form-control:focus,
.field-error .password-toggle .form-control:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

/* Стили для иконки глаза при ошибке */
.password-toggle .form-control.is-invalid ~ .toggle-password,
.password-toggle .form-control:invalid ~ .toggle-password,
.has-error .password-toggle .toggle-password,
.field-error .password-toggle .toggle-password {
    color: #dc3545;
}

.password-toggle .form-control.is-invalid ~ .toggle-password:hover,
.password-toggle .form-control:invalid ~ .toggle-password:hover,
.has-error .password-toggle .toggle-password:hover,
.field-error .password-toggle .toggle-password:hover {
    color: #c82333;
}