:root {
    --primary-color: #004b64;
    --primary-color-hover: #307084;
    --primary-color-active: #003a4f;
    --primary-color-disabled: #9cb7c4;
    --latus-border: #c9dbe1;
    --latus-gold: #b2980b;
    --latus-gold-rgb: 178, 152, 11;
    --latus-gold-bg: #f9f7eb;
    --latus-success: #1e7d36;
    --latus-success-rgb: 30, 125, 54;
    --bs-primary: var(--primary-color);
    --bs-primary-rgb: 0, 75, 100;
    --bs-secondary-rgb: 0, 75, 100;
    --bs-body-font-family: 'Montserrat', Arial, 'Helvetica Neue', sans-serif;
}

body {
    font-family: var(--bs-body-font-family), serif;
}

.btn-primary,
.btn-secondary {
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-bg: var(--primary-color-hover);
    --bs-btn-hover-border-color: var(--primary-color-hover);
    --bs-btn-active-bg: var(--primary-color-active);
    --bs-btn-active-border-color: var(--primary-color-active);
    --bs-btn-disabled-bg: var(--primary-color-disabled);
    --bs-btn-disabled-border-color: var(--primary-color-disabled);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.form-check-input:focus {
    border-color: var(--primary-color-hover);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.table > thead th {
    color: var(--primary-color);
    font-size: 0.85rem;
    align-content: center;
}

.table > tbody td {
    font-size: 0.85rem;
}

.table > tbody td small {
    font-size: 0.75rem;
}

.table > tbody td[data-field='email'] small {
    font-size: 0.65rem;
}

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

.table a:hover {
    color: var(--primary-color-hover);
}