:root {
    /* --primary-color: #40a798 !important; */
    --primary-color: #0f7837 !important;
    --secondary-color: #e57f00 !important;

    /* --secondary-color: #476268; */
    --tertiary-color: #002212;
    --light-color: #fcfcfc;

    --success-color: #0f7837;
    --info-color: #17a2b8;
    --danger-color: #dc3545;

    --text-tertiary: --tertiary-color;
    --text-secondary: --secondary-color !important;
    --text-primary: --primary-color !important;


}

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

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

.btn-success {
    background-color: var(--success-color) !important;
    border-color: var(--success-color) !important;
}

.nav-link.active {
    background-color: var(--primary-color) !important;

    &:hover {
        color: var(--light-color) !important;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
}

.nav-link:hover {
    color: var(--secondary-color) !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}