:root {
    --primary: #0b2f3e;
    --accent: #4d6a7d;
    --bs-primary: #0b2f3e;
    --bs-primary-rgb: 11, 47, 62;
    --bs-secondary: #4d6a7d;
    --bs-secondary-rgb: 77, 106, 125;
    --bs-warning: #4d6a7d;
    --bs-warning-rgb: 77, 106, 125;
    --bs-warning-bg-subtle: #f2f2f2;
    --bs-warning-border-subtle: #4d6a7d;
    --bs-warning-text-emphasis: #0b2f3e;
    --bs-body-bg: #f2f2f2;
}

body {
    background-color: #f2f2f2;
}

.app-footer {
    border-top: 1px solid rgba(77, 106, 125, .2);
}

.app-footer a {
    color: #0b2f3e;
}

.sidebar,
.header-bar,
.header,
.access-header {
    background: linear-gradient(135deg, #0b2f3e 0%, #4d6a7d 100%);
}

.sidebar .nav-link:hover,
.sidebar .nav-link.active {
    background: rgba(77, 106, 125, .35);
    color: #fff;
}

.sidebar-brand h5,
.text-warning {
    color: #4d6a7d;
}

.text-warning,
.link-warning {
    color: #4d6a7d !important;
}

.border-warning {
    border-color: #4d6a7d !important;
}

.btn-accent {
    background-color: #4d6a7d;
    border-color: #4d6a7d;
    color: #fff;
}

.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4d6a7d;
    --bs-btn-border-color: #4d6a7d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b2f3e;
    --bs-btn-hover-border-color: #0b2f3e;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0b2f3e;
    --bs-btn-active-border-color: #0b2f3e;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4d6a7d;
    --bs-btn-disabled-border-color: #4d6a7d;
}

.btn-outline-warning {
    --bs-btn-color: #4d6a7d;
    --bs-btn-border-color: #4d6a7d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4d6a7d;
    --bs-btn-hover-border-color: #4d6a7d;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0b2f3e;
    --bs-btn-active-border-color: #0b2f3e;
}

.btn-accent:hover {
    background-color: #0b2f3e;
    border-color: #0b2f3e;
    color: #fff;
}

.bg-warning:not(.alert) {
    background-color: #4d6a7d !important;
    color: #fff !important;
}

.text-bg-warning,
.badge-role-supervisor,
.badge-supervisor {
    background-color: #4d6a7d !important;
    color: #fff !important;
}

.alert-warning {
    --bs-alert-color: #0b2f3e;
    --bs-alert-bg: #f2f2f2;
    --bs-alert-border-color: #4d6a7d;
}

.btn-primary {
    --bs-btn-bg: #0b2f3e;
    --bs-btn-border-color: #0b2f3e;
    --bs-btn-hover-bg: #4d6a7d;
    --bs-btn-hover-border-color: #4d6a7d;
    --bs-btn-active-bg: #0b2f3e;
    --bs-btn-active-border-color: #0b2f3e;
}

.text-primary,
.link-primary {
    color: #0b2f3e !important;
}

.bg-primary {
    background-color: #0b2f3e !important;
}

.border-primary {
    border-color: #0b2f3e !important;
}

.table thead th {
    background-color: #f2f2f2;
    color: #0b2f3e;
}

.card-header,
.topbar {
    background-color: #fff;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: #4d6a7d;
    box-shadow: 0 0 0 .25rem rgba(77, 106, 125, .2);
}

.form-check-input:checked {
    background-color: #0b2f3e;
    border-color: #0b2f3e;
}