/* Light mode */
#forgot-my-password-form-warning {
  background-color: #fff3cd;
  color: #664d03;
  border: 1px solid #ffecb5;
}

#forgot-my-password-form-status {
  background-color: #cff4fc;
  color: #055160;
  border: 1px solid #b6effb;
}

/* Dark mode */
html.dark-mode #forgot-my-password-form {
  background-color: #3a2f00;
  color: #ffe58f;
  border: 1px solid #665200;
}

html.dark-mode #forgot-my-password-form {
  background-color: #00343a;
  color: #8be9fd;
  border: 1px solid #005a63;
}

#forgot-my-password-form {
    margin: 0 auto;
    top: 20vh;
    width: 95%;
    position: relative;
}

#forgot-my-password-form .banner {
    margin-bottom: 1.5rem;
    font-size: 20px;
    font-weight: bold;
}

/* Used for user email address input on main submission page */
input.invalid {
    border-color: #e00 !important;
    background-color: #fee !important;
}

input.valid {
    border-color: #0a0 !important;
    background-color: #efe !important;
}

/* Not sure if this one is used anymore
#forgot-my-password-form .status {
    margin: 1rem 0;
    padding: 0.75rem 1rem;
    background-color: #cff4fc;
    color: #055160;
    border: 1px solid #b6effb;
    border-radius: 0.5rem;
    font-size: 0.95rem;
    line-height: 1.4;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
*/

#forgot-my-password-form .captcha-container {
    margin: 1.5rem auto;
    display: flex;
    justify-content: center;
}

body.xbackground-login-image.xelastic:not(.xskin) #forgot-my-password-form {
    max-width: 30%;
    padding: 3rem 3rem 2rem 3rem;
    background: rgba(0,0,0,.5);
    color: #fff;
    border-radius: .5em;
}