body {
    background-color: var(--light);
    --primary: #2E3A1A;
    --secondary: #CDFF79;
    --light: #F4F4ED;
    --info: #EDAFFC;
    --dark: #191919;
    --bs-primary: var(--primary);
    --bs-secondary: var(--secondary);
    --bs-light: var(--light);
    --bs-info: var(--info);
    --bs-dark: var(--dark);
    --nps-scale-1: #5E7C2C;
    --nps-scale-2: #8EBD3D;
    --nps-scale-3: #FF8C00;
    --nps-scale-4: #A62F2F;
}

.bg-nav-dark {
    background-color: #2E3A1A !important;
}

.btn-recolor {
    --bs-btn-color: #CDFF79;
    --bs-btn-bg: #2E3A1A !important;
    --bs-btn-border-color: #2E3A1A !important;
    --bs-btn-hover-color: #2E3A1A;
    --bs-btn-hover-bg: #F4F4ED !important;
    --bs-btn-hover-border-color: #2E3A1A !important;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #e85416;
    --bs-btn-active-bg: #2E3A1A !important;
    --bs-btn-active-border-color: #2E3A1A !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F4F4ED;
    --bs-btn-disabled-bg: #2E3A1A !important;
    --bs-btn-disabled-border-color: #2E3A1A !important;
}

.btn-primary {
    --bs-btn-color: #CDFF79;
    --bs-btn-bg: #2E3A1A !important;
    --bs-btn-border-color: #2E3A1A !important;
    --bs-btn-hover-color: #2E3A1A;
    --bs-btn-hover-bg: #F4F4ED !important;
    --bs-btn-hover-border-color: #2E3A1A !important;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #e85416;
    --bs-btn-active-bg: #2E3A1A !important;
    --bs-btn-active-border-color: #2E3A1A !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F4F4ED;
    --bs-btn-disabled-bg: #2E3A1A !important;
    --bs-btn-disabled-border-color: #2E3A1A !important;
}

.btn-secondary {
    --bs-btn-color: #2E3A1A;
    --bs-btn-bg: #CDFF79 !important;
    --bs-btn-border-color: #CDFF79 !important;
    --bs-btn-hover-color: #2E3A1A !important;
    --bs-btn-hover-bg: #F4F4ED !important;
    --bs-btn-hover-border-color: #2E3A1A !important;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #2E3A1A;
    --bs-btn-active-bg: #CDFF79 !important;
    --bs-btn-active-border-color: #CDFF79 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F4F4ED;
    --bs-btn-disabled-bg: #CDFF79 !important;
    --bs-btn-disabled-border-color: #CDFF79 !important;
}

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

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

h1 {
    color:#2E3A1A !important;
}

a.text-info:hover {
    color: #7b0864 !important;
}

.card-title a {
    color: #2E3A1A !important;
}

.badge-info {
    background-color: var(--info) !important;
    color: #fff;
}

.progress-bar {
    background-color: #2E3A1A;
}

.progress {
    --bs-progress-border-radius: 0rem !important;
    --bs-progress-bg: #F4F4ED !important;
}

.active {
    color: var(--info) !important;
}

.text-primary {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-info {
    color: var(--info) !important;
}

.text-light {
    color: var(--light) !important;
}

.text-dark {
    color: var(--dark) !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-secondary {
    background-color: var(--secondary) !important;
}

.bg-info {
    background-color: var(--info) !important;
}

.bg-light {
    background-color: var(--light) !important;
}

.bg-dark {
    background-color: var(--dark) !important;
}

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