#userid_availability {
    display: block;
    margin-top: 5px;
    font-size: 0.9em;
    font-weight: bold;
}

.userid-checking {
    color: #666;
}

.userid-available {
    color: green;
}

.userid-taken {
    color: red;
}

.userid-warning {
    color: orange;
}

.userid-error {
    color: red;
}

#borrower_userid.is-invalid {
    border-color: red;
}

#borrower_userid.is-valid {
    border-color: green;
}