/* Глобальное исправление проблем с классом bi для иконок в полях ввода */

/* Исправляем позиционирование для иконок в полях с паролем */
input[type="password"] ~ i.bi,
input[type="text"].password-field ~ i.bi {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
    padding-left: 0.75rem !important;
    color: #6c757d !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}

/* Исправляем стили для изображений внутри иконок в полях пароля */
input[type="password"] ~ i.bi img,
input[type="text"].password-field ~ i.bi img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/* Исправляем стили для иконок в кнопках показа пароля */
.password-toggle i.bi {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    line-height: 1 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* Дополнительные исправления для иконок bi в полях пароля */
.form-control[type="password"] ~ i.bi,
.form-control.password-field ~ i.bi {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
    padding-left: 0.75rem !important;
    color: #6c757d !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}

.form-control[type="password"] ~ i.bi img,
.form-control.password-field ~ i.bi img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/* Исправления для иконок в позиционированных контейнерах с полями пароля */
.position-relative:has(input[type="password"]) i.bi,
.position-relative:has(input.password-field) i.bi {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #6c757d !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}

.position-relative:has(input[type="password"]) i.bi img,
.position-relative:has(input.password-field) i.bi img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/* Исправляем размер и позиционирование иконки телефона */
input[type="text"][name*="phone"] ~ i.bi img,
.form-control[name*="phone"] ~ i.bi img {
    max-width: 16px !important;
    max-height: 16px !important;
    width: auto !important;
    height: auto !important;
    vertical-align: middle !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Исправляем позиционирование контейнера иконки телефона */
input[type="text"][name*="phone"] ~ i.bi,
.form-control[name*="phone"] ~ i.bi {
    display: flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}