:root {
    --color-primary: rgb(48, 167, 117);
    --color-primary-light: #eaf9ef;
    --color-dark: rgb(39, 46, 57);

    --theme-red :#F44336;
    --theme-red-light :#FFCDD2;

    --theme-orange :#ff8400;
    --theme-orange-light :#ffd382;

    --theme-bg-alert: #fefbea;
    --theme-bg-alert-dark: #ffcb20;

    --theme-gray-light :#ECEDF3;
    --theme-gray-light-transparent :#ecedf338;

    --theme-blue :#1976D2;
    --theme-blue-light :#CBDFFF;

    --theme-gray :#979CBA;
}

.custom-bg-primary {background-color: var(--color-primary);}
.custom-bg-primary-light {background-color: var(--color-primary-light);}

.custom-text-primary {color: var(--color-primary);}
.custom-text-primary-light {color: var(--color-primary-light);}

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

.custom-border-bottom-1{border-bottom: 1px solid #e7e3ee !important;}
.custom-border-x-1{
    border-right: 1px solid #e7e3ee !important;
    border-left: 1px solid #e7e3ee !important;
}


.theme-status-box-secondary{
    background: var(--theme-gray-light);
    color: var(--theme-gray);
}
.theme-status-box-success{
    background: var(--color-primary-light);
    color: var(--color-primary);
}
.theme-status-box-primary{
    background: var(--theme-blue-light);
    color: var(--theme-blue);
}
.theme-status-box-danger{
    background: var(--theme-red-light);
    color: var(--theme-red);
}
.theme-status-box-warning{
    background: var(--theme-orange-light);
    color: var(--theme-orange);
}

.theme-btn-red-light {
    background: var(--theme-red-light);
    color: var(--theme-red);
}


.color-primary-light-hover {
    transition: color 300ms;
    color: #272e39;
}
.color-primary-light-hover:hover {
    color: var(--color-primary);
}

.icon-dashboard-circle{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: var(--color-primary-light);
    border-radius: 30px 30px 30px 0;
}