:root {
    --color-0: #ffffff;
    --color-1: #fafafa;
    --color-2: #f5f5f5;
    --color-3: #f0f0f0;
    --color-4: #e0e0e0;
    --color-5: #cccccc;
    --color-6: #b8b8b8;
    --color-7: #a3a3a3;
    --color-8: #8f8f8f;
    --color-9: #7a7a7a;
    --color-10: #666666;
    --color-11: #525252;
    --color-12: #3d3d3d;
    --color-13: #292929;
    --color-14: #141414;
    --color-p1: #85c226;
    --color-p2: #f2ffd3;
    --color-p3: #043105;
    --color-p4: #e3ffa0;
    --color-p7: #09570b;
    --color-p8: #043105;
    --color-s1: #2e3092;
    --color-s2: #a8aaf0;
    --color-s3: #eaebff;
    --check-color: #bdffc4;
    --check-contrast-color: #0b3f10;
    --process-color: #ffed8f;
    --process-contrast-color: #3c340f;
    --cancel-color: #ff4d4d;
    --cancel-contrast-color: #440d0d;
}

.check-color {
    color: #0b3f10;
}

.processo-color {
    color: #3c340f;
}
.cancelado-color {
    color: #440d0d;
}

.check-bg {
    background: var(--check-color);
    color: #0b3f10;
}
.atencao-bg {
    background: #F99B00;
    border: 1px dashed #331F00;
    color: #331F00;
}
.alert-bg {
    color: #0F0000;
    background-color: var(--cancel-color);
    border: 1px dashed var(--cancel-color);
}

.util-color-1 {
    background-color: #ffd84d;
}

.util-color-2 {
    background-color: #ff4d4d;
}

.util-color-3 {
    background-color: #72e37d;
}
.util-color-4 {
    background-color: #77b4ff;
}
.pending-color {
    color: #a78715;
}
.sucess-color {
    color: #12751c;
}

.alert-color {
    color: var(--cancel-color);
}

.color-0 {
    color: var(--color-0);
}
.color-1 {
    color: var(--color-1);
}
.color-2 {
    color: var(--color-2);
}
.color-3 {
    color: var(--color-3);
}
.color-4 {
    color: var(--color-4);
}
.color-5 {
    color: var(--color-5);
}
.color-6 {
    color: var(--color-6);
}
.color-7 {
    color: var(--color-7);
}
.color-8 {
    color: var(--color-8);
}
.color-9 {
    color: var(--color-9);
}
.color-10 {
    color: var(--color-10);
}
.color-11 {
    color: var(--color-11);
}
.color-12 {
    color: var(--color-12);
}

.color-13 {
    color: var(--color-13);
}
.color-14 {
    color: var(--color-14);
}

.color-p1 {
    color: var(--color-p1);
}
.color-p2 {
    color: var(--color-p2);
}
.color-p3 {
    color: var(--color-p3);
}

.color-p4 {
    color: var(--color-p4);
}

.color-p7 {
    color: var(--color-p7);
}

.color-p8 {
    color: var(--color-p8);
}
.color-s1 {
    color: var(--color-s1);
}
.color-s2 {
    color: var(--color-s2);
}

.color-b-0 {
    background-color: var(--color-0);
}
.color-b-1 {
    background-color: var(--color-1);
}
.color-b-2 {
    background-color: var(--color-2);
}
.color-b-3 {
    background-color: var(--color-3);
}
.color-b-4 {
    background-color: var(--color-4);
}
.color-b-5 {
    background-color: var(--color-5);
}
.color-b-6 {
    background-color: var(--color-6);
}
.color-b-7 {
    background-color: var(--color-7);
}
.color-b-8 {
    background-color: var(--color-8);
}
.color-b-9 {
    background-color: var(--color-9);
}
.color-b-10 {
    background-color: var(--color-10);
}
.color-b-11 {
    background-color: var(--color-11);
}
.color-b-12 {
    background-color: var(--color-12);
}

.color-b-13 {
    background-color: var(--color-13);
}
.color-b-14 {
    background-color: var(--color-14);
}

.color-b-p1 {
    background-color: var(--color-p1);
}
.color-b-p2 {
    background-color: var(--color-p2);
}
.color-b-p3 {
    background-color: var(--color-p3);
}
.color-b-p4 {
    background-color: var(--color-p4);
}
.color-b-p7 {
    background-color: var(--color-p7);
}
.color-b-p8 {
    background-color: var(--color-p8);
}
.color-b-s2 {
    background-color: var(--color-s2);
}

.color-b-s1 {
    background-color: var(--color-s1);
}