/*COLORS*/
:root {
    --color-red-1: #c42f41;
    --color-red-2: #c94a49;
    --color-red-3: #801837;
    --color-red-4: #511734;
    --color-red-5: #2c152b;
    --color-red-6: #ff8080;
    --color-red-7: #e9546b;
    --color-green-1: #2ab367;
    --color-purple-1: #4f46e5;
    --color-orange-1: #d97706;
    --color-orange-2: #ec8e3d;
    --color-blue-1: #4292E7;
    --color-blue-2: #1a7dc7;
    --color-blue-3: #15629c;
    --color-yellow-1: #FCC350;
    --color-grey-1: #f1f5f9;
    --color-grey-2: #dadada;
    --color-grey-3: #acacac;
    --color-grey-4: #979797;
    --color-grey-5: #f3f3f3;
    --color-black-1: #22282e;
    --color-white-1: #ffffff;
    --color-blue-1-light: #e0efff;
    --color-blue-2-light: #c5def1;
    --color-green-1-light: #D1F2EB;
    --color-yellow-1-light: #FFF5E0;
    --color-red-1-light: #F5DCDF;
    --color-orange-1-light: #fef3c7;
    --color-purple-1-light: #eef2ff;
    --max-cell-width: 216px;
    --color-task-status-pending_accept: #fff3cd;
    --color-task-status-pending: #ffd7d7;
    --color-task-status-inprogress: #ffebd9;
    --color-task-status-waiting: #dcf5fc;
    --color-task-status-done: #d9ffe6;
    --color-task-priority-low: #d0ffcc;
    --color-task-priority-medium: #ffdbbb;
    --color-task-priority-high: #fdc5cc;
}

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

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

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

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

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

.color-red-4 {
    color: var(--color-red-4) !important;
}

.color-red-5 {
    color: var(--color-red-5) !important;
}
.color-red-7 {
    color: var(--color-red-7) !important;
}
.color-purple-1 {
    color: var(--color-purple-1) !important;
}


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

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

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

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

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

.color-grey-2 {
    color: var(--color-grey-2) !important;
}
.color-grey-3 {
    color: var(--color-grey-3) !important;
}
.color-grey-4 {
    color: var(--color-grey-4) !important;
}
.color-black-1 {
    color: var(--color-black-1) !important;
}

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

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

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

.bkcolor-red-1 {
    background-color: var(--color-red-1) !important;
}

.bkcolor-red-2 {
    background-color: var(--color-red-2) !important;
}

.bkcolor-red-3 {
    background-color: var(--color-red-3) !important;
}

.bkcolor-red-4 {
    background-color: var(--color-red-4) !important;
}

.bkcolor-red-5 {
    background-color: var(--color-red-5) !important;
}

.bkcolor-red-1-light {
    background-color: var(--color-red-1-light) !important;
}

.bkcolor-orange-1 {
    background-color: var(--color-orange-1) !important;
}

.bkcolor-orange-2 {
    background-color: var(--color-orange-2) !important;
}

.bkcolor-green-1 {
    background-color: var(--color-green-1) !important;
}
.bkcolor-green-5 {
    background-color: var(--color-green-5) !important;
}

.bkcolor-blue-1 {
    background-color: var(--color-blue-1) !important;
}
.bkcolor-blue-2 {
    background-color: var(--color-blue-2) !important;
}

.bkcolor-yellow-1 {
    background-color: var(--color-yellow-1) !important;
}
.bkcolor-grey-1 {
    background-color: var(--color-grey-1) !important;
}
.bkcolor-green-1-light {
    background-color: var(--color-green-1-light) !important;
}

[data-task-status-bg="Pending_Accept"] {
    background-color: var(--color-task-status-pending_accept);
}

[data-task-status-bg="Pending"] {
    background-color: var(--color-task-status-pending);
}

[data-task-status-bg="InProgress"] {
    background-color: var(--color-task-status-inprogress);

}

[data-task-status-bg="Waiting"] {
    background-color: var(--color-task-status-waiting);
}

[data-task-status-bg="Done"] {
    background-color: var(--color-task-status-done);

}

[data-task-priority-bg="Low"] {
    background-color: var(--color-task-priority-low);
    border: 1px solid #07dc07;
    color: #0b640b;
}

[data-task-priority-bg="Medium"] {
    background-color: var(--color-task-priority-medium);
    border: 1px solid #fbac67;
    color: #ba5700;
}

[data-task-priority-bg="High"] {
    background-color: var(--color-task-priority-high);
    color: #940505;
    border: 1px solid #d95039;
}