.blue-background {
    background-color: #94c0dc;
}

/* Since bootstrap clears styles in nested tables, we aggressively apply them there */
.light-blue-background,
.light-blue-background td,
.light-blue-background th,
td.light-blue-background,
th.light-blue-background {
    background-color: #eff6fe;
}

.alert-background, .alert-background td, .alert-background th {
    background-color: var(--bs-danger-bg-subtle);
}

.blue-border {
    border: 3px #b0d9f3;
}

.yellow-background {
    background-color: #f8bb51;
}

.home-left-column-rounded {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.home-right-column-rounded {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* Make sure the date picker shows up above other things */
#ui-datepicker-div, #ui-datepicker-div select {
    z-index: 9999 !important;
}