:root{
    --blue-dark: #2b88cf;
    --blue-dark-medium: #5eabe6;
    --blue-medium: #aed5f2;
    --blue-light-medium: #cae6fa;
    --blue-light: #e6f3fc;
    /* Already defined in css_I2P.css
    --ucb-gold: #cfb87b;
    --ucb-light-gold: #F7EDCB;*/
    --gold-light: #fffcf2;
}

.ucb-gold {
  background-color: var(--ucb-gold) !important;
}

.ucb-light-gold {
  background-color: var(--ucb-light-gold) !important;
}

.btn-ucb-gold{
  background-color: var(--ucb-gold) !important;
}

.btn-ucb-light-gold{
  background-color: var(--ucb-light-gold) !important;
}

.btn-blue-dark{
    background-color: var(--blue-dark) !important;
}

.bg-blue-dark{
    background-color: var(--blue-dark) !important;
}
.bg-blue-dm{
    background-color: var(--blue-dark-medium) !important;
}
.bg-blue-medium{
    background-color: var(--blue-medium) !important;
}
.bg-blue-lm{
    background-color: var(--blue-light-medium) !important;
}
.bg-blue-light{
    background-color: var(--blue-light) !important;
}

.bg-gold-dark{
    background-color: var(--ucb-gold) !important;
}

.bg-gold-medium{
    background-color: var(--ucb-light-gold) !important;
}

.bg-gold-light{
    background-color: var(--gold-light) !important;
}

.shadow-blue{
    box-shadow: 0.5rem 0.5rem var(--blue-light) !important;
}
.shadow-grey{
    box-shadow: 0.5rem 0.5rem rgb(108, 117, 125) !important;
}

.shadow-outline{
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgb(226, 227, 229) 0px 1px 0px inset !important;
}

.input-group .btn {
    display: flex;
    align-items: center;
}

#shareStatus {
    color: green !important;
}

.course-approvals-page .search-feedback {
    min-height: 1.5rem;
}

.course-approvals-page .ts-wrapper.multi .ts-control {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    min-height: 2.5rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.course-approvals-page .ts-wrapper.multi .ts-control > div {
    white-space: normal;
    max-width: 100%;
    line-height: 1.25;
}

.course-approvals-page .ts-dropdown .ts-dropdown-content {
    max-height: 20rem;
}

.course-approvals-page .ts-dropdown .option {
    white-space: normal;
    line-height: 1.3;
}

.course-approvals-page .results-table td,
.course-approvals-page .results-table th {
    vertical-align: top;
}

.transform-field {
    color: #d63384;
}

.transform-file {
    color: #0d6efd;
}

.transform-value {
    color: #6f42c1;
}