/*:root {
    --color-accent: #194063;
    --color-accent-1: #001f3f;
    --color-accent-2: #00aaff;
    --color-accent-3: #6fa5d5;

    --color-success: #47AB5E;
    --color-success-1: #61AA76;
    --color-success-2: #83D29F;
    --color-success-3: #ADEFD3;

    --color-primary: #2D4A7C;
    --color-primary-1: #3D59A8;
    --color-primary-2: #4C68D4;
    --color-primary-3: #6A86FF;


    --color-danger: #AB2247;
    --color-danger-1: #BB3559;
    --color-danger-2: #CB486B;
    --color-danger-3: #EA7090;


    --color-warning: #AB2247;
    --color-warning-1: #BB3559;
    --color-warning-2: #CB486B;
    --color-warning-3: #EA7090;
}*/

/*ACCENT START*/

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

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

.btn-accent {
    background-color: var(--color-accent) !important;
    border-color: var(--color-accent-1) !important;
    color: var(--color-accent-bg-text) !important;
}

    .btn-accent:hover {
        background-color: var(--color-accent-1) !important;
    }


.btn-outline-accent {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-accent) !important;
    border-width: 0.15rem;
    color: var(--color-accent) !important;
}

    .btn-outline-accent:hover {
        background-color: var(--color-accent-1) !important;
        border-color: var(--color-accent) !important;
        color: var(--color-accent-bg-text) !important;
    }

/*accent-1*/

.bg-accent-1 {
    background-color: var(--color-accent-1) !important;
    color: var(--color-accent-1-bg-text) !important;
}

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

.btn-accent-1 {
    background-color: var(--color-accent-1) !important;
    border-color: var(--color-accent-2) !important;
    color: var(--color-accent-1-bg-text) !important;
}

    .btn-accent-1:hover {
        background-color: var(--color-accent-2) !important;
    }


.btn-outline-accent-1 {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-accent-1) !important;
    border-width: 0.15rem;
    color: var(--color-accent-1) !important;
}

    .btn-outline-accent-1:hover {
        background-color: var(--color-accent-2) !important;
        border-color: var(--color-accent-1) !important;
        color: var(--color-accent-1-bg-text) !important;
    }
/*accent-1 end*/


/*accent-2*/

.bg-accent-2 {
    background-color: var(--color-accent-2) !important;
    color: var(--color-accent-2-bg-text) !important;
}

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

.btn-accent-2 {
    background-color: var(--color-accent-2) !important;
    border-color: var(--color-accent-2) !important;
    color: var(--color-accent-2-bg-text) !important;
}

    .btn-accent-2:hover {
        background-color: var(--color-accent-1) !important;
    }


.btn-outline-accent-2 {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-accent-2) !important;
    border-width: 0.15rem;
    color: var(--color-accent-2) !important;
}

    .btn-outline-accent-2:hover {
        background-color: var(--color-accent-1) !important;
        border-color: var(--color-accent-2) !important;
        color: var(--color-accent-1-bg-text) !important;
    }
/*accent-2 end*/



/*accent-3*/

.bg-accent-3 {
    background-color: var(--color-accent-3) !important;
    color: var(--color-accent-3-bg-text) !important;
}

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

.btn-accent-3 {
    background-color: var(--color-accent-3) !important;
    border-color: var(--color-accent-2) !important;
    color: var(--color-accent-3-bg-text) !important;
}

    .btn-accent-3:hover {
        background-color: var(--color-accent-2) !important;
    }


.btn-outline-accent-3 {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-accent-3) !important;
    border-width: 0.15rem;
    color: var(--color-accent-3) !important;
}

    .btn-outline-accent-3:hover {
        background-color: var(--color-accent-2) !important;
        border-color: var(--color-accent-3) !important;
        color: var(--color-accent-3-bg-text) !important;
    }
/*accent-3 end*/


















/*ACCENT END*/

/*success START*/


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

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

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

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


.btn-outline-success {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-success) !important;
    border-width: 0.15rem;
    color: var(--color-success) !important;
}

    .btn-outline-success:hover {
        background-color: var(--color-success-1) !important;
        border-color: var(--color-success) !important;
        color: var(--color-success-bg-text) !important;
    }

/*success-1*/

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

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

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

.btn-success-1:hover {
    background-color: var(--color-success-2) !important;
}


.btn-outline-success-1 {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-success-1) !important;
    border-width: 0.15rem;
    color: var(--color-success-1) !important;
}

.btn-outline-success-1:hover {
    background-color: var(--color-success-2) !important;
    border-color: var(--color-success-1) !important;
    color: var(--color-success-1-bg-text) !important;
}
/*success-1 end*/


/*success-2*/

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

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

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

.btn-success-2:hover {
    background-color: var(--color-success-1) !important;
}


.btn-outline-success-2 {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-success-2) !important;
    border-width: 0.15rem;
    color: var(--color-success-2) !important;
}

.btn-outline-success-2:hover {
    background-color: var(--color-success-1) !important;
    border-color: var(--color-success-2) !important;
    color: var(--color-success-1-bg-text) !important;
}
/*success-2 end*/



/*success-3*/

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

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

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

.btn-success-3:hover {
    background-color: var(--color-success-2) !important;
}


.btn-outline-success-3 {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-success-3) !important;
    border-width: 0.15rem;
    color: var(--color-success-3) !important;
}

.btn-outline-success-3:hover {
    background-color: var(--color-success-2) !important;
    border-color: var(--color-success-3) !important;
    color: var(--color-success-3-bg-text) !important;
}
/*success-3 end*/

/*success end*/




/*primary start*/










/*primary START*/


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

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

.btn-primary {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary-1) !important;
    color: var(--color-primary-bg-text) !important;
}

    .btn-primary:hover {
        background-color: var(--color-primary-1) !important;
    }


.btn-outline-primary {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-primary) !important;
    border-width: 0.15rem;
    color: var(--color-primary) !important;
}

    .btn-outline-primary:hover {
        background-color: var(--color-primary-1) !important;
        border-color: var(--color-primary) !important;
        color: var(--color-primary-bg-text) !important;
    }

/*primary-1*/

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

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

.btn-primary-1 {
    background-color: var(--color-primary-1) !important;
    border-color: var(--color-primary-2) !important;
    color: var(--color-primary-1-bg-text) !important;
}

    .btn-primary-1:hover {
        background-color: var(--color-primary-2) !important;
    }


.btn-outline-primary-1 {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-primary-1) !important;
    border-width: 0.15rem;
    color: var(--color-primary-1) !important;
}

    .btn-outline-primary-1:hover {
        background-color: var(--color-primary-2) !important;
        border-color: var(--color-primary-1) !important;
        color: var(--color-primary-1-bg-text) !important;
    }
/*primary-1 end*/


/*primary-2*/

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

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

.btn-primary-2 {
    background-color: var(--color-primary-2) !important;
    border-color: var(--color-primary-2) !important;
    color: var(--color-primary-2-bg-text) !important;
}

    .btn-primary-2:hover {
        background-color: var(--color-primary-1) !important;
    }


.btn-outline-primary-2 {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-primary-2) !important;
    border-width: 0.15rem;
    color: var(--color-primary-2) !important;
}

    .btn-outline-primary-2:hover {
        background-color: var(--color-primary-1) !important;
        border-color: var(--color-primary-2) !important;
        color: var(--color-primary-1-bg-text) !important;
    }
/*primary-2 end*/



/*primary-3*/

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

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

.btn-primary-3 {
    background-color: var(--color-primary-3) !important;
    border-color: var(--color-primary-2) !important;
    color: var(--color-primary-3-bg-text) !important;
}

    .btn-primary-3:hover {
        background-color: var(--color-primary-2) !important;
    }


.btn-outline-primary-3 {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-primary-3) !important;
    border-width: 0.15rem;
    color: var(--color-primary-3) !important;
}

    .btn-outline-primary-3:hover {
        background-color: var(--color-primary-2) !important;
        border-color: var(--color-primary-3) !important;
        color: var(--color-primary-3-bg-text) !important;
    }
/*primary-3 end*/



/*primary end*/

/*DANGER START*/

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

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

.btn-danger {
    background-color: var(--color-danger) !important;
    border-color: var(--color-danger-1) !important;
    color: var(--color-danger-bg-text) !important;
}

    .btn-danger:hover {
        background-color: var(--color-danger-1) !important;
    }


.btn-outline-danger {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-danger) !important;
    border-width: 0.15rem;
    color: var(--color-danger) !important;
}

    .btn-outline-danger:hover {
        background-color: var(--color-danger-1) !important;
        border-color: var(--color-danger) !important;
        color: var(--color-danger-bg-text) !important;
    }

/*danger-1*/

.bg-danger-1 {
    background-color: var(--color-danger-1) !important;
    color: var(--color-danger-1-bg-text) !important;
}

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

.btn-danger-1 {
    background-color: var(--color-danger-1) !important;
    border-color: var(--color-danger-2) !important;
    color: var(--color-danger-1-bg-text) !important;
}

    .btn-danger-1:hover {
        background-color: var(--color-danger-2) !important;
    }


.btn-outline-danger-1 {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-danger-1) !important;
    border-width: 0.15rem;
    color: var(--color-danger-1) !important;
}

    .btn-outline-danger-1:hover {
        background-color: var(--color-danger-2) !important;
        border-color: var(--color-danger-1) !important;
        color: var(--color-danger-1-bg-text) !important;
    }
/*danger-1 end*/


/*danger-2*/

.bg-danger-2 {
    background-color: var(--color-danger-2) !important;
    color: var(--color-danger-2-bg-text) !important;
}

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

.btn-danger-2 {
    background-color: var(--color-danger-2) !important;
    border-color: var(--color-danger-2) !important;
    color: var(--color-danger-2-bg-text) !important;
}

    .btn-danger-2:hover {
        background-color: var(--color-danger-1) !important;
    }


.btn-outline-danger-2 {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-danger-2) !important;
    border-width: 0.15rem;
    color: var(--color-danger-2) !important;
}

    .btn-outline-danger-2:hover {
        background-color: var(--color-danger-1) !important;
        border-color: var(--color-danger-2) !important;
        color: var(--color-danger-1-bg-text) !important;
    }
/*danger-2 end*/



/*danger-3*/

.bg-danger-3 {
    background-color: var(--color-danger-3) !important;
    color: var(--color-danger-3-bg-text) !important;
}

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

.btn-danger-3 {
    background-color: var(--color-danger-3) !important;
    border-color: var(--color-danger-2) !important;
    color: var(--color-danger-3-bg-text) !important;
}

    .btn-danger-3:hover {
        background-color: var(--color-danger-2) !important;
    }


.btn-outline-danger-3 {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-danger-3) !important;
    border-width: 0.15rem;
    color: var(--color-danger-3) !important;
}

    .btn-outline-danger-3:hover {
        background-color: var(--color-danger-2) !important;
        border-color: var(--color-danger-3) !important;
        color: var(--color-danger-3-bg-text) !important;
    }
/*danger-3 end*/





/*DANGER END*/

/*WARNING START*/


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

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

.btn-warning {
    background-color: var(--color-warning) !important;
    border-color: var(--color-warning-1) !important;
    color: var(--color-warning-bg-text) !important;
}

    .btn-warning:hover {
        background-color: var(--color-warning-1) !important;
    }


.btn-outline-warning {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-warning) !important;
    border-width: 0.15rem;
    color: var(--color-warning) !important;
}

    .btn-outline-warning:hover {
        background-color: var(--color-warning-1) !important;
        border-color: var(--color-warning) !important;
        color: var(--color-warning-bg-text) !important;
    }

/*warning-1*/

.bg-warning-1 {
    background-color: var(--color-warning-1) !important;
    color: var(--color-warning-1-bg-text) !important;
}

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

.btn-warning-1 {
    background-color: var(--color-warning-1) !important;
    border-color: var(--color-warning-2) !important;
    color: var(--color-warning-1-bg-text) !important;
}

    .btn-warning-1:hover {
        background-color: var(--color-warning-2) !important;
    }


.btn-outline-warning-1 {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-warning-1) !important;
    border-width: 0.15rem;
    color: var(--color-warning-1) !important;
}

    .btn-outline-warning-1:hover {
        background-color: var(--color-warning-2) !important;
        border-color: var(--color-warning-1) !important;
        color: var(--color-warning-1-bg-text) !important;
    }
/*warning-1 end*/


/*warning-2*/

.bg-warning-2 {
    background-color: var(--color-warning-2) !important;
    color: var(--color-warning-2-bg-text) !important;
}

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

.btn-warning-2 {
    background-color: var(--color-warning-2) !important;
    border-color: var(--color-warning-2) !important;
    color: var(--color-warning-2-bg-text) !important;
}

    .btn-warning-2:hover {
        background-color: var(--color-warning-1) !important;
    }


.btn-outline-warning-2 {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-warning-2) !important;
    border-width: 0.15rem;
    color: var(--color-warning-2) !important;
}

    .btn-outline-warning-2:hover {
        background-color: var(--color-warning-1) !important;
        border-color: var(--color-warning-2) !important;
        color: var(--color-warning-1-bg-text) !important;
    }
/*warning-2 end*/



/*warning-3*/

.bg-warning-3 {
    background-color: var(--color-warning-3) !important;
    color: var(--color-warning-3-bg-text) !important;
}

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

.btn-warning-3 {
    background-color: var(--color-warning-3) !important;
    border-color: var(--color-warning-2) !important;
    color: var(--color-warning-3-bg-text) !important;
}

    .btn-warning-3:hover {
        background-color: var(--color-warning-2) !important;
    }


.btn-outline-warning-3 {
    background-color: var(--color-system-bg) !important;
    border-color: var(--color-warning-3) !important;
    border-width: 0.15rem;
    color: var(--color-warning-3) !important;
}

    .btn-outline-warning-3:hover {
        background-color: var(--color-warning-2) !important;
        border-color: var(--color-warning-3) !important;
        color: var(--color-warning-3-bg-text) !important;
    }
/*warning-3 end*/








/*WARNING END*/

.bg-success-disable {
    background-color: #60B97A;
}

.bg-success-1-disable {
    background-color: #AEECC5;
}

.bg-success-2-disable {
    background-color: #E2FEEF;
}

.bg-success-3-disable {
    background-color: #DFFFEE;
}

.bg-accent {
    background-color: var(--color-accent);
}

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

.btn-accent {
    background-color: var(--color-accent) !important;
    border-color: var(--color-accent-1);
    color: #fff !important;
}

    .btn-accent:hover {
        background-color: var(--color-accent-1) !important;
        color: #fff !important;
    }


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

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

.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary-1);
    color: #fff;
}

    .btn-primary:hover {
        background-color: var(--color-primary-1) !important;
    }

.btn-outline-primary {
    background-color: #fff;
    border-color: var(--color-primary) !important;
    border-width: 0.15rem;
    color: var(--color-primary) !important;
}

    .btn-outline-primary:hover {
        background-color: var(--color-primary-1) !important;
        border-color: var(--color-primary) !important;
        color: #fff !important;
    }


.bg-primary-1 {
    background-color: var(--color-primary-1);
    color: #fff;
}


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

.btn-primary-1 {
    background-color: var(--color-primary-1);
    border-color: var(--color-primary-2);
    color: #fff;
}

    .btn-primary-1:hover {
        background-color: var(--color-primary-2) !important;
        color: #fff !important;
    }

.btn-outline-primary-1 {
    background-color: #fff;
    border-color: var(--color-primary-1) !important;
    border-width: 0.15rem;
    color: var(--color-primary-1) !important;
}

    .btn-outline-primary-1:hover {
        background-color: var(--color-primary-2) !important;
        border-color: var(--color-primary-1) !important;
        color: #fff !important;
    }


.bg-primary-2 {
    background-color: var(--color-primary-2);
    color: #fff;
}


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

.btn-primary-2 {
    background-color: var(--color-primary-2);
    border-color: var(--color-primary-3);
    color: var(-color-tag-a) !important;
}

    .btn-primary-2:hover {
        background-color: var(--color-primary-3) !important;
        color: var(-color-tag-a) !important;
    }

.btn-outline-primary-2 {
    background-color: #fff;
    border-color: var(--color-primary-2) !important;
    border-width: 0.15rem;
    color: var(--color-primary-2) !important;
}

    .btn-outline-primary-2:hover {
        background-color: var(--color-primary-3) !important;
        border-color: var(--color-primary-2) !important;
        color: #fff !important;
    }


.bg-primary-3 {
    background-color: var(--color-primary-3);
    color: #fff;
}


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

.btn-primary-3 {
    background-color: var(--color-primary-3);
    border-color: var(--color-primary-1);
    color: #fff;
}

    .btn-primary-3:hover {
        background-color: var(--color-primary-1) !important;
        color: #fff !important;
    }

.btn-outline-primary-3 {
    background-color: #fff;
    border-color: var(--color-primary-1) !important;
    border-width: 0.15rem;
    color: var(--color-primary-3) !important;
}

    .btn-outline-primary-3:hover {
        background-color: var(--color-primary-1) !important;
        border-color: var(--color-primary-3) !important;
        color: #fff !important;
    }



.bg-danger {
    background-color: var(--color-danger) !important;
    color: #fff;
}

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

.btn-danger {
    background-color: var(--color-danger);
    border-color: var(--color-danger-1);
    color: #fff;
}

    .btn-danger:hover {
        background-color: var(--color-danger-1) !important;
    }

.btn-outline-danger {
    background-color: #fff;
    border-color: var(--color-danger) !important;
    border-width: 0.15rem;
    color: var(--color-danger) !important;
}

    .btn-outline-danger:hover {
        background-color: var(--color-danger-1) !important;
        border-color: var(--color-danger) !important;
        color: #fff !important;
    }


.bg-danger-1 {
    background-color: var(--color-danger-1);
    color: #fff;
}


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

.btn-danger-1 {
    background-color: var(--color-danger-1);
    border-color: var(--color-danger-2);
    color: #fff;
}

    .btn-danger-1:hover {
        background-color: var(--color-danger-2) !important;
        color: #fff !important;
    }

.btn-outline-danger-1 {
    background-color: #fff;
    border-color: var(--color-danger-1) !important;
    border-width: 0.15rem;
    color: var(--color-danger-1) !important;
}

    .btn-outline-danger-1:hover {
        background-color: var(--color-danger-2) !important;
        border-color: var(--color-danger-1) !important;
        color: #fff !important;
    }


.bg-danger-2 {
    background-color: var(--color-danger-2);
    color: #fff;
}


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

.btn-danger-2 {
    background-color: var(--color-danger-2);
    border-color: var(--color-danger-3);
    color: #fff;
}

    .btn-danger-2:hover {
        background-color: var(--color-danger-3) !important;
        color: #fff !important;
    }

.btn-outline-danger-2 {
    background-color: #fff;
    border-color: var(--color-danger-2) !important;
    border-width: 0.15rem;
    color: var(--color-danger-2) !important;
}

    .btn-outline-danger-2:hover {
        background-color: var(--color-danger-3) !important;
        border-color: var(--color-danger-2) !important;
        color: #fff !important;
    }


.bg-danger-3 {
    background-color: var(--color-danger-3);
    color: #fff;
}


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

.btn-danger-3 {
    background-color: var(--color-danger-3);
    border-color: var(--color-danger-1);
    color: #fff;
}

    .btn-danger-3:hover {
        background-color: var(--color-danger-1) !important;
        color: #fff !important;
    }

.btn-outline-danger-3 {
    background-color: #fff;
    border-color: var(--color-danger-1) !important;
    border-width: 0.15rem;
    color: var(--color-danger-3) !important;
}

    .btn-outline-danger-3:hover {
        background-color: var(--color-danger-1) !important;
        border-color: var(--color-danger-3) !important;
        color: #fff !important;
    }



.dsm-bg-color {
    background-color: var(--color-system-bg) !important;
}
ul {
    background-color: var(--color-system-bg) !important;
}
.card-body {
    background-color: var(--color-system-bg) !important;
}

b {
    color: var(--color-tag-b) !important;
}

label {
    color: var(--color-tag-label) !important;
}

a {
    color: var(--color-tag-a) !important;
}

h1 {
    color: var(--color-tag-h1) !important;
}

h2 {
    color: var(--color-tag-h2) !important;
}

h3 {
    color: var(--color-tag-h3) !important;
}

h4 {
    color: var(--color-tag-h4) !important;
}

h5 {
    color: var(--color-tag-h5) !important;
}

h6 {
    color: var(--color-tag-h5) !important;
}

td {
    color: var(--color-tag-td) !important;
}

th {
    color: var(--color-tag-th) !important;
}