/* ADA Compliant Styles */
:root {
    --error-color: #d63321;
    --focus-color: #005FCC;
    --primary-color: #0d6efd;
    --warning-color: #ffc107;
}

:focus {
    outline: 3px solid var(--focus-color) !important;
    outline-offset: 2px;
}

.error {
    color: var(--error-color);
    font-weight: bold;
}

.required::after {
    content: " *";
    color: var(--error-color);
    font-weight: bold;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.alert.alert-warning {
    border-left: 4px solid var(--warning-color);
}

.ui-datepicker {
    font-size: 1em;
    background: white;
    border: 2px solid var(--focus-color);
    z-index: 9999 !important;
}

    .ui-datepicker a {
        color: var(--primary-color);
    }

.ui-state-highlight {
    border: 1px solid var(--focus-color);
}

table {
    border-collapse: collapse;
}

th[scope="col"],
th[scope="row"] {
    text-align: left;
}

.textEntry:focus,
select:focus,
.btn:focus {
    outline: 3px solid var(--focus-color);
    outline-offset: 2px;
}