: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;
}
#compare-program-costs-table th,
#compare-program-costs-table .cpc-residency,
#compare-program-costs-table .cpcA-select,
#compare-program-costs-table .cpcB-select {
  background-color: var(--blue-medium);
}

.program-link{
    color: black;
}

.program-link:hover{
    color: red;
}
.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-89-ltblue{
    box-shadow:rgba(230, 243, 252, 0.4) 0px 2px 4px,
               rgba(230, 243, 252, 0.35) 0px 7px 13px -3px,
               rgba(230, 243, 252, 0.25) 0px -3px 0px inset !important; 
}

.shadow-89-dkblue{
    box-shadow:rgba(43, 136, 207, 0.4) 0px 2px 4px,
               rgba(43, 136, 207, 0.35) 0px 7px 13px -3px,
               rgba(43, 136, 207, 0.25) 0px -3px 0px inset !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;
}