:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #868e96;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #868e96;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --azzurro: #7abfc4;
    --giallo: #e9bd3d;
    --verdescuro: #55664f;
    --verdesalvia: #91a67c; /* rgb(145, 166, 124) */
    --indianred: #cd5c5c;
    --white: #ffffff;
    --whitelight: #eeeeee;
    --fullscreen: rgb(33, 37, 41, 0.5);
    --fullscreenNew: #ffe4b5;
    --gold: rgb(255, 215, 0);
    --silver: rgb(192, 192, 192, 0.5);
    --transparent-blue: rgba(0, 0, 255, 0.1);
    --brown: #66001A;
    /* section dark */
    --darkblue: rgb(0, 0, 139);
    --darkcyan: rgb(0, 139, 139);
    --darkgoldenrod: rgb(184, 134, 11);
    --darkgray: rgb(169, 169, 169);
    --darkgreen: rgb(0, 100, 0);
    --darkkhaki: rgb(189, 183, 107);
    --darkmagenta: rgb(139, 0, 139);
    --darkolivegreen: rgb(85, 107, 47);
    --darkorange: rgb(255, 140, 0);
    --darkorchid: rgb(153, 50, 204);
    --darkred: rgb(139, 0, 0);
    --darksalmon: rgb(233, 150, 122);
    --darkseagreen: rgb(143, 188, 143);
    --darkslateblue: rgb(72, 61, 139);
    --darkslategray: rgb(47, 79, 79);
    --darkslategrey: rgb(47, 79, 79);
    --darkturquoise: rgb(0, 206, 209);
    --darkviolet: rgb(48, 0, 211);
    /* section dark */
    /* section light */
    --lightblue: rgb(173, 216, 230);
    --lightcoral: rgb(240, 128, 128);
    --lightcyan: rgb(224, 255, 255);
    --lightgoldenrodyellow: rgb(250, 250, 210);
    --lightgray: rgb(211, 211, 211);
    --lightgreen: rgb(144, 238, 144);
    --lightgrey: rgb(211, 211, 211);
    --lightpink: rgb(255, 182, 193);
    --lightsalmon: rgb(255, 160, 122);
    --lightseagreen: rgb(32, 178, 170);
    --lightskyblue: rgb(135, 206, 250);
    --lightslategray: rgb(119, 136, 153);
    --lightslategrey: rgb(119, 136, 153);
    --lightsteelblue: rgb(176, 196, 222);
    --lightyellow: rgb(255, 255, 224);
    /* section light */
    --floralwhite: rgb(255,250,240);
    --verde-pablos: #315941;
    --rosa-pablos: #f1cfb4;
    --azzurro-pablos: rgb(145, 205, 198);
    --giallo-pablos: #f1ce7b;
    --verde-chiaro-pablos: #A5BA85;
}


/* COLORI CUSTOM AZIENDA. */
.verde_chiaro_background {
    background-color: #A5BA85;/*#c9dbc5;*/
    /* #7abfc4;*/
    color: #ffffff;
}

.giallo_background {
    background-color: #f1ce7b;/*#e9bd3d;*/
    color: #ffffff !important;
}

.verdescuro_background {
    background-color: #315941;/*#55664f;*/
    color: #ffffff;
}

.verdesalvia_background {
    background-color: #91a67c;
    color: #ffffff !important;
}

.rosa_background {
    background-color: var(--rosa-pablos); /*#b54a50;*/ /*#f1cfb4;*/ /*#55664f;*/
    color: #ffffff;
}

.azzurro_background {
    background-color: var(--azzurro-pablos);
    color: #ffffff;
}
.indianred_background {
    background-color: #cd5c5c;
    color: #ffffff;
}

.root-text-background-color-danger-light {
    background-color: var(--lightcoral);
    color: var(--white);
}

.success-text-bg {
    background-color: var(--success);
    color: var(--white);
}

.info-text-bg {
    background-color: var(--info);
    color: var(--white);
}

.primary-text-bg {
    background-color: var(--primary);
    color: var(--white);
}

.danger-text-bg {
    background-color: var(--danger);
    color: var(--white);
}

.warning-text-bg {
    background-color: var(--warning);
    color: var(--dark);
}

.gray-text-bg {
    background-color:var(--gray);
    color: var(--white);
}
.dark-text-bg {
    background-color: var(--dark);
    color: var(--white);
}

.root-background-text-azzurro {
    background-color: var(--info);
    color: var(--white);
}

.azzurro_text {
    color: #7abfc4;
}

.giallo_text {
    color: #e9bd3d;
}

.verdescuro_text {
    color: #55664f;
}

.verdesalvia_text {
    color: #91a67c;
}

.indianred_text {
    color: #cd5c5c;
}

.verde-pablos-text {
    color: var(--verde-pablos);
}
.rosa-pablos-text {
    color: var(--rosa-pablos);
}
.azzurro-pablos-text {
    color: var(--azzurro-pablos);
}
.giallo-pablos-text {
    color: var(--giallo-pablos);
}
.verde-chiaro-pablos-text {
    color: var(--verde-chiaro-pablos);
}
/* /COLORI CUSTOM AZIENDA. */


/* CREO LE CLASSI DA CHIAMARE ALL'OCCORRENZA SOLO TESTO */

.root-text-color-blue {
    color: var(--blue);
}

.root-text-color-purple {
    color: var(--purple);
}

.root-text-align-left {
    text-align: left;
}

.root-text-align-center {
    text-align: center;
}

.root-text-align-right {
    text-align: right;
}

.root-text-color-secondary {
    color: var(--secondary);
}

/* /CREO LE CLASSI DA CHIAMARE ALL'OCCORRENZA SOLO TESTO */


/* CREO LE CLASSI DA CHIAMARE ALL'OCCORRENZA SOLO BACKGROUND */

.root-bg-color-blue {
    background-color: var(--blue);
}


/* /CREO LE CLASSI DA CHIAMARE ALL'OCCORRENZA SOLO BACKGROUD */


/* CREO LE CLASSI DA CHIAMARE ALL'OCCORRENZA TESTO & BACKGROUND */

.root-txt-bg-color-blue {
    color: var(--blue);
    background-color: var(--blue);
}


/* /CREO LE CLASSI DA CHIAMARE ALL'OCCORRENZA TESTO & BACKGROUND */


/* CUSTOMIZED FONTS */

.root-font-bold {
    font-weight: bold;
}

.root-font-uppercase {
    text-transform: uppercase;
}

.root-font-lowercase {
    text-transform: lowercase;
}

.root-font-prima-lettera {
    text-transform: capitalize;
}

.root-font-pt-5 {
    font-size: 5pt;
}

.root-font-pt-6 {
    font-size: 6pt;
}

.root-font-pt-8 {
    font-size: 8pt;
}

.root-font-pt-9 {
    font-size: 9pt;
}

.root-font-pt-10 {
    font-size: 10pt;
}

.root-font-pt-11 {
    font-size: 11pt;
}

.root-font-pt-12 {
    font-size: 12pt;
}

.root-font-pt-14 {
    font-size: 14pt;
}

.root-font-family-courier {
    font-family: 'Courier New', Courier, monospace;
}
/* /CUSTOMIZED FONTS */


/* NASCONDO AL DISPLAY */

.root-display-none {
    display: none;
}

.root-display-block {
    display: block;
}


/* /NASCONDO AL DISPLAY */


/* PULISCO IL DOM */

.root-clear-dom {
    clear: both;
}


/* /PULISCO IL DOM */


/* CURSORE POINTER */

.crs-pointer {
    cursor: pointer;
}


/* /CURSORE POINTER */


/* ELEMENTI LEFT RIGHT */

.el-align-left {
    float: left;
}

.el-align-right {
    float: right;
}


/* ELEMENTI LEFT RIGHT */