:root {
    --brand-color-rgb: 56, 167, 187;
    --brand-color: rgba(var(--brand-color-rgb), 1);

    --bs-link-color: var(--brand-color);
    --bs-link-color-rgb: var(--brand-color-rgb);
}

.btn-outline-primary {
    --bs-btn-bg: var(--brand-color);
    --btn-outline-primary-border-color: #000;
    --btn-outline-primary-hover-color: #38A7BB;

    --bs-btn-color: #fff;
    --bs-btn-border-color: var(--btn-outline-primary-border-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--brand-color-rgb), .7);
    --bs-btn-hover-border-color: var(--btn-outline-primary-border-color);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(var(--brand-color-rgb), .7);
    --bs-btn-active-border-color: var(--btn-outline-primary-border-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--btn-outline-primary-border-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--btn-outline-primary-border-color);
    --bs-gradient: none;
}

.btn-link:hover,
a:hover {
    color: rgba(var(--bs-link-color-rgb), .5);
}

.table {
    --bs-table-border-color: #BFBFBF;
}

.datepicker-cell.selected,
.datepicker-cell.selected:hover {
    background-color: var(--brand-color);
}