.chroma-auth.register .form.forgot, .chroma-auth.login .form.forgot {
    display: none;
}

.forgot-form input {
    background-color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
    padding: 20px 12px;
    width: 100%;
}

.forgot-form input:-webkit-autofill,
.forgot-form input:-webkit-autofill:hover, 
.forgot-form input:-webkit-autofill:focus, 
.forgot-form input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.forgot-form input:-webkit-autofill {
    -webkit-text-fill-color: #000 !important;
}

.forgot-form .button {
    display: block;
    font-family: "Lato", "SF UI Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 15px;
    height: auto !important;
    padding: 8px 12px;
    width: 100%;
}

.forgot-form [role=alert] {
    margin-bottom: 12px;
}

.forgot-form .feedback {
    color: #fff;
    display: block;
    margin-bottom: 12px;
}

.forgot-form.sent .start {
    display: none;
}

.forgot-form .reset {
    display: none;
}

.forgot-form.sent .reset {
    display: block !important;
}

.forgot-form .reset.complete {
    display: none !important;
}

.forgot-form .password-reset {
    display: none;
}

.forgot-form .password-reset.complete {
    display: block !important;
}

.clear {
    clear: both;
}