.datatable-red {
    color: red !important;
}

.datatable-orange {
    color: orange !important;
}

.datatable-yellow {
    color: yellow !important;
}

.datatable-green {
    color: green !important;
}

.datatable-blue {
    color: mediumblue !important;
}

.datatable-gray {
    color: gray !important;
}

.datatable-black {
    color: black !important;
}

.status-common
{
    width:fit-content;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    padding: 0.25em 0.4em;
}

.status-draft {
    color: #ffbc00;
    background-color: rgba(255,188,0,.18);
    width: fit-content;
}

.status-progress {
    background-color: #b3e5fc;
    color: #23547b;
    width: fit-content;
}

.status-approved {
    color: #0acf97;
    background-color: rgba(10,207,151,.18);
    width: fit-content;
}

.status-not-approved {
    color: #fa5c7c;
    background-color: rgba(250,92,124,.18);
    width: fit-content;
}

.assigned-folio {
    color: darkblue !important;
    background-color: rgba(10,207,151,.18) !important;
    width: fit-content !important;
    font-weight: 700 !important;
}

.not-employee
{
    background-color: #FF0033;
}

.tag {
    align-self: flex-start;
    padding: .25em .75em;
    border-radius: 1em;
    font-size: .75rem;
}

.tag + .tag {
    margin-left: .5em;
}

.tag-blue {
    background: #56CCF2;
    background: linear-gradient(to bottom, #2F80ED, #56CCF2);
    /*color: #fafafa;*/
    color: white;
}

.tag-brown {
    background: #D1913C;
    background: linear-gradient(to bottom, #FFD194, #D1913C);
    color: white;
}

.tag-red {
    background: #cb2d3e;
    background: linear-gradient(to bottom, #ef473a, #cb2d3e);
    color: white;
}

.tag-orange
{
    background: #D18700;
    background: linear-gradient(to bottom, #FFC55C, #D18700);
    color: white;
}

.tag-green
{
    background: #00D100;
    background: linear-gradient(to bottom, #2EFF2E, #00D100);
    color: white;
}