/* Array
["26519f","b5b7b9","278ac8","c0d5e9","858789","81b3da","2a62aa","1575ba","2fa3db"]
*/

:root {
    --company-color-100: #26519f;
    --company-color-90: #26519f;
    --company-color-80: #2a62aa;
    --company-color-70: #1575ba;
    --company-color-60: #278ac8;
    --company-color-50: #2fa3db;
    --company-color-40: #81b3da;
    --company-color-30: #c0d5e9;
    --company-color-20: #b5b7b9;
    --company-color-10: #858789;
    --company-color-05: #26519f10;
    --company-color-03: #333333;
    --company-color-00: #ffffff;
}

.bg-company-100 { background-color: var(--company-color-100); }
.bg-company-90  { background-color: var(--company-color-90); }
.bg-company-80  { background-color: var(--company-color-80); }
.bg-company-70  { background-color: var(--company-color-70); }
.bg-company-60  { background-color: var(--company-color-60); }
.bg-company-50  { background-color: var(--company-color-50); }
.bg-company-40  { background-color: var(--company-color-40); }
.bg-company-30  { background-color: var(--company-color-30); }
.bg-company-20  { background-color: var(--company-color-20); }
.bg-company-10  { background-color: var(--company-color-10); }
.bg-company-05  { background-color: var(--company-color-05); }
.bg-company-03  { background-color: var(--company-color-03); }
.bg-company-00  { background-color: var(--company-color-00); }


.text-company-100 { color: var(--company-color-100); }
.text-company-90  { color: var(--company-color-90); }
.text-company-80  { color: var(--company-color-80); }
.text-company-70  { color: var(--company-color-70); }
.text-company-60  { color: var(--company-color-60); }
.text-company-50  { color: var(--company-color-50); }
.text-company-40  { color: var(--company-color-40); }
.text-company-30  { color: var(--company-color-30); }
.text-company-20  { color: var(--company-color-20); }
.text-company-10  { color: var(--company-color-10); }
.text-company-03  { color: var(--company-color-03); }
.text-company-00  { color: var(--company-color-00); }


.border-company-100 { border-color: var(--company-color-100); }
.border-company-90  { border-color: var(--company-color-90); }
.border-company-80  { border-color: var(--company-color-80); }
.border-company-70  { border-color: var(--company-color-70); }
.border-company-60  { border-color: var(--company-color-60); }
.border-company-50  { border-color: var(--company-color-50); }
.border-company-40  { border-color: var(--company-color-40); }
.border-company-30  { border-color: var(--company-color-30); }
.border-company-20  { border-color: var(--company-color-20); }
.border-company-10  { border-color: var(--company-color-10); }
.border-company-03  { border-color: var(--company-color-03); }
.border-company-00  { border-color: var(--company-color-00); }



/* hover bg */
.hover\:bg-company-100:hover { background-color: var(--company-color-100); }
.hover\:bg-company-90:hover  { background-color: var(--company-color-90); }
.hover\:bg-company-80:hover  { background-color: var(--company-color-80); }
.hover\:bg-company-70:hover  { background-color: var(--company-color-70); }
.hover\:bg-company-60:hover  { background-color: var(--company-color-60); }
.hover\:bg-company-50:hover  { background-color: var(--company-color-50); }
.hover\:bg-company-40:hover  { background-color: var(--company-color-40); }
.hover\:bg-company-30:hover  { background-color: var(--company-color-30); }
.hover\:bg-company-20:hover  { background-color: var(--company-color-20); }
.hover\:bg-company-10:hover  { background-color: var(--company-color-10); }
.hover\:bg-company-03:hover  { background-color: var(--company-color-03); }
.hover\:bg-company-00:hover  { background-color: var(--company-color-00); }

/* hover text */
.hover\:text-company-100:hover { color: var(--company-color-100); }
.hover\:text-company-90:hover  { color: var(--company-color-90); }
.hover\:text-company-80:hover  { color: var(--company-color-80); }
.hover\:text-company-70:hover  { color: var(--company-color-70); }
.hover\:text-company-60:hover  { color: var(--company-color-60); }
.hover\:text-company-50:hover  { color: var(--company-color-50); }
.hover\:text-company-40:hover  { color: var(--company-color-40); }
.hover\:text-company-30:hover  { color: var(--company-color-30); }
.hover\:text-company-20:hover  { color: var(--company-color-20); }
.hover\:text-company-10:hover  { color: var(--company-color-10); }
.hover\:text-company-03:hover  { color: var(--company-color-03); }
.hover\:text-company-00:hover  { color: var(--company-color-00); }

/* hover border */
.hover\:border-company-100:hover { border-color: var(--company-color-100); }
.hover\:border-company-90:hover  { border-color: var(--company-color-90); }
.hover\:border-company-80:hover  { border-color: var(--company-color-80); }
.hover\:border-company-70:hover  { border-color: var(--company-color-70); }
.hover\:border-company-60:hover  { border-color: var(--company-color-60); }
.hover\:border-company-50:hover  { border-color: var(--company-color-50); }
.hover\:border-company-40:hover  { border-color: var(--company-color-40); }
.hover\:border-company-30:hover  { border-color: var(--company-color-30); }
.hover\:border-company-20:hover  { border-color: var(--company-color-20); }
.hover\:border-company-10:hover  { border-color: var(--company-color-10); }
.hover\:border-company-03:hover  { border-color: var(--company-color-03); }
.hover\:border-company-00:hover  { border-color: var(--company-color-00); }

/* active bg (pressed) */
.active\:bg-company-100:active { background-color: var(--company-color-100); }
.active\:bg-company-90:active  { background-color: var(--company-color-90); }
.active\:bg-company-80:active  { background-color: var(--company-color-80); }
.active\:bg-company-70:active  { background-color: var(--company-color-70); }
.active\:bg-company-60:active  { background-color: var(--company-color-60); }
.active\:bg-company-50:active  { background-color: var(--company-color-50); }
.active\:bg-company-40:active  { background-color: var(--company-color-40); }
.active\:bg-company-30:active  { background-color: var(--company-color-30); }
.active\:bg-company-20:active  { background-color: var(--company-color-20); }
.active\:bg-company-10:active  { background-color: var(--company-color-10); }
.active\:bg-company-03:active  { background-color: var(--company-color-03); }
.active\:bg-company-00:active  { background-color: var(--company-color-00); }

/* active text */
.active\:text-company-100:active { color: var(--company-color-100); }
.active\:text-company-90:active  { color: var(--company-color-90); }
.active\:text-company-80:active  { color: var(--company-color-80); }
.active\:text-company-70:active  { color: var(--company-color-70); }
.active\:text-company-60:active  { color: var(--company-color-60); }
.active\:text-company-50:active  { color: var(--company-color-50); }
.active\:text-company-40:active  { color: var(--company-color-40); }
.active\:text-company-30:active  { color: var(--company-color-30); }
.active\:text-company-20:active  { color: var(--company-color-20); }
.active\:text-company-10:active  { color: var(--company-color-10); }
.active\:text-company-03:active  { color: var(--company-color-03); }
.active\:text-company-00:active  { color: var(--company-color-00); }

/* active border */
.active\:border-company-100:active { border-color: var(--company-color-100); }
.active\:border-company-90:active  { border-color: var(--company-color-90); }
.active\:border-company-80:active  { border-color: var(--company-color-80); }
.active\:border-company-70:active  { border-color: var(--company-color-70); }
.active\:border-company-60:active  { border-color: var(--company-color-60); }
.active\:border-company-50:active  { border-color: var(--company-color-50); }
.active\:border-company-40:active  { border-color: var(--company-color-40); }
.active\:border-company-30:active  { border-color: var(--company-color-30); }
.active\:border-company-20:active  { border-color: var(--company-color-20); }
.active\:border-company-10:active  { border-color: var(--company-color-10); }
.active\:border-company-03:active  { border-color: var(--company-color-03); }
.active\:border-company-00:active  { border-color: var(--company-color-00); }


.mt-company-40{margin-top: 40px !important;}
.mt-company-45{margin-top: 45px !important;}
.mt-company-50{margin-top: 50px !important;}
.mt-company-55{margin-top: 55px !important;}
.mt-company-60{margin-top: 60px !important;}
.mt-company-65{margin-top: 65px !important;}
.mt-company-70{margin-top: 70px !important;}
.mt-company-75{margin-top: 75px !important;}
.mt-company-80{margin-top: 80px !important;}