/*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: #852fc4;
    --color-orange-1: #dd9d22;
    --color-orange-2: #ec8e3d;
    --color-blue-1: #4292E7;
    --color-blue-2: #1a7dc7;
    --color-blue-3: #15629c;
    --color-yellow-1: #FCC350;
    --color-grey-1: #f1f1f1;
    --color-grey-2: #dadada;
    --color-grey-3: #acacac;
    --color-grey-4: #979797;
    --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: #fce1ca;
    --color-purple-1-light: #dfdcf5;
    --max-cell-width: 216px;
}

.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-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;
}