:root{    
    /* AREE */
    --color-AM: #448AFF;
    --color-AM-dark: #203c6e;
    --color-AM-light: #D9E8FF;
    --color-AM-disabled: #F1F6FF;
    
    --color-BI: #458E3D;
    --color-BI-dark: #1b5215;
    --color-BI-light: #DAE8D8;
    --color-BI-disabled: #F1F6F0;
    
    --color-TR: #C63830;
    --color-TR-dark: #6e1e1a;
    --color-TR-light: #F4D7D5;
    --color-TR-disabled: #FBF0EF;
    
    --color-ST: #458E3D;
    --color-ST-dark: #1b5215;
    --color-ST-light: #DAE8D8;
    --color-ST-disabled: #F1F6F0;
    
    --color-SG: #FFC107;
    --color-SG-dark: #614e16;
    --color-SG-light: #FFF3CD;
    --color-SG-disabled: #FFFAEC;
    
    --color-AG: var(--color-SG);
    --color-AG-dark: var(--color-SG-dark);
    --color-AG-light: var(--color-SG-light);
    --color-AG-disabled: var(--color-SG-disabled);
    
    --color-CI: #448AFF;
    --color-CI-dark: #203c6e;
    --color-CI-light: #D9E8FF;
    --color-CI-disabled: #F1F6FF;
    
    --color-EZ: #448AFF;
    --color-EZ-dark: #203c6e;
    --color-EZ-light: #D9E8FF;
    --color-EZ-disabled: #F1F6FF;
    
    --color-SI: #344C75;
    --color-SI-dark: #2a3f63;
    --color-SI-light: #D6DBE3;
    --color-SI-disabled: #EFF1F4;
    
    --color-PP: #344C75;
    --color-PP-dark: #2a3f63;
    --color-PP-light: #D6DBE3;
    --color-PP-disabled: #EFF1F4;
    
    --color-LU: #344C75;
    --color-LU-dark: #2a3f63;
    --color-LU-light: #D6DBE3;
    --color-LU-disabled: #EFF1F4;
    
    --color-LUS: #344C75;
    --color-LUS-dark: #2a3f63;
    --color-LUS-light: #D6DBE3;
    --color-LUS-disabled: #EFF1F4;
    
    --color-MC: #FFC107;
    --color-MC-dark: #614e16;
    --color-MC-light: #FFF3CD;
    --color-MC-disabled: #FFFAEC;
}



/* -------------
TEXT COLORS
---------------------------- */
.text-primary{ color: var(--primary-color) !important; }

.text-AM{ color: var(--color-AM) !important; }
.text-BI{ color: var(--color-BI) !important; }
.text-TR{ color: var(--color-TR) !important; }
.text-ST{ color: var(--color-ST) !important; }
.text-SG{ color: var(--color-SG) !important; }
.text-AG{ color: var(--color-AG) !important; }
.text-CI{ color: var(--color-CI) !important; }
.text-EZ{ color: var(--color-EZ) !important; }
.text-SI{ color: var(--color-SI) !important; }
.text-PP{ color: var(--color-PP) !important; }
.text-LU{ color: var(--color-LU) !important; }
.text-LUS{ color: var(--color-LUS) !important; }
.text-MC{ color: var(--color-MC) !important; }

.text-AM-light{ color: var(--color-AM-light) !important; }
.text-BI-light{ color: var(--color-BI-light) !important; }
.text-TR-light{ color: var(--color-TR-light) !important; }
.text-ST-light{ color: var(--color-ST-light) !important; }
.text-SG-light{ color: var(--color-SG-light) !important; }
.text-AG-light{ color: var(--color-AG-light) !important; }
.text-CI-light{ color: var(--color-CI-light) !important; }
.text-EZ-light{ color: var(--color-EZ-light) !important; }
.text-SI-light{ color: var(--color-SI-light) !important; }
.text-PP-light{ color: var(--color-PP-light) !important; }
.text-LU-light{ color: var(--color-LU-light) !important; }
.text-LUS-light{ color: var(--color-LUS-light) !important; }
.text-MC-light{ color: var(--color-MC-light) !important; }

.text-AM-dark{ color: var(--color-AM-dark) !important; }
.text-BI-dark{ color: var(--color-BI-dark) !important; }
.text-TR-dark{ color: var(--color-TR-dark) !important; }
.text-ST-dark{ color: var(--color-ST-dark) !important; }
.text-SG-dark{ color: var(--color-SG-dark) !important; }
.text-AG-dark{ color: var(--color-AG-dark) !important; }
.text-CI-dark{ color: var(--color-CI-dark) !important; }
.text-EZ-dark{ color: var(--color-EZ-dark) !important; }
.text-SI-dark{ color: var(--color-SI-dark) !important; }
.text-PP-dark{ color: var(--color-PP-dark) !important; }
.text-LU-dark{ color: var(--color-LU-dark) !important; }
.text-LUS-dark{ color: var(--color-LUS-dark) !important; }
.text-MC-dark{ color: var(--color-MC-dark) !important; }

.text-AM-disabled{ color: var(--color-AM-disabled) !important; }
.text-BI-disabled{ color: var(--color-BI-disabled) !important; }
.text-TR-disabled{ color: var(--color-TR-disabled) !important; }
.text-ST-disabled{ color: var(--color-ST-disabled) !important; }
.text-SG-disabled{ color: var(--color-SG-disabled) !important; }
.text-AG-disabled{ color: var(--color-AG-disabled) !important; }
.text-CI-disabled{ color: var(--color-CI-disabled) !important; }
.text-EZ-disabled{ color: var(--color-EZ-disabled) !important; }
.text-SI-disabled{ color: var(--color-SI-disabled) !important; }
.text-PP-disabled{ color: var(--color-PP-disabled) !important; }
.text-LU-disabled{ color: var(--color-LU-disabled) !important; }
.text-LUS-disabled{ color: var(--color-LUS-disabled) !important; }
.text-MC-disabled{ color: var(--color-MC-disabled) !important; }

.text-surface-0{ color: var(--surface-0) !important; }
.text-surface-50{ color: var(--surface-50) !important; }
.text-surface-100{ color: var(--surface-100) !important; }
.text-surface-200{ color: var(--surface-200) !important; }
.text-surface-300{ color: var(--surface-300) !important; }
.text-surface-400{ color: var(--surface-400) !important; }
.text-surface-500{ color: var(--surface-500) !important; }
.text-surface-600{ color: var(--surface-600) !important; }
.text-surface-700{ color: var(--surface-700) !important; }
.text-surface-800{ color: var(--surface-800) !important; }
.text-surface-900{ color: var(--surface-900) !important; }



/* -------------
BACKGROUND COLORS
---------------------------- */
.background-primary{ background: var(--primary-color) !important; }

.background-AM{ background: var(--color-AM) !important; }
.background-BI{ background: var(--color-BI) !important; }
.background-TR{ background: var(--color-TR) !important; }
.background-ST{ background: var(--color-ST) !important; }
.background-SG{ background: var(--color-SG) !important; }
.background-AG{ background: var(--color-AG) !important; }
.background-CI{ background: var(--color-CI) !important; }
.background-EZ{ background: var(--color-EZ) !important; }
.background-SI{ background: var(--color-SI) !important; }
.background-PP{ background: var(--color-PP) !important; }
.background-LU{ background: var(--color-LU) !important; }
.background-LUS{ background: var(--color-LUS) !important; }
.background-MC{ background: var(--color-MC) !important; }

.background-AM-light{ background: var(--color-AM-light) !important; }
.background-BI-light{ background: var(--color-BI-light) !important; }
.background-TR-light{ background: var(--color-TR-light) !important; }
.background-ST-light{ background: var(--color-ST-light) !important; }
.background-SG-light{ background: var(--color-SG-light) !important; }
.background-AG-light{ background: var(--color-AG-light) !important; }
.background-CI-light{ background: var(--color-CI-light) !important; }
.background-EZ-light{ background: var(--color-EZ-light) !important; }
.background-SI-light{ background: var(--color-SI-light) !important; }
.background-PP-light{ background: var(--color-PP-light) !important; }
.background-LU-light{ background: var(--color-LU-light) !important; }
.background-LUS-light{ background: var(--color-LUS-light) !important; }
.background-MC-light{ background: var(--color-MC-light) !important; }

.background-AM-dark{ background: var(--color-AM-dark) !important; }
.background-BI-dark{ background: var(--color-BI-dark) !important; }
.background-TR-dark{ background: var(--color-TR-dark) !important; }
.background-ST-dark{ background: var(--color-ST-dark) !important; }
.background-SG-dark{ background: var(--color-SG-dark) !important; }
.background-AG-dark{ background: var(--color-AG-dark) !important; }
.background-CI-dark{ background: var(--color-CI-dark) !important; }
.background-EZ-dark{ background: var(--color-EZ-dark) !important; }
.background-SI-dark{ background: var(--color-SI-dark) !important; }
.background-PP-dark{ background: var(--color-PP-dark) !important; }
.background-LU-dark{ background: var(--color-LU-dark) !important; }
.background-LUS-dark{ background: var(--color-LUS-dark) !important; }
.background-MC-dark{ background: var(--color-MC-dark) !important; }

.background-AM-disabled{ background: var(--color-AM-disabled) !important; }
.background-BI-disabled{ background: var(--color-BI-disabled) !important; }
.background-TR-disabled{ background: var(--color-TR-disabled) !important; }
.background-ST-disabled{ background: var(--color-ST-disabled) !important; }
.background-SG-disabled{ background: var(--color-SG-disabled) !important; }
.background-AG-disabled{ background: var(--color-AG-disabled) !important; }
.background-CI-disabled{ background: var(--color-CI-disabled) !important; }
.background-EZ-disabled{ background: var(--color-EZ-disabled) !important; }
.background-SI-disabled{ background: var(--color-SI-disabled) !important; }
.background-PP-disabled{ background: var(--color-PP-disabled) !important; }
.background-LU-disabled{ background: var(--color-LU-disabled) !important; }
.background-LUS-disabled{ background: var(--color-LUS-disabled) !important; }
.background-MC-disabled{ background: var(--color-MC-disabled) !important; }

.background-surface-0{ background: var(--surface-0) !important; }
.background-surface-50{ background: var(--surface-50) !important; }
.background-surface-100{ background: var(--surface-100) !important; }
.background-surface-200{ background: var(--surface-200) !important; }
.background-surface-300{ background: var(--surface-300) !important; }
.background-surface-400{ background: var(--surface-400) !important; }
.background-surface-500{ background: var(--surface-500) !important; }
.background-surface-600{ background: var(--surface-600) !important; }
.background-surface-700{ background: var(--surface-700) !important; }
.background-surface-800{ background: var(--surface-800) !important; }
.background-surface-900{ background: var(--surface-900) !important; }



/* -------------
UI LABELS
---------------------------- */
.ui-label {
    border-radius: 4px;
    padding: 0.35em 0.6rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .85rem !important;
    text-decoration: none !important;
}

.ui-label.rounded{
    border-radius: 100vmax;
}

.ui-label.small{
    font-size: .75rem !important;
    padding: 0.3em 0.5rem;
}

.ui-label *[class^="mgg-icons-"],
.ui-label *[class*=" mgg-icons-"]{
    font-size: 1rem !important;
}

.ui-label.ui-label-green {
    /*background: #C8E6C9 !important;
    color: #184a1c !important;*/
    
    background: var(--green-100) !important;
    color: var(--green-900) !important;
}
.ui-label.ui-label-red {
    background: var(--red-100) !important;
    color: var(--red-900) !important;
}
.ui-label.ui-label-yellow {
    background: var(--yellow-100) !important;
    color: var(--yellow-900) !important;
}
.ui-label.ui-label-orange {
    background: var(--orange-100) !important;
    color: var(--orange-900) !important;
}
.ui-label.ui-label-blue {
    background: var(--blue-100) !important;
    color: var(--blue-900) !important;
}
.ui-label.ui-label-purple {
    background: var(--purple-100) !important;
    color: var(--purple-900) !important;
}
.ui-label.ui-label-grey {
    background: var(--surface-200) !important;
    color: var(--surface-900) !important;
}