/* Inizio mappatura colori */
:root {
    /* Neutral */

    --neutral-50: #F8FAFC;
    --neutral-100: #F1F5F9;
    --neutral-200: #E2E8F0;
    --neutral-300: #CBD5E1;
    --neutral-350: #B0BCCD;
    --neutral-400: #94A3B8;
    --neutral-500: #64748B;
    --neutral-600: #475569;
    --neutral-700: #334155;
    --neutral-800: #1E293B;
    --neutral-900: #0F172A;
    /* Primary */

    --primary-lighter: #4CA8FF;
    --primary-light: #3F8BFF;
    --primary: #3473F2;
    --primary-dark: #2A5DC4;
    --primary-darker: #224B9F;
    /* Secondary */

    --secondary-1: #5434F2;
    --secondary-2: #34D2F2;
    /* Success */

    --success-light: #91CB6C;
    --success: #2C8A68;
    --success-custom: #206E52;
    --apple: #70AD47;
    /* Error */
    --error-light: #F17878;
    --error: #E40045;
    --error-dark: #A90033;
    --error-custom: rgb(220, 50, 50);
    --error-dark-custom: #90002B;
    /* Warning */

    --warning-light: #FDC768;
    --warning: #FCA103;
    --warning-dark: #CA8102;
    --warning-custom: #df8d00;
    /* Altri colori*/
    --grey-custom: #C4C4C4;
    /* Colori Scheduler */
    --verde-scuro: #0b6a0b;
    --rosso: #c50f1f;
    --giallo: #ffb900;
    --grigio: #7a7574;
}
/* Fine mappatura colori */

/* ###########################################
 *  Classi custom per colori della grafica
 * ########################################### */


/* SFONDO */

.b-white{
    background-color: #fff !important;
}

/* Grigio */

.b-neutral-50 {
    background-color: var(--neutral-50) !important;
}

.b-neutral-100 {
    background-color: var(--neutral-100) !important;
}

.b-neutral-200 {
    background-color: var(--neutral-200) !important;
}

.b-neutral-300 {
    background-color: var(--neutral-300) !important;
}

.b-neutral-350 {
    background-color: var(--neutral-350) !important;
}

.b-neutral-400 {
    background-color: var(--neutral-400) !important;
}

.b-neutral-500 {
    background-color: var(--neutral-500) !important;
}

.b-neutral-600 {
    background-color: var(--neutral-600) !important;
}

.b-neutral-700 {
    background-color: var(--neutral-700) !important;
}

.b-neutral-800 {
    background-color: var(--neutral-800) !important;
}

.b-neutral-900 {
    background-color: var(--neutral-900) !important;
}

/* Primary */

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

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

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

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

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

/* Secondary */

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

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

.b-move-gradient {
    background-image: linear-gradient(0deg, rgba(0, 0,0,0.2), rgba(0, 0, 0, 0.2)),
        linear-gradient(157.3deg, #24338A -14.41%, #24338A 9.38%, #24338A 31.26%, #264396 48.54%, #295AA7 76.93%, #2A62AD 95.45%, #2A62AD 109.03%);
}

/* Success */

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

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

/* Error */

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

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

.b-error-dark {
    background-color: firebrick !important; /*var(--error-dark)*/
}

/* Warning */

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

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

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

/* TESTO */

.c-white {
    color: #FFF;
}

/* Neutral */

.c-neutral-50 {
    color: var(--neutral-50) !important;
}

.c-neutral-100 {
    color: var(--neutral-100) !important;
}

.c-neutral-200 {
    color: var(--neutral-200) !important;
}

.c-neutral-300 {
    color: var(--neutral-300) !important;
}

.c-neutral-350 {
    color: var(--neutral-350) !important;
}

.c-neutral-400 {
    color: var(--neutral-400) !important;
}

.c-neutral-500 {
    color: var(--neutral-500) !important;
}

.c-neutral-600 {
    color: var(--neutral-600) !important;
}

.c-neutral-700 {
    color: var(--neutral-700) !important;
}

.c-neutral-800 {
    color: var(--neutral-800) !important;
}

.c-neutral-900 {
    color: var(--neutral-900) !important;
}

/* Primary */

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

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

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

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

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

/* Secondary */

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

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

/* Success */

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

.c-success {
    color: var(--success) !important; /*green*/
}

.c-success-custom {
    color: #6c9750 !important;
}

/* Error */

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

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

.c-error-dark {
    color: firebrick !important; /*var(--error-dark)*/
}

/* Warning */

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

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

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

/* Altri colori */

.c-grey-custom {
    color: var(--grey-custom) !important;
}