#userChangePassword .required,
#userUpdate .required,
#userForgottenPassword .required,
#userRegistration .required,
#loginForm .required {
    color: #ff0000;
    padding-right: 1.25rem;
    text-align: right;
}

#userChangePassword .form-row,
#userUpdate .form-row,
#userForgottenPassword .form-row,
#userRegistration .form-row,
#loginForm .form-row {
    margin-bottom: 1rem;
}

#userChangePassword .form-row label,
#userUpdate .form-row label,
#userForgottenPassword .form-row label,
#userRegistration .form-row label,
#loginForm .form-row label {
    font-size: 1rem;
}

#userChangePassword dfn,
#userUpdate dfn,
#userForgottenPassword dfn,
#userRegistration dfn,
#loginForm dfn {
    color: #ff0000;
    font-weight: 600;
}

#userChangePassword .button-wrapper,
#userUpdate .button-wrapper,
#userForgottenPassword .button-wrapper,
#userRegistration .button-wrapper,
#loginForm .button-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 1.25rem;
    width: 13.625rem;
}

#userChangePassword .button-wrapper input[type=submit],
#userUpdate .button-wrapper input[type=submit],
#userForgottenPassword .button-wrapper input[type=submit],
#userRegistration .button-wrapper input[type=submit],
#loginForm .button-wrapper input[type=submit] {
    padding: .4rem .8rem;
    background-color: #f18800;
    border: none;
    border-radius: 2rem;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
}

#userChangePassword .button-wrapper input[type=submit]:hover,
#userUpdate .button-wrapper input[type=submit]:hover,
#userForgottenPassword .button-wrapper input[type=submit]:hover,
#userRegistration .button-wrapper input[type=submit]:hover,
#loginForm .button-wrapper input[type=submit]:hover {
    background-color: #004f9f;
}