:root {
    /* Primary Colores */
    --primary-color: #f04e23;
    --primary-color-dark: #e13215;
    --primary-color-darker: #bb2213;
    --primary-color-light: #f7a17a;
    --primary-color-lighter: #fbc7ad;
    --primary-color-filter: invert(28%) sepia(96%) saturate(1947%) hue-rotate(352deg) brightness(108%) contrast(88%);
    --primary-color-darker-filter: invert(30%) sepia(25%) saturate(6218%) hue-rotate(346deg) brightness(72%) contrast(108%);
    /* Secondary Colors */
    --secondary-color: #717275;
    --secondary-color-dark: #4f4e50;
    --secondary-color-light: #d0d0d1;
    --secondary-color-lighter: #e6e6e7;
    --secondary-color-filter: brightness(0) saturate(100%) invert(47%) sepia(4%) saturate(278%) hue-rotate(187deg) brightness(92%) contrast(87%);
    --secondary-color-light-filter: invert(91%) sepia(1%) saturate(210%) hue-rotate(201deg) brightness(95%) contrast(86%);
    --secondary-color-dark-filter: invert(30%) sepia(0%) saturate(7447%) hue-rotate(291deg) brightness(94%) contrast(85%);
    /* Tertiary Colors */
    --tertiary-color: #00aeef;
    --tertiary-color-dark: #0093d4;
    --tertiary-color-light: #c8f1ff;
    --tertiary-color-lighter: #EFFAFF;
    --tertiary-color-dark-filter: invert(44%) sepia(55%) saturate(4126%) hue-rotate(172deg) brightness(94%) contrast(103%);
    /* Error Colors */
    --error-color: #FC4343;
    --error-color-light: #FFE4E4;
    --error-color-dark: #9D2B2B;
    --error-color-dark-filter: invert(22%) sepia(16%) saturate(7466%) hue-rotate(337deg) brightness(94%) contrast(93%);
    /* Warning Colors */
    --warning-color: #FFCD1D;
    --warning-color-light: #FFF9E4;
    --warning-color-dark: #CBA317;
    --warning-color-dark-filter: invert(78%) sepia(60%) saturate(3139%) hue-rotate(5deg) brightness(93%) contrast(82%);
    /* Positive Colors */
    --positive-color: #15DD7D;
    --positive-color-light: #B7FFDC;
    --positive-color-dark: #18784A;
    --positive-color-dark-filter: invert(37%) sepia(33%) saturate(945%) hue-rotate(99deg) brightness(92%) contrast(91%);
    /* Disabled Colors */
    --disabled-color: #f5f5f6;
    /* Background Colors */
    --light-color: #FFFFFF;
    --light-color-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
    --dark-color: #000000;
    --background-body-color: #f5f5f6;
    --background-shadow-color-light: #0000000a;
    --background-shadow-color-dark: #0000000f;
    /* Text Colors */
    --text-color: #727274;
    --text-light-color: #9FA6B2;
    --text-primary-color: #f04d23;
    --text-contrast-color: #FFFFFF;
    /* Input Colors */
    --input-border-color: #D1D5DB;
    --input-text-color: #272E37;
    /* Font Family */
    --body-font: 'Quicksand';
    /* --alert-color: #AE2424;
    --active-color: #0B6D99;
    --active-bg-color: #C8E3EE;
    --inactive-color: #E6BE26;
    --inactive-bg-color: #FFF4C9;
    --expired-color: #AE2424;
    --expired-bg-color: #FFBFBF; */
    /*Text themes*/
    /* --text-body-color: #727274;
    --table-div-color: #CCCCCC; */
    /*Background color themes*/
    /* --background-paper-color: #ffffff;
    --background-shadow-color: #CACACA; */
}

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

.primary-color-dark {
    color: var(--primary-color-darker) !important;
}

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

.primary-color-lighter {
    color: var(--primary-color-lighter) !important;
}

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

.secondary-color-dark {
    color: var(--secondary-color-dark) !important;
}

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

.secondary-color-lighter {
    color: var(--secondary-color-lighter) !important;
}

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

.tertiary-color-dark {
    color: var(--tertiary-color-dark) !important;
}

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

.tertiary-color-lighter {
    color: var(--tertiary-color-lighter) !important;
}

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

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

.error-color-dark {
    color: var(--error-color-dark) !important;
}

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

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

.positive-color-dark {
    color: var(--positive-color-dark) !important;
}

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

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

.warning-color-dark {
    color: var(--warning-color-dark) !important;
}

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

.background-body-color {
    background-color: var(--background-body-color) !important;
}

.primary-background-color {
    background-color: var(--primary-color) !important;
}

.primary-background-color-dark {
    background-color: var(--primary-color-darker) !important;
}

.primary-background-color-light {
    background-color: var(--primary-color-light) !important;
}

.primary-background-color-lighter {
    background-color: var(--primary-color-lighter) !important;
}

.secondary-background-color {
    background-color: var(--secondary-color) !important;
}

.secondary-background-color-dark {
    background-color: var(--secondary-color-dark) !important;
}

.secondary-background-color-light {
    background-color: var(--secondary-color-light) !important;
}

.secondary-background-color-lighter {
    background-color: var(--secondary-color-lighter) !important;
}

.tertiary-background-color {
    background-color: var(--tertiary-color) !important;
}

.tertiary-background-color-dark {
    background-color: var(--tertiary-color-dark) !important;
}

.tertiary-background-color-light {
    background-color: var(--tertiary-color-light) !important;
}

.tertiary-background-color-lighter {
    background-color: var(--tertiary-color-lighter) !important;
}

.error-background-color {
    background-color: var(--error-color) !important;
}

.error-background-color-light {
    background-color: var(--error-color-light) !important;
}

.error-background-color-dark {
    background-color: var(--error-color-dark) !important;
}

.positive-background-color {
    background-color: var(--positive-color) !important;
}

.positive-background-color-light {
    background-color: var(--positive-color-light) !important;
}

.positive-background-color-dark {
    background-color: var(--positive-color-dark) !important;
}

.warning-background-color {
    background-color: var(--warning-color) !important;
}

.warning-background-color-light {
    background-color: var(--warning-color-light) !important;
}

.warning-background-color-dark {
    background-color: var(--warning-color-dark) !important;
}

.primary-color-filter {
    filter: var(--primary-color-filter);
}

.secondary-color-filter {
    filter: var(--secondary-color-filter);
}

.secondary-color-light-filter {
    filter: var(--secondary-color-light-filter);
}

.secondary-color-dark-filter {
    filter: var(--secondary-color-dark-filter);
}

.tertiary-color-dark-filter {
    filter: var(--tertiary-color-dark-filter);
}

.error-color-dark-filter {
    filter: var(--error-color-dark-filter);
}

.warning-color-dark-filter {
    filter: var(--warning-color-dark-filter);
}

.positive-color-dark-filter {
    filter: var(--positive-color-dark-filter);
}

.primary-color-filter-hover:hover {
    filter: var(--primary-color-filter);
}

.secondary-color-filter-hover:hover {
    filter: var(--secondary-color-filter);
}

.secondary-color-light-filter-hover:hover {
    filter: var(--secondary-color-light-filter);
}