body {
    background-color: var(--light);
    --primary: #004E95;
    --secondary: #E0F2FF;
    --light: #E5ECF5;
    --info: #E85416;
    --dark: #191919;
    --bs-primary: var(--primary);
    --bs-secondary: var(--secondary);
    --primary-inverted: #D3E7F9;
    --bs-light: var(--light);
    --bs-info: var(--info);
    --bs-dark: var(--dark);
    --nps-scale-1: #00813e;
    --nps-scale-2: #77be26;
    --nps-scale-3: #e85416;
    --nps-scale-4: #b63b43;
}

.bg-nav-dark {
    background-color: var(--primary);
}

.btn-recolor {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary);
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--info);
    --bs-btn-active-bg: var(--primary);
    --bs-btn-active-border-color: var(--primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--primary);
    --bs-btn-disabled-border-color: var(--primary);
    --bs-btn-font-family: arial;
    font-size: 0.75rem;
}

.btn-secondary {
    background-color: #779598 !important;
    border-color: #ffffff;
    --bs-btn-font-family: arial;
}

.portal-card-primary {
    background-color: var(--primary);
    color: var(--secondary);
}

.portal-card-secondary {
    background-color: var(--info);
    color: var(--light);
}

h1 {
    color: #004e95 !important;
}

.active {
    color: #E8AE00 !important;
}

.card-title a {
    color: #004e95 !important;
}

.badge-info {
    background-color: #e85416 !important;
    color: #fff;
}

.progress-bar {
    background-color: #004e95;
}

.progress {
    /*--bs-progress-bg: #ffffff !important;*/
    --bs-progress-border-radius: 0rem !important;
    --bs-progress-bg: #9cb5ce;
}


.text-primary {
    color: #004e95 !important;
}
.text-secondary {
    color: #ffffff !important;
}

.text-info {
    color: #e85416 !important;
}

.text-light {
    color: #e5ecf5 !important;
}

.text-dark {
    color: #191919 !important;
}
.bg-primary {
    background-color: #004e95 !important;
}

.bg-secondary {
    background-color: #ffffff !important;
}

.bg-info {
    background-color: #e85416 !important;
}

.bg-light {
    background-color: #e5ecf5 !important;
}

.bg-dark {
    background-color: #191919 !important;
}

@media (min-width: 992px) {
    .form-conatiner {
        color: #004e95 !important;
    }
}

.btn-primary {
    --bs-btn-color: var(--primary-inverted);
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: var(--primary);
    --bs-btn-hover-bg: var(--primary-inverted);
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--secondary);
    --bs-btn-active-bg: var(--primary);
    --bs-btn-active-border-color: var(--primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--primary);
    --bs-btn-disabled-border-color: var(--primary);
    --bs-btn-font-family: arial;
    --bs-btn-border-radius: 0.375rem;
}