#username {
    text-transform: uppercase;
}

#errorBox {
    min-height: 20px;
}

.error-text {
    color: #DB2C28;
    font-size: 12px;
}

.input-field {
    text-transform: uppercase;
}

.mdc-floating-label {
    pointer-events: none;
}

.mdc-text-field + .mdc-text-field {
    margin-top: 12px;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid) .mdc-floating-label {
    color: #007AB4;
}

.mdc-text-field__input:required+.mdc-floating-label:after {
    display: none;
}