/**
 * OneHR: login page (loaded from local_onehr_render_login only).
 */

.onehr-password-field {
    position: relative;
    width: 100%;
}

.onehr-password-field .form-control {
    padding-right: 3.25rem;
    width: 100%;
}

.onehr-password-toggle {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 3.25rem;
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-secondary-color, #6c757d);
    border-radius: 0 var(--bs-border-radius-lg, 0.5rem) var(--bs-border-radius-lg, 0.5rem) 0;
    z-index: 2;
}

.onehr-password-toggle:hover,
.onehr-password-toggle:focus,
.onehr-password-toggle:active {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--bs-body-color, #212529);
    outline: none;
}

.onehr-password-toggle .icon {
    margin: 0;
    width: 1.25rem;
    height: 1.25rem;
}

.onehr-password-icon-visible {
    display: none;
}

.onehr-password-revealed .onehr-password-icon-hidden {
    display: none;
}

.onehr-password-revealed .onehr-password-icon-visible {
    display: inline-flex;
}