@charset "UTF-8";

.invalid-input {
    outline: 2px solid var(--invalid-input);
}

.maskable-password {
    display: flex;
    position: relative;
}

.undisplayed {
    display: none
}

.displayed-inline {
    display: inline
}

.maskable-password img {
   position: absolute;
   top: 50%;
   right: 10px;
   transform: translateY(-50%);
   width: 24px; /* There are only 2 icons and 24px is the width of the bigger one */
   height: auto;
}

input {
    font-family: Montserrat;
    font-weight: normal;
    letter-spacing: 1px;
}

.maskable-password input {
    padding: 5px;
    padding-right: 25px;
}

#resetPasswordForm\:newPasswordErrorMessage {
    margin-bottom: 17px
}

/* focus border for images for Firefox */
img:focus {
    outline: 2px solid var(--primary-text);
}

/* focus border for tooltip button for Firefox */
#tooltipButton:focus {
    outline: 2px solid var(--primary-text);
}

/* disable Edge icon for password reveal, see https://learn.microsoft.com/en-us/microsoft-edge/web-platform/password-reveal */
::-ms-reveal {
    display: none;
}