/*!
 * Previon v1.4.2 (https://previon.it/)
 * Copyright 2024 Previon
 */

/* Variabili globali inizio */

:root {
    --main: #4d4be1;
    --main-admin: #4d4be1;
    --main-chiaro: #b9b8f4;
    --green: #00BFA6;
    --dark-blue: #1e2a50;
    --black-blue: #07143d;
    --green-chiaro: #E8FFFC;
    --green-previon: #4d4be1;
    --green-previon-admin: #1e2a50;
    --extra-light-green: #cbfff8;
    --white: #fff;
    --black: #000;
    --red-alert: #df3443;
    --red-alert-chiaro: #ffe6e9;
    --warning: #EE9A00;
    --warning-chiaro: #FFEFD3;
    --blue: #010920;
    --bg-color: #f9f9fe;
    --active-menu: #ebebfb;
    /* --dark-blue: #23183d; */
    --blue-pensione: #196d94;
    --rosso-gap: #e97575;
    --blue-integrativa: #073763;
    --blue-chiaro: #3b7ddd;
    --celestino-chiaro: #d3e2f7;
    --blu-pastello: #92b7eb;
    --viola: #a396c8;

    --color-bg: #f6fbff;


    --arancio-sbiadito: #f6f6fd;
    --giallo-sbiadito: #f6fbff;

    --green-success: #daffda;
    
    --text-color: #000;
    --title-color: #495057;

    --blue-generale: #407d9c;
    --green-separata: #43968f;
    --arancio-pubblica: #a56a46;
    --bordeaux-spettacolo: #775780;

    --pensione: #47b5ff;
    --fondiPensione: #137ff0;
    --fondiPensioneAttivi: #1d3d67;

    --grey-1:  #333333;
    --grey-2:  #444444;
    --grey-3:  #555555;
    --grey-4:  #666666;
    --grey-5:  #777777;
    --grey-6:  #888888;
    --grey-7:  #999999;
    --grey-8:  #aaaaaa;
    --grey-9:  #bbbbbb;
    --grey-10: #cccccc;
    --grey-11: #dddddd;
    --grey-12: #e0e0e0;
    --grey-13: #efefef;
    --grey-14: #f7f7f7;
    --grey-15: #f9f9f9;

    --white-grey: #fdfdfe;
    --grey-btn: #ebf0fe;
    --grey-all: #fdfff7;
    --grey-input: #dee2e6;
    --grey-table: #f7f7ff;

    --extra-light: 200;
    --light: 300;
    --normal: 400;
    --medium: 500;
    --semi-bold: 600;
    --bold: 700;
    --extra-bold: 800;
    --bolder: 900;

    /* Variabili centralizzate */

    --card-padding-y: 25px;
    --card-padding-x: 25px;
    --card-radius: 10px;
    --width-menu: 260px;
    --height-menu: 70px;
    --z-index-menu: 15;
    --border-radius: 8px;
    --border-radius-flat: 5px;
    --padding-btn: 10px 25px;
    --padding-btn-min: 6px 12px;
    --padding-btn-flat: 3px 15px;
    --padding-badge: 4px 15px;
    --padding-card-dashboard: 20px;
    --font-size-icon: 20px;
    --footer-height: 0px; /* Viene valorizzato in automatico dal js */

    /* Variabili centralizzate */
}

/* Variabili globali fine */

/* Colori gestioni inizio */

.b-blu-generale {
    background: var(--blue-generale)!important;
}
.b-green-separata{
    background: var(--green-separata)!important;
}
.b-arancio-pubblica {
    background: var(--arancio-pubblica)!important;
}
.b-bordeaux-spettacolo {
    background: var(--bordeaux-spettacolo)!important;
}

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

.border-bordeaux-spettacolo{
    border: 1px solid var(--bordeaux-spettacolo)!important;
}


.color-blu-generale {
    color: var(--blue-generale)!important;
}
.color-verde-separata {
    color: var(--green-separata)!important;
}
.color-arancio-pubblica {
    color: var(--arancio-pubblica)!important;
}

/* Colori gestioni fine */

/* All color Inizio*/
.text-color{
    color: var(--text-color)!important;
}
.title-color{
    color: var(--title-color)!important;
}

.maincolor{
    color: var(--main)!important;
}
.maincolor-admin{
    color: var(--main-admin)!important;
}
.green{
    color: var(--green)!important;
}
.white{
    color: var(--white)!important;
}
.black{
    color: var(--black)!important;
}
.blue{
    color: var(--blue)!important;
}
.pensione{
    color: var(--pensione)!important;
}
.fondi-pensione{
    color: var(--fondiPensione)!important;
}
.fondi-pensione-attivi{
    color: var(--fondiPensioneAttivi)!important;
}
.red-alert{
    color: var(--red-alert)!important;
}
.dark-green{
    color: var(--dark-blue)!important;
}
.black-green{
    color: var(--black-blue)!important;
}
.extra-ligth-green{
    color: var(--extra-light-green)!important;
}

.collapse-custom2 {
    border-color: #145A32; /* Verde scuro */
    border-radius: 15px !important;
    color: white; /* Opzionale, per migliorare la visibilità del testo */
}

.grey-1{
    color: var(--grey-1)!important;
}
.grey-2{
    color: var(--grey-2)!important;
}
.grey-3{
    color: var(--grey-3)!important;
}
.grey-4{
    color: var(--grey-4)!important;
}
.grey-5{
    color: var(--grey-5)!important;
}
.grey-6{
    color: var(--grey-6)!important;
}
.grey-7{
    color: var(--grey-7)!important;
}
.grey-8{
    color: var(--grey-8)!important;
}
.grey-9{
    color: var(--grey-9)!important;
}
.grey-10{
    color: var(--grey-10)!important;
}
.grey-11{
    color: var(--grey-11)!important;
}
.grey-12{
    color: var(--grey-12)!important;
}
.grey-13{
    color: var(--grey-13)!important;
}
.grey-14{
    color: var(--grey-14)!important;
}
.grey-15{
    color: var(--grey-15)!important;
}
.grey-all{
    color: var(--grey-all)!important;
}
.grey-table{
    color: var(--grey-table)!important;
}

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

.bg-main{
    background-color: var(--main)!important;
} 
.bg-main-admin{
    background-color: var(--main-admin)!important;
} 
.bg-green{
    background-color: var(--green)!important;
} 
.bg-white{
    background-color: var(--white)!important;
} 
.bg-black{
    background-color: var(--black)!important;
}

.bg-grey-1{
    background-color: var(--grey-1)!important;
}
.bg-grey-2{
    background-color: var(--grey-2)!important;
}
.bg-grey-3{
    background-color: var(--grey-3)!important;
}
.bg-grey-4{
    background-color: var(--grey-4)!important;
}
.bg-grey-5{
    background-color: var(--grey-5)!important;
}
.bg-grey-6{
    background-color: var(--grey-6)!important;
}
.bg-grey-7{
    background-color: var(--grey-7)!important;
}
.bg-grey-8{
    background-color: var(--grey-8)!important;
}
.bg-grey-9{
    background-color: var(--grey-9)!important;
}
.bg-grey-10{
    background-color: var(--grey-10)!important;
}
.bg-grey-11{
    background-color: var(--grey-11)!important;
}
.bg-grey-12{
    background-color: var(--grey-12)!important;
}
.bg-grey-13{
    background-color: var(--grey-13)!important;
}
.bg-grey-14{
    background-color: var(--grey-14)!important;
}
.bg-grey-15{
    background-color: var(--grey-15)!important;
}
.bg-grey-all{
    background-color: var(--grey-all)!important;
}
.bg-grey-table{
    background-color: var(--grey-table)!important;
}
.bg-whiteGrey{
    background-color: var(--white-grey)!important;
}
.bg-color-bg{
    background-color: var(--color-bg)!important;
}
/* All color Fine*/

/* Cursor inizio */

.pointer{
    cursor: pointer;
}

.not-allowed{
    cursor: not-allowed;
}

.default{
    cursor: default;
}

.progress{
    cursor: progress;
}

.help{
    cursor: help;
}

/* Cursor fine */

/* Border */
.raduius-default{
    border-radius: var(--border-radius)!important;
}
.border-input{
    border: 1px solid var(--grey-input)!important;
    border-radius: var(--border-radius)!important;
}

/* Font weight inizio */

.extra-light{
    font-weight: var(--extra-light);
}
.light{
    font-weight: var(--light);
}
.normal{
    font-weight: var(--normal);
}
.medium{
    font-weight: var(--medium);
}
.semi-bold{
    font-weight: var(--semi-bold);
}
.bold{
    font-weight: var(--bold);
}
.extra-bold{
    font-weight: var(--extra-bold);
}
.bolder{
    font-weight: var(--bolder);
}

/* Font weight fine */

/* Button inizio */

.btn-responsive{
    /* Aggiunge una regola css a 575px */
}

.btn-grey{
    padding: var(--padding-btn);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--text-color);
    background-color: var(--grey-btn);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--grey-btn);
}
.btn-grey-min{
    padding: var(--padding-btn-min);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--text-color);
    background-color: var(--grey-btn);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--grey-btn);
}
.btn-grey-vuoto{
    padding: var(--padding-btn);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--grey-btn);
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--grey-btn);
}
.btn-grey-vuoto-min{
    padding: var(--padding-btn-min);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--grey-btn);
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--grey-btn);
}
.btn-grey-border{
    padding: var(--padding-btn);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--text-color);
    background-color: var(--grey-btn);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--text-color);
}
.btn-grey-min-border{
    padding: var(--padding-btn-min);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--text-color);
    background-color: var(--grey-btn);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--text-color);
}

.btn-consulente{
    padding: var(--padding-btn);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--dark-blue);
    background-color: var(--white);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--grey-10);
}
.btn-consulente-min{
    padding: var(--padding-btn-min);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--main);
    background-color: var(--white);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--grey-10);
}

.btn-main{
    padding: var(--padding-btn);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--white);
    background-color: var(--main);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--main);
}
.btn-main-min{
    padding: var(--padding-btn-min);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--white);
    background-color: var(--main);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--main);
}
.btn-main-vuoto{
    padding: var(--padding-btn);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--main);
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--main);
}
.btn-main-vuoto-min{
    padding: var(--padding-btn-min);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color:var(--main);
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--main);
}

.btn-white{
    padding: var(--padding-btn);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--text-color);
    background-color: var(--white);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--grey-8);
}
.btn-white-min{
    padding: var(--padding-btn-min);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--text-color);
    background-color: var(--white);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--grey-8);
}
.btn-white-vuoto{
    padding: var(--padding-btn);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--text-color);
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--grey-8);
}
.btn-white-vuoto-min{
    padding: var(--padding-btn-min);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color:var(--white);
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--grey-8);
}

.btn-main-admin{
    padding: var(--padding-btn);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--white);
    background-color: var(--main-admin);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--main-admin);
}
.btn-main-admin-min{
    padding: var(--padding-btn-min);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--white);
    background-color: var(--main-admin);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--main-admin);
}
.btn-main-admin-vuoto{
    padding: var(--padding-btn);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--main-admin);
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--main-admin);
}
.btn-main-admin-vuoto-min{
    padding: var(--padding-btn-min);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color:var(--main-admin);
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--main-admin);
}

.btn-blue{
    padding: var(--padding-btn);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--white);
    background-color: var(--blue);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--blue);
}
.btn-blue-min{
    padding: var(--padding-btn-min);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--white);
    background-color: var(--blue);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--blue);
}
.btn-blue-flat{
    padding: var(--padding-btn-flat);
    text-align: center;
    border-radius: var(--border-radius-flat);
    font-weight: var(--semi-bold);
    color: var(--white);
    font-size: 13px; 
    background-color: var(--blue);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--blue);
}
.btn-blue-vuoto{
    padding: var(--padding-btn);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--blue);
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--blue);
}
.btn-blue-vuoto-min{
    padding: var(--padding-btn-min);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color:var(--blue);
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--blue);
}
.btn-blue-vuoto-flat{
    padding: var(--padding-btn-flat);
    text-align: center;
    border-radius: var(--border-radius-flat);
    font-weight: var(--semi-bold);
    color:var(--blue);
    font-size: 13px;
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--blue);
}

.border-green-separata{
    border: 1px solid var(--green-separata)!important;
}

.border-arancio-pubblica{
    border: 1px solid var(--arancio-pubblica)!important;
}

.btn-red{
    padding: var(--padding-btn);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--white);
    background-color: var(--red-alert);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--red-alert);
}
.btn-red-min{
    padding: var(--padding-btn-min);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--white);
    background-color: var(--red-alert);
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--red-alert);
}
.btn-red-vuoto{
    padding: var(--padding-btn);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color: var(--red-alert);
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--red-alert);
}
.btn-red-vuoto-min{
    padding: var(--padding-btn-min);
    text-align: center;
    border-radius: var(--border-radius);
    font-weight: var(--semi-bold);
    color:var(--red-alert);
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--red-alert);
}

.btn-fondi{
    width: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-fineco{
    width: 100%;
    padding: 14px;
    font-size: 18px;
    border-radius: var(--border-radius);
    font-weight: var(--bold);
    color: var(--dark-blue);
    background-color: #fdc82f;
    display: inline-block;
    cursor: pointer;
    border: 0;
}

.btn-richiesta-inviata{
    background-color: var(--rosso-gap)!important;
    color: var(--grey-all);
    border-color: var(--rosso-gap)!important;
}

.btn-richiesta-inviata-opp{
    background-color: var(--viola)!important;
    color: var(--grey-all);
    border-color: var(--viola)!important;
}


/* Button fine */

/* Badge inizio */

.badge-success{
    background-color: var(--green-success);
    color: var(--green-separata);
    border-radius: var(--border-radius);
    padding: var(--padding-badge);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--semi-bold);
    width: max-content;
    font-size: 12px;
}

.badge-success > span{
    border-radius: 100%;
    height: 9px;
    width: 9px;
    background-color: var(--green-separata);
    margin-right: 5px;
}

.badge-grey{
    background-color: var(--grey-14);
    color: var(--grey-6);
    border-radius: var(--border-radius);
    padding: var(--padding-badge);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--semi-bold);
    width: max-content;
    font-size: 12px;
}

.badge-grey > span{
    border-radius: 100%;
    height: 9px;
    width: 9px;
    background-color: var(--grey-6);
    margin-right: 5px;
}

.badge-grey-all{
    border-radius: 3px;
    padding: 2px 8px;
    background-color: var(--grey-all);
    margin-right: 5px;
}

.badge-pensione{
    border-radius: 7px;
    padding: 2px 8px;
    background-color: var(--main);
    margin-right: 5px;
    font-size: 12px;
    color: white;
}
.badge-gap{
    border-radius: 7px;
    padding: 2px 8px;
    background-color: var(--rosso-gap);
    margin-right: 5px;
    font-size: 12px;
    color: white;
}
/* Badge fine */

/* Line height */

.line-h-1{
    line-height: 1;
}
.line-h-1-1{
    line-height: 1.1;
}
.line-h-1-2{
    line-height: 1.2;
}
.line-h-1-3{
    line-height: 1.3;
}
.line-h-1-4{
    line-height: 1.4;
}
.line-h-1-5{
    line-height: 1.5;
}

/* Line height */

/* CSS iconofy inizio */

iconify-icon {
    display:inline-block;
    font-size: var(--font-size-icon);
}
.icon-xxxxs{
    font-size: calc(var(--font-size-icon) - 12px);
}
.icon-xxxs{
    font-size: calc(var(--font-size-icon) - 10px);
}
.icon-xxs{
    font-size: calc(var(--font-size-icon) - 8px);
}
.icon-xs{
    font-size: calc(var(--font-size-icon) - 6px);
}
.icon-sm{
    font-size: calc(var(--font-size-icon) - 4px);
}
.icon-md{
    font-size: calc(var(--font-size-icon) - 2px);
}
.icon-lg{
    font-size: calc(var(--font-size-icon) + 2px);
}
.icon-xl{
    font-size: calc(var(--font-size-icon) + 4px);
}
.icon-xxl{
    font-size: calc(var(--font-size-icon) + 6px);
}
.icon-xxxl{
    font-size: calc(var(--font-size-icon) + 8px);
}
.icon-xxxxl{
    font-size: calc(var(--font-size-icon) + 10px);
}
.icon-giant{
    font-size: calc(var(--font-size-icon) + 14px);
}

/* CSS iconofy fine */

/* Ellipse text inizio */

.ellipse-text {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipse-text-2-lines {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipse-text-3-lines {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipse-text-4-lines {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipse-text-5-lines {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipse-text-6-lines {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* Ellipse text fine */

/* Font size inizio */
.f-size-6{
    font-size: 6px !important;
}

.f-size-7{
    font-size: 7px !important;
}

.f-size-8{
    font-size: 8px !important;
}

.f-size-9{
    font-size: 9px !important;
}

.f-size-10{
    font-size: 10px !important;
}

.f-size-11{
    font-size: 11px !important;
}

.f-size-12{
    font-size: 12px !important;
}

.f-size-13{
    font-size: 13px !important;
}

.f-size-14{
    font-size: 14px !important;
}

.f-size-15{
    font-size: 15px !important;
}

.f-size-16{
    font-size: 16px !important;
}

.f-size-17{
    font-size: 17px !important;
}

.f-size-18{
    font-size: 18px !important;
}

.f-size-19{
    font-size: 19px !important;
}

.f-size-20{
    font-size: 20px !important;
}

.f-size-21{
    font-size: 21px !important;
}

.f-size-22{
    font-size: 22px !important;
}

.f-size-23{
    font-size: 23px !important;
}

.f-size-24{
    font-size: 24px !important;
}

.f-size-25{
    font-size: 25px !important;
}

.f-size-26{
    font-size: 26px !important;
}

.f-size-27{
    font-size: 27px !important;
}

.f-size-28{
    font-size: 28px !important;
}

.f-size-29{
    font-size: 29px !important;
}

.f-size-30{
    font-size: 30px !important;
}

.f-size-31{
    font-size: 31px !important;
}

.f-size-32{
    font-size: 32px !important;
}

.f-size-33{
    font-size: 33px !important;
}

.f-size-34{
    font-size: 34px !important;
}

.f-size-35{
    font-size: 35px !important;
}

.f-size-36{
    font-size: 36px !important;
}

.f-size-37{
    font-size: 37px !important;
}

.f-size-38{
    font-size: 38px !important;
}

.f-size-39{
    font-size: 39px !important;
}

.f-size-40{
    font-size: 40px !important;
}

.f-size-41{
    font-size: 41px !important;
}

.f-size-42{
    font-size: 42px !important;
}

.f-size-43{
    font-size: 43px !important;
}

.f-size-44{
    font-size: 44px !important;
}

.f-size-45{
    font-size: 45px !important;
}

.f-size-46{
    font-size: 46px !important;
}
/* Font size fine */

/* Menu dashboard inizio */

.navbar{
    position: fixed!important;
    height: var(--height-menu);
    width: calc(100% - var(--width-menu));
    background-color: var(--bg-color);
    z-index: var(--z-index-menu);
    padding: 0;
    box-shadow: none;
    margin-left: var(--width-menu);
    padding: 0px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sitebar{
    position: fixed!important;
    width: var(--width-menu);
    height: 100%;
    background-color: #fdfdfe;
    z-index: calc(var(--z-index-menu) + 1);
    overflow-x: hidden;
    overflow-y: auto;
    transition:all 0.3s ease-out;
}

.sitebar > .logo{
    width: var(--width-menu)!important;
    max-width: 230px;
    padding: 12px 20px 10px 20px;
}

.sitebar > .logo > img{
    height: 45px;
}


.sitebar > .sitebar_box{
    padding: 10px;
}

.sitebar > .sitebar_box > .ancora_box{
    height: 45px;
    padding: 10px 10px;
    margin: 10px 0;
    display: flex;
    border-radius: var(--border-radius);
    color: var(--text-color);
    transition:all 0.2s ease-in-out;
    align-items: center;
    white-space: nowrap;
}

.dropdown_menu > h2 > .ancora_box{
    height: 45px;
    padding: 10px 10px;
    margin: 10px 0;
    display: flex;
    border-radius: var(--border-radius)!important;
    color: var(--text-color);
    transition:all 0.2s ease-in-out;
    align-items: center;
    white-space: nowrap;
    font-size: 0.750rem;
}

.sitebar > .sitebar_box > .ancora_box > img{
    margin-right: 10px;
    width: 22px;
}

.dropdown_menu > h2 > .ancora_box > img{
    margin-right: 10px;
    width: 22px;
}

.dropdown_menu > .accordion_menu_header > .accordion-body{
    padding-left: 42px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
}

.dropdown_menu > .accordion_menu_header > .accordion-body > a > p{
    font-size: 0.750rem;
}

.sitebar > .sitebar_box > .ancora_box > p{
    margin-bottom: 1px;
    line-height: normal;
    font-size: 0.750rem;
}

.sitebar > .sitebar_box > .ancora_box.active{
    background-color: var(--active-menu)!important;
    color: var(--main)!important;
    font-weight: var(--semi-bold);
}

.sitebar > .sitebar_box > .ancora_box.active > img{
    filter: invert(40%) sepia(94%) saturate(5743%) hue-rotate(236deg) brightness(99%) contrast(105%);
}

.sitebar > .sitebar_box > .ancora_box:hover{
    text-decoration: none!important;
    background-color: var(--grey-14);
}

.sitebar > .sitebar_box > .separatore{
    font-size: 13px;
    color: var(--grey-2);
    margin: 0!important;
    padding: 10px;
}

.accordion-menu > .accordion-item > h2 > .accordion-button:not(.collapsed) {
    background-color: var(--active-menu);
    color: var(--main)!important;
}

.accordion-menu > .accordion-item > h2 > .accordion-button:not(.collapsed) > img {
    filter: invert(40%) sepia(94%) saturate(5743%) hue-rotate(236deg) brightness(99%) contrast(105%);
  }

.hamburger-menu {
  z-index: 18;
  right: 20px;
  top: 23px;
}

/* altro menu */
.navbar-esterna {
    position: fixed !important;
    height: var(--height-menu);
    width: 100%;
    background-color: var(--bg-color);
    z-index: var(--z-index-menu);
    padding: 0;
    box-shadow: none;
    padding: 0px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar-esterna > .container, .navbar-esterna > .container-fluid, .navbar-esterna > .container-lg, .navbar-esterna > .container-md, .navbar-esterna > .container-sm, .navbar-esterna > .container-xl {
    align-items: center;
    display: flex;
    flex-wrap: inherit;
    justify-content: space-between;
}

/* altro menu */

/* Menu dashboard fine */
/* Table style inizio */

.table.table-blue > thead > tr {
    background: var(bg-color);
}
.table.table-blue > thead > tr > th {
    color: var(--blue);
}
.page-link {
    background-color: var(--bg-color);
    border: 0;
    color: var(--text-color);
    display: block;
    font-size: var(--bs-pagination-font-size);
    border-radius: var(--border-radius);
    margin: 0 3px !important;
  }
.active > .page-link, .page-link.active {
    background-color: var();
    border-color: var();
    color: var();
    z-index: 3;
}
.page-item:first-child .page-link {
    background: transparent;
    box-shadow: none;
}
.page-item:last-child .page-link {
    background: transparent;
    box-shadow: none;
}
/* Table style fine */
/* Card custom inizio */
.card{
    box-shadow: none;
    background-color: transparent;
    height: calc(100% - 25px)!important;
}
.card-body{
    border: 1px solid var(--grey-12);
    box-shadow: none;
    border-radius: var(--card-radius);
    color: var(--bs-card-color);
    flex: 1 1 auto;
    padding: var(--card-padding-y) var(--card-padding-x);
    background-color: var(--white);
}
.card-body-min-height-sm{
    min-height: 240px;
}
.card-body-min-height-md{
    min-height: 260px;
}
.card-body-min-height-lg{
    min-height: 300px;
}
.card-body-min-height{
    min-height: 320px;
}
.card-body-min-height-xl{
    min-height: 340px;
}
.card-body-min-height-xxl{
    min-height: 360px;
}
.card-body.card-black-green{
    border: 1px solid var(--black-blue);
    background-color: var(--black-blue);
    color: var(--grey-all);
}
.card-body.card-dark-green{
    border: 1px solid var(--dark-blue);
    background-color: var(--dark-blue);
    color: var(--grey-all);
}
.card-white{
    border: 1px solid var(--grey-12);
    background-color: var(--white);
    padding: 20px;
    border-radius: var(--border-radius);
    height: 100%;
}
.card-alert-white{
    position: fixed;
    border: 1px solid var(--grey-12);
    background-color: var(--grey-all );
    padding: 20px;
    border-radius: var(--border-radius);
    top: 35px;
    left: calc(50% - 180px);
    width: 360px;
    z-index: 99999999999;
}
.card-custom-orange{
    border: 1px solid var(--arancio-sbiadito);
    background-color: var(--arancio-sbiadito);
    padding: var(--padding-card-dashboard);
    border-radius: var(--border-radius);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card-custom-yellow{
    border: 1px solid var(--giallo-sbiadito);
    background-color: var(--giallo-sbiadito);
    padding: var(--padding-card-dashboard);
    border-radius: var(--border-radius);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card-custom-white{
    border: 1px solid var(--grey-12);
    background-color: var(--white);
    padding: var(--padding-card-dashboard);
    border-radius: var(--border-radius);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card-registrazione-radio {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    transition: all 0.3s;
}
/* Card custom fine */
/* Progress bar inizio */
.progress{
    background-color: var(--rosso-gap)!important;
    cursor: default;
}
.progress-bar-pensione{
    border-radius: 15px;
    position: relative;
    z-index: 1;
    background-color: var(--main)!important;
    font-size: 13px;
    flex-direction: unset;
    padding-top: 2px;
}
.progress-bar-gap{
    left: -15px;
    position: relative;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: var(--rosso-gap)!important;
    font-size: 13px;
    flex-direction: unset;
    padding-top: 2px;
}
.progress-bar-integrativa{
    left: -15px;
    position: relative;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: var(--blue-integrativa)!important;
    font-size: 13px;
    flex-direction: unset;
    padding-top: 2px;
}
.dotter-blue{
    background-color: var(--blue-pensione)!important;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-right: 8px;
}
.dotter-blue-integrativa{
    background-color: var(--blue-integrativa)!important;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-right: 8px;
}
.dotter-red{
    background-color: var(--rosso-gap)!important;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-right: 8px;
}
/* Progress bar fine */
/* Style inizio */

.pensione-lorda-box{
    background-color: var(--main);
    padding: 6px 18px;
    border-radius: var(--border-radius);
}
.pensione-integrativa-box{
    background-color: var(--blue-integrativa);
    padding: 6px 18px;
    border-radius: var(--border-radius);
}
.gap-box{
    background-color: var(--rosso-gap);
    padding: 6px 18px;
    border-radius: var(--border-radius);
}
.box-input{
    max-width: 350px;
}
.input-radio-registrazione:checked + label {
    background-color: var(--bg-color);
  }
.block-img > img{
    border-radius: var(--border-radius);
}

.main-box{
    padding-top: var(--height-menu);
    margin-left: var(--width-menu);
    background-color: var(--bg-color);
}
.main-content{
    padding: 20px 30px;
    min-height: calc(100vh - (var(--footer-height) + var(--height-menu)));
}

.div-comune-title{
    margin: auto;
    padding: 5px!important;
    text-align: center;
    color: #fff!important;
    font-size: 13px;
    /*background: #e0e0e0!important;*/
    /*color: #282d41!important;*/
}

.div-comune{
    padding: 5px!important;
    margin: auto;
    text-align: center;
    background: #fff!important;
    color: #282d41!important;
}
.text-shadow-registrazione{
    text-shadow: 0 0 3px #eff4f7;
}
.text-shadow-white{
    text-shadow: 0 0 3px #fff;
}
.text-shadow-black{
    text-shadow: 0 0 3px #000;
}
/*radio custom*/
.custom-radio {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.custom-radio input[type="radio"] {
    display: none;
}
.custom-radio label {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border: 2px solid #ddd;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}
.custom-radio input[type="radio"]:checked + label {
    background-color: #007bff;
    border-color: #007bff;
    color: var(--white);
}
.custom-radio label .icon {
    margin-right: 10px;
}

#tasks-backlog {
    display: flex;
    flex-wrap: wrap;
}

#tasks-backlog > div {
    display: flex;
}

.card-custom {
    width: auto; /* Let the card width adjust to its content */
    min-width: 100px; /* Optional: set a minimum width for better layout control */
    margin-right: 10px; /* Add some space between cards */
}



/* no circle */
.flickity-button {

    background: transparent;
}
.flickity-button:hover {

    background: transparent;
    color: black;
}

.flickity-prev-next-button {
    width: 100px;
    height: 100px;
}
.flickity-button-icon {
    fill: var(--white);
}
.flickity-button:disabled {
    display: none;
}

.carousel {
    font-family: Arial, Helvetica, sans-serif;
    margin:auto;
    max-width: 680px;
    max-height: 540px;
    border-radius: 20%;
}
.carousel-cell {
    margin-top: 35px;
    margin-right: 15px; /* Riduci il margine laterale */
    margin-bottom: 35px;
    float: right;
    max-width: 350px;
    width: 100%;
    height: 470px;
    border-radius: 15px;
    counter-increment: carousel-cell;
    transition: all .3s ease;
    opacity: 0.3;
    background: #b9b9b9;
    filter: blur(6px);

}
.carousel-cell.is-selected {
    filter: blur(0);
    opacity: 1;
    background: var(--white) ;
    transform: scale(1.1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* name */
.carousel-cell .n {
    font-size: 18px;
    /*margin-top: 15px;*/
    text-align: center;
    color:black;
    counter-increment: carousel-cell;
}

/* button */
.carousel-cell .b {
    cursor: pointer;
    margin: auto;
    width: 180px;
    padding: 1px;
    background: var(--white);
    border: 1px solid #D81313AD;
    border-radius: 15px;
    font-size: 15px;
    color: #D81313AD;
    text-align: center;
    counter-increment: carousel-cell;
    transition: all .3s ease;
    height: 40px;
}

/* picture */
.carousel-cell .p {
    border-radius: 15px;
    width: 201px;
    height: 250px;
    counter-increment: carousel-cell;
}

.carousel-cell .b:hover {
    background: #ffffff;
    transform: scale(1.03);
    font-size: 16px;
}

.carousel-cell .b:active {
    background: var(--white);
    color: #D81313AD;
    transform: scale(0.9);
    font-size: 16px;
}

.carousel-cell .b-selected {
    cursor: pointer;
    margin: auto;
    width: 180px;
    padding: 1px;
    background: var(--white);
    border: 1px solid #D81313AD;
    border-radius: 15px;
    font-size: 15px;
    color: #D81313AD;
    text-align: center;
    counter-increment: carousel-cell;
    transition: all .3s ease;
}
.slick-dots{
    bottom: -35px!important;
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 32px;
    height: 32px;
    padding: 5px !important;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #ebf0fe!important;
    border-radius: 100%;
    z-index: 14!important;
}
.slick-prev::before, .slick-next::before {
    font-size: 16px!important;
    line-height: 1;
    opacity: .75;
    color: white!important;
}
.slick-next {
    right: -10px!important;
}
.slick-prev {
    left: -10px!important;
}
.slick-track{
    display: flex!important;
}
.slick-slide{
    height: auto!important;
}
.slick-slide > div{
    height: 100%!important;
}
.content-card {
    direction: ltr;
    flex: 1;
    max-width: 350px;
    padding: 5px 1.5rem 0.75rem;
    width: 350px;
    overflow: auto;
}

.card-100{
    width: calc(100% - 10px)!important;
}
.dimensione-img-fondi-pensione{
    max-width: 150px;
    max-height: 50px;
}

.toggle-switch {
    display: inline-flex;
    align-items: center;
    background: var(--blue-integrativa);
    border-radius: 50px;
    padding: 4px;
}
.toggle-switch label {
    padding: 2px 30px;
    border-radius: 50px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: bold;
    color: white;
    transition: all 0.3s ease;
}
.toggle-switch input:checked + .toggle-label { 
    background: #f8f9fa;
    color: #000;
}
.title{
    font-size: 12px;
    font-weight: var(--bold);
}
.fas,.far{
    font-size: 16px;
}

.div_code_container {
    /*background: #f6f6f9;*/
    padding: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.div_code_internal, .div_code_internal_cell {
    /*padding: 2rem;*/
    border-radius: 4px;
    /*box-shadow: 0 2px 4px rgba(0,0,0,.1);*/
    max-width: 400px;
    background: #fff;

    .form-control {
        display: block;
        height: 55px;
        margin-right: 0.5rem;
        text-align: center;
        font-size: 1.25rem;
        min-width: 0;

        &:last-child {
            margin-right: 0;
        }
    }
}

.span-radio-white {
    font-weight: var(--medium);
    font-size: 15px;
}

.container-xl{
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.custom-container{
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
}

.padding-box-input{
    padding-right: 140px;
}
.padding-box-input-registrazione{
    padding-right: 80px!important;
}
.nav.nav-tabs > li{
    margin-left: 5px;
    margin-right: 5px;
    &:nth-child(1) {
        margin-left: 0;
    }
}

.nav-link.disabled{
    opacity: 0.5;
    background-color: var(--grey-13)!important;
    color: var(--text-color) !important;
    cursor: not-allowed;
    pointer-events: all;
}

.spinner-input-file{
    position: absolute;
    margin-top: -37px;
    margin-left: calc(100% - 60px);
}


.padding-subtitle-registrazione{
    padding-left: 28%;
    padding-right: 28%;
    line-height: 1.5;
    text-shadow: 0px 0px 3px #eff4f7;
}

.padding-subtitle-registrazione-conclusa{
    padding-left: 27%;
    padding-right: 27%;
    line-height: 1.5;
    text-shadow: 0px 0px 3px #eff4f7;
}

hr {
    border-top: none !important;
    height: 1px;
  }
hr.vertical {
    position: absolute;
    background-color: transparent;
    height: 100%;
    right: 0;
    top: 0;
    width: 1px;
}
hr.vertical.light {
    background-image: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0),
    #fff,
    hsla(0, 0%, 100%, 0)
);
}
hr.vertical.dark {
    background-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.4),
    transparent
);
}
hr.vertical.gray-light {
    background-image: linear-gradient(
    90deg,
    transparent,
    rgba(0, 0, 0, 0.1),
    transparent
);
}
hr.horizontal {
    background-color: transparent;
}
hr.horizontal.light {
    background-image: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    #fff,
    hsla(0, 0%, 100%, 0)
);
}
hr.horizontal.dark {
    background-image: linear-gradient( 90deg, transparent, rgba(0, 0, 0, 0.4), transparent );
}
hr.horizontal.hardDark {
    background-image: linear-gradient( 90deg, transparent, rgba(0, 0, 0, 0.8), transparent );
}
hr.horizontal.white {
    background-image: linear-gradient( 90deg, transparent, var(--white), transparent );
}
hr.horizontal.gray-light {
    background-image: linear-gradient(
    90deg,
    transparent,
    var(--grey-8),
    transparent
);
}

.nav-link{
    background-color: var(--grey-13);
    color: var(--text-color)!important;
    /* border-right: 1px solid var(--white)!important; */
    border-left: 1px solid var(--white)!important;
}

.nav-link.active{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 15px;
}

.nav-item:first-child .nav-link{
    border-left: none!important;
}
.nav-item:last-child .nav-link{
    border-right: none!important
}

.input-info{
    background-color: white;
    padding: 1px 5px;
    border-radius: 0;
}

.footer{
    z-index: calc(var(--z-index-menu) - 5);
    position: relative;
}

.block-login{
    min-height: calc(100vh - 53px);
}

.block-fineco{
    min-height: calc(100vh - 146px);
}

.bootstrap-select > .dropdown-toggle {
    padding: 0.6rem 0.85rem;
    border-radius: var(--border-radius);
    border: 1px solid var(--grey12);
    background-color: #f5f7fb;
}

.label-radio .price-radio {
    font-size: 24px;
    font-weight: var(--bolder);
}

.form-control[type="file"] {
    padding: 0.6rem 1.1rem;
}

.checkbox-privacy{
    min-width: 22px;
    min-height: 22px;
}

.p-checkbox-privacy{
    line-height: 1.2;
    font-size: 12px;
}

.form-control.is-valid{
    border: 1px solid #dee2e6!important;
}

.valid-feedback {
    color: var(--green-previon);
    font-size: 85%;
    margin-top: 0.25rem;
    width: 100%;
    font-weight: var(--semi-bold);
}

.check-visibility{
    display: none;
}

.x-visibility{
    display: none;
    color: var(--bs-form-invalid-border-color)!important;
}

.is-invalid ~ .x-visibility{
    display: flex!important;
}

.is-valid ~ .check-visibility{
    display: flex!important;
}

.check-input-file {
    position: absolute;
    margin-top: -34px;
    margin-left: calc(100% - 50px);
    font-size: 20px;
}

.bootstrap-select > .dropdown-toggle{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: 5px;
    color: #495057!important;
    display: block;
    font-size: 0.875rem;
    font-weight: var(--normal);
    line-height: 1.5;
    padding: 0.6rem 0.85rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 100%;
    padding-right: 20px;
}


.box-icon-circle{
    min-width: 60px;
    min-height: 60px;
    background: var(--main-chiaro) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: var(--main);
}

.box-icon-circle-mini{
    width: 40px;
    height: 40px;
    background: var(--main-chiaro) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: var(--main);
}

.box-icon-circle-mini.box-icon-alert{
    background: var(--red-alert-chiaro) !important;
    color: var(--red-alert);
}

.box-icon-circle-mini.box-icon-success{
    background: var(--green-chiaro) !important;
    color: var(--green);
}

.box-icon-circle-mini.box-icon-warning{
    background: var(--warning-chiaro) !important;
    color: var(--warning);
}

.min-height-350{
    min-height: 350px!important;
}

.div-btn-responsive{
    justify-content: end;
}

.dotter{
    font-size: 10px;
    margin-left: auto;
    background-color: var(--grey13);
    min-width: 20px;
    min-height: 20px;
    font-weight: bold;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dotter-anomalia{
    background-color: var(--red-alert);
    color: var(--white);
}

.dotter-opportunita{
    background-color: var(--green);
    color: var(--white);
}

.anomalia-rilevata{
    border: 1px solid var(--red-alert);
    color: var(--red-alert)!important;
    font-weight: var(--semi-bold);
}

.opportunita-rilevata{
    border: 1px solid var(--green);
    color: var(--green)!important;
    font-weight: var(--semi-bold);
}

.legenda{
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 2px;
}
.legenda.generale{
    background-color: var(--blue-generale);
}
.legenda.separata{
    background-color: var(--green-separata);
}
.legenda.pubblica{
    background-color: var(--arancio-pubblica);
}
.legenda.spettacolo{
    background-color: var(--bordeaux-spettacolo);
}
.legenda.pensione{
    background-color: var(--pensione);
}
.legenda.fondi-pensione{
    background-color: var(--fondiPensione);
}
.legenda.fondi-pensione-attivi{
    background-color: var(--fondiPensioneAttivi);
}

#tab-utenti > tbody > tr > td:nth-last-child(1){
    text-align: end;
}

#tab-utenti > tbody > tr > td:only-child{
    text-align: center;
}

.height-card{
    height: calc(100% - 24px);
}

.height-card{
    height: calc(100% - 24px);
}

.standard-input{
    border: 0;
    border-bottom: 1px solid var(--grey-12);
    cursor: not-allowed;
}

.label-standar-input{
    font-size: 11px;
    display: grid;
    font-weight: var(--semi-bold);
}

.sk-cube-grid {
    width: 60px;
    height: 60px;
    margin: 100px auto;
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: var(--main);
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    } 35% {
          -webkit-transform: scale3D(0, 0, 1);
          transform: scale3D(0, 0, 1);
      }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    } 35% {
          -webkit-transform: scale3D(0, 0, 1);
          transform: scale3D(0, 0, 1);
      }
}

.loader-lens {
    background: lightgrey;
    width: 48px;
    height: 48px;
    display: block;
    position: relative;
    z-index: 9999;
    border: 3px solid black;
    border-radius: 50%;
    box-sizing: border-box;
    animation: animloader 2s linear infinite;
}
.loader-lens::after {
    content: '';
    box-sizing: border-box;
    width: 6px;
    z-index: 9999;
    height: 24px;
    background: black;
    transform: rotate(-45deg);
    position: absolute;
    bottom: -20px;
    left: 46px;
}
.text-center{
    text-align:center;
}
.form-label {
    margin-bottom: 8px;
}
.box-coupon-fineco{
    background-color: var(--dark-blue);
    padding: 25px 20px;
    border-radius: var(--border-radius);
}
.box-coupon-fineco > .row > div > input{
    padding: 12px;
    width: 100%;
    border-radius: var(--border-radius);
    border: 0;
    font-weight: var(--bold);
    text-align: center;
    font-size: 20px;
}
.box-img-fineco > img{
    border-radius: var(--border-radius);
}

.hr-fineco{
    border-color: var(--grey-8)!important;
}
@keyframes animloader {
    0% {
        transform: translate(-10px, -10px);
    }
    25% {
        transform: translate(-10px, 10px);
    }
    50% {
        transform: translate(10px, 10px);
    }
    75% {
        transform: translate(10px, -10px);
    }
    100% {
        transform: translate(-10px, -10px);
    }
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    border-radius: 6px;
    padding-left: 30px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 5px;
}

label > iconify-icon {
    margin-right: -32px;
    position: relative;
    margin-top: 0px;
    top: 4px;
}

.form-control:focus {
    box-shadow: none!important;
}

.max-width-inherit {
    max-width: inherit;
}

.dropdown .dropdown-menu {
    width: 100%;
}

.dropdown{
    cursor: pointer;
}

.profilo > .dropdown-menu > li{
    margin: 0;
}

.profilo > .dropdown-menu > li > .dropdown-item{
    padding: 0.35rem 1rem;
}

.profilo > .dropdown-menu[data-bs-popper] {
    left: -40px;
    margin-top: var(--bs-dropdown-spacer);
    top: calc(100% + 5px);
}

.margin-img{
    margin-left: 100px;
}


.height-card-dashboard{
    height: 80px;
}

.background-alert{
    position: fixed;
    background-color: black;
    opacity: 0.8;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
}

table.dataTable.table-striped > tbody > tr.odd > * {
    box-shadow: inset 0 0 0 9999px #f8f8fa;
}

table.dataTable.table-striped > tbody > tr > * {
    color: #737373!important;
}

.bg-img-pp{
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: var(--border-radius);
    padding: 25px;
    color: var(--white);
}

#btn_OTP{
    padding: 9px 50px;
}
.stat {
    align-items: center;
    background: #f7f7ff;
    border-radius: 50%;
    color: var(--blue-integrativa)!important;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.top-40-px{
    top: 40px!important;
}

@keyframes vibrate {
    0% { transform: translateX(0); }
    25% { transform: translateX(-4px); }
    50% { transform: translateX(4px); }
    75% { transform: translateX(-4px); }
    100% { transform: translateX(4px); }
}
.vibrate {
    animation: vibrate 0.5s linear;
}
.riepilogo-rapido {
    position: fixed;
    left: calc(100% - 115px);
    white-space: nowrap;
    top: calc(50% - 23px);
    transform: rotate(270deg);
    box-shadow: 0 0 10px #aaa;
    padding: 10px 15px;
    font-size: 15px;
  }
/* Style fine */

/* Media query inizio*/

@media screen and (min-width: 1650px){
    /* Definizione delle colonne */
    .col-xxxl-1 { flex: 0 0 8.33%; max-width: 8.33%; }
    .col-xxxl-2 { flex: 0 0 16.66%; max-width: 16.66%; }
    .col-xxxl-3 { flex: 0 0 25%; max-width: 25%; }
    .col-xxxl-4 { flex: 0 0 33.33%; max-width: 33.33%; }
    .col-xxxl-5 { flex: 0 0 41.66%; max-width: 41.66%; }
    .col-xxxl-6 { flex: 0 0 50%; max-width: 50%; }
    .col-xxxl-7 { flex: 0 0 58.33%; max-width: 58.33%; }
    .col-xxxl-8 { flex: 0 0 66.66%; max-width: 66.66%; }
    .col-xxxl-9 { flex: 0 0 75%; max-width: 75%; }
    .col-xxxl-10 { flex: 0 0 83.33%; max-width: 83.33%; }
    .col-xxxl-11 { flex: 0 0 91.66%; max-width: 91.66%; }
    .col-xxxl-12 { flex: 0 0 100%; max-width: 100%; }

    .mx-xxxl-0{ margin-left: 0px !important;margin-right: 0px !important; }
    .mx-xxxl-1{ margin-left: 0.25rem !important;margin-right: 0.25rem !important; }
    .mx-xxxl-2{ margin-left: 0.5rem !important;margin-right: 0.5rem !important; }
    .mx-xxxl-3{ margin-left: 1rem !important;margin-right: 1rem !important; }
    .mx-xxxl-4{ margin-left: 1.5rem !important;margin-right: 1.5rem !important; }
    .mx-xxxl-5{ margin-left: 3rem !important;margin-right: 3rem !important; }
    .mx-xxxl-6{ margin-left: 4.5rem !important;margin-right: 4.5rem !important; }
    .mx-xxxl-7{ margin-left: 6rem !important;margin-right: 6rem !important; }
    
    .my-xxxl-0{ margin-top: 0px !important;margin-bottom: 0px !important; }
    .my-xxxl-1{ margin-top: 0.25rem !important;margin-bottom: 0.25rem !important; }
    .my-xxxl-2{ margin-top: 0.5rem !important;margin-bottom: 0.5rem !important; }
    .my-xxxl-3{ margin-top: 1rem !important;margin-bottom: 1rem !important; }
    .my-xxxl-4{ margin-top: 1.5rem !important;margin-bottom: 1.5rem !important; }
    .my-xxxl-5{ margin-top: 3rem !important;margin-bottom: 3rem !important; }
    .my-xxxl-6{ margin-top: 4.5rem !important;margin-bottom: 4.5rem !important; }
    .my-xxxl-7{ margin-top: 6rem !important;margin-bottom: 6rem !important; }

    .px-xxxl-0{ padding-left: 0px !important;padding-right: 0px !important; }
    .px-xxxl-1{ padding-left: 0.25rem !important;padding-right: 0.25rem !important; }
    .px-xxxl-2{ padding-left: 0.5rem !important;padding-right: 0.5rem !important; }
    .px-xxxl-3{ padding-left: 1rem !important;padding-right: 1rem !important; }
    .px-xxxl-4{ padding-left: 1.5rem !important;padding-right: 1.5rem !important; }
    .px-xxxl-5{ padding-left: 3rem !important;padding-right: 3rem !important; }
    .px-xxxl-6{ padding-left: 4.5rem !important;padding-right: 4.5rem !important; }
    .px-xxxl-7{ padding-left: 6rem !important;padding-right: 6rem !important; }
    
    .py-xxxl-0{ padding-top: 0px !important;padding-bottom: 0px !important; }
    .py-xxxl-1{ padding-top: 0.25rem !important;padding-bottom: 0.25rem !important; }
    .py-xxxl-2{ padding-top: 0.5rem !important;padding-bottom: 0.5rem !important; }
    .py-xxxl-3{ padding-top: 1rem !important;padding-bottom: 1rem !important; }
    .py-xxxl-4{ padding-top: 1.5rem !important;padding-bottom: 1.5rem !important; }
    .py-xxxl-5{ padding-top: 3rem !important;padding-bottom: 3rem !important; }
    .py-xxxl-6{ padding-top: 4.5rem !important;padding-bottom: 4.5rem !important; }
    .py-xxxl-7{ padding-top: 6rem !important;padding-bottom: 6rem !important; }
    
    /* Classi di margine personalizzate */
    .m-xxxl-0 { margin: 0px !important; }
    .m-xxxl-1 { margin: 0.25rem !important; }
    .m-xxxl-2 { margin: 0.5rem !important; }
    .m-xxxl-3 { margin: 1rem !important; }
    .m-xxxl-4 { margin: 1.5rem !important; }
    .m-xxxl-5 { margin: 3rem !important; }
    .m-xxxl-6 { margin: 4.5rem !important; }
    .m-xxxl-7 { margin: 6rem !important; }
  
    /* Classi di padding personalizzate */
    .p-xxxl-0 { padding: 0px !important; }
    .p-xxxl-1 { padding: 0.25rem !important; }
    .p-xxxl-2 { padding: 0.5rem !important; }
    .p-xxxl-3 { padding: 1rem !important; }
    .p-xxxl-4 { padding: 1.5rem !important; }
    .p-xxxl-5 { padding: 3rem !important; }
    .p-xxxl-6 { padding: 4.5rem !important; }
    .p-xxxl-7 { padding: 6rem !important; }
  
    /* Classi di margine personalizzate */
    .ms-xxxl-0{ margin-left: 0px !important; }
    .ms-xxxl-1{ margin-left: 0.25rem !important; }
    .ms-xxxl-2{ margin-left: 0.5rem !important; }
    .ms-xxxl-3{ margin-left: 1rem !important; }
    .ms-xxxl-4{ margin-left: 1.5rem !important; }
    .ms-xxxl-5{ margin-left: 3rem !important; }
    .ms-xxxl-6{ margin-left: 4.5rem !important; }
    .ms-xxxl-7{ margin-left: 6rem !important; }
  
    .me-xxxl-0{ margin-right: 0px !important; }
    .me-xxxl-1{ margin-right: 0.25rem !important; }
    .me-xxxl-2{ margin-right: 0.5rem !important; }
    .me-xxxl-3{ margin-right: 1rem !important; }
    .me-xxxl-4{ margin-right: 1.5rem !important; }
    .me-xxxl-5{ margin-right: 3rem !important; }
    .me-xxxl-6{ margin-right: 4.5rem !important; }
    .me-xxxl-7{ margin-right: 6rem !important; }
  
    .mt-xxxl-0{ margin-top: 0px !important; }
    .mt-xxxl-1{ margin-top: 0.25rem !important; }
    .mt-xxxl-2{ margin-top: 0.5rem !important; }
    .mt-xxxl-3{ margin-top: 1rem !important; }
    .mt-xxxl-4{ margin-top: 1.5rem !important; }
    .mt-xxxl-5{ margin-top: 3rem !important; }
    .mt-xxxl-6{ margin-top: 4.5rem !important; }
    .mt-xxxl-7{ margin-top: 6rem !important; }
  
    .mb-xxxl-0{ margin-bottom: 0px !important; }
    .mb-xxxl-1{ margin-bottom: 0.25rem !important; }
    .mb-xxxl-2{ margin-bottom: 0.5rem !important; }
    .mb-xxxl-3{ margin-bottom: 1rem !important; }
    .mb-xxxl-4{ margin-bottom: 1.5rem !important; }
    .mb-xxxl-5{ margin-bottom: 3rem !important; }
    .mb-xxxl-6{ margin-bottom: 4.5rem !important; }
    .mb-xxxl-7{ margin-bottom: 6rem !important; }
  
    /* Classi di padding personalizzate */
    .ps-xxxl-0{ padding-left: 0px !important; }
    .ps-xxxl-1{ padding-left: 0.25rem !important; }
    .ps-xxxl-2{ padding-left: 0.5rem !important; }
    .ps-xxxl-3{ padding-left: 1rem !important; }
    .ps-xxxl-4{ padding-left: 1.5rem !important; }
    .ps-xxxl-5{ padding-left: 3rem !important; }
    .ps-xxxl-6{ padding-left: 4.5rem !important; }
    .ps-xxxl-7{ padding-left: 6rem !important; }

    .pe-xxxl-0{ padding-right: 0px !important; }
    .pe-xxxl-1{ padding-right: 0.25rem !important; }
    .pe-xxxl-2{ padding-right: 0.5rem !important; }
    .pe-xxxl-3{ padding-right: 1rem !important; }
    .pe-xxxl-4{ padding-right: 1.5rem !important; }
    .pe-xxxl-5{ padding-right: 3rem !important; }
    .pe-xxxl-6{ padding-right: 4.5rem !important; }
    .pe-xxxl-7{ padding-right: 6rem !important; }
    
    /* Classi di padding personalizzate */
    .pt-xxxl-0{ padding-top: 0px !important; }
    .pt-xxxl-1{ padding-top: 0.25rem !important; }
    .pt-xxxl-2{ padding-top: 0.5rem !important; }
    .pt-xxxl-3{ padding-top: 1rem !important; }
    .pt-xxxl-4{ padding-top: 1.5rem !important; }
    .pt-xxxl-5{ padding-top: 3rem !important; }
    .pt-xxxl-6{ padding-top: 4.5rem !important; }
    .pt-xxxl-7{ padding-top: 6rem !important; }    
  
    /* Classi di padding personalizzate */
    .pb-xxxl-0{ padding-bottom: 0px !important; }
    .pb-xxxl-1{ padding-bottom: 0.25rem !important; }
    .pb-xxxl-2{ padding-bottom: 0.5rem !important; }
    .pb-xxxl-3{ padding-bottom: 1rem !important; }
    .pb-xxxl-4{ padding-bottom: 1.5rem !important; }
    .pb-xxxl-5{ padding-bottom: 3rem !important; }
    .pb-xxxl-6{ padding-bottom: 4.5rem !important; }
    .pb-xxxl-7{ padding-bottom: 6rem !important; }

    .d-xxxl-none { display: none !important; }
    .d-xxxl-inline { display: inline !important; }
    .d-xxxl-inline-block { display: inline-block !important; }
    .d-xxxl-block { display: block !important; }
    .d-xxxl-flex { display: flex !important; }
    .d-xxxl-inline-flex { display: inline-flex !important; }
    .d-xxxl-grid { display: grid !important; }
    .d-xxxl-inline-grid { display: inline-grid !important; }
    .d-xxxl-table { display: table !important; }
    .d-xxxl-table-row { display: table-row !important; }
    .d-xxxl-table-cell { display: table-cell !important; }
}

@media screen and (max-width: 1651px){
    /* Font size inizio */
    .f-size-xxxl-6{font-size: 6px !important;}
    .f-size-xxxl-7{font-size: 7px !important;}
    .f-size-xxxl-8{font-size: 8px !important;}
    .f-size-xxxl-9{font-size: 9px !important;}
    .f-size-xxxl-10{font-size: 10px !important;}
    .f-size-xxxl-11{font-size: 11px !important;}
    .f-size-xxxl-12{font-size: 12px !important;}
    .f-size-xxxl-13{font-size: 13px !important;}
    .f-size-xxxl-14{font-size: 14px !important;}
    .f-size-xxxl-15{font-size: 15px !important;}
    .f-size-xxxl-16{font-size: 16px !important;}
    .f-size-xxxl-17{font-size: 17px !important;}
    .f-size-xxxl-18{font-size: 18px !important;}
    .f-size-xxxl-19{font-size: 19px !important;}
    .f-size-xxxl-20{font-size: 20px !important;}
    .f-size-xxxl-21{font-size: 21px !important;}    
    .f-size-xxxl-22{font-size: 22px !important;}
    .f-size-xxxl-23{font-size: 23px !important;}
    .f-size-xxxl-24{font-size: 24px !important;}
    .f-size-xxxl-25{font-size: 25px !important;}
    .f-size-xxxl-26{font-size: 26px !important;}
    .f-size-xxxl-27{font-size: 27px !important;}
    .f-size-xxxl-28{font-size: 28px !important;}
    .f-size-xxxl-29{font-size: 29px !important;}
    .f-size-xxxl-30{font-size: 30px !important;}
    .f-size-xxxl-31{font-size: 31px !important;}
    .f-size-xxxl-32{font-size: 32px !important;}
    .f-size-xxxl-33{font-size: 33px !important;}
    .f-size-xxxl-34{font-size: 34px !important;}
    .f-size-xxxl-35{font-size: 35px !important;}
    .f-size-xxxl-36{font-size: 36px !important;}
    .f-size-xxxl-37{font-size: 37px !important;}
    .f-size-xxxl-38{font-size: 38px !important;}
    .f-size-xxxl-39{font-size: 39px !important;}
    .f-size-xxxl-40{font-size: 40px !important;}

    .w-xxxl-25{width: 25% !important;}
    .w-xxxl-33{width: 33.33% !important;}
    .w-xxxl-50{width: 50% !important;}
    .w-xxxl-66{width: 66.66% !important;}
    .w-xxxl-75{width: 75% !important;}
    .w-xxxl-100{width: 100% !important;}

    .border-xxxl-0{border: 0 !important;}
    .border-xxxl-1{border: 0 !important;}
    .border-xxxl-2{border: 0 !important;}
    .border-xxxl-3{border: 0 !important;}
    .border-xxxl-4{border: 0 !important;}
    .border-xxxl-5{border: 0 !important;}

    .card-custom-white {
        border: none;
        background-color: transparent;
        padding: 0;
        border-radius: 0;
        height: auto;
        display: flex;
        flex-direction: unset;
        justify-content: space-between;
        align-items: center;
    }

    .height-card-dashboard{
        height: 50px;
    }
}

/*responsive xxl*/
@media screen and (min-width: 1439px){
    
}
/*responsive xxl alternative*/
@media screen and (max-width: 1439px){

    .w-xxl-25{width: 25% !important;}
    .w-xxl-33{width: 33.33% !important;}
    .w-xxl-50{width: 50% !important;}
    .w-xxl-66{width: 66.66% !important;}
    .w-xxl-75{width: 75% !important;}
    .w-xxl-100{width: 100% !important;}

    /* Font size inizio */
    .f-size-xxl-6{font-size: 6px !important;}
    .f-size-xxl-7{font-size: 7px !important;}
    .f-size-xxl-8{font-size: 8px !important;}
    .f-size-xxl-9{font-size: 9px !important;}
    .f-size-xxl-10{font-size: 10px !important;}
    .f-size-xxl-11{font-size: 11px !important;}
    .f-size-xxl-12{font-size: 12px !important;}
    .f-size-xxl-13{font-size: 13px !important;}
    .f-size-xxl-14{font-size: 14px !important;}
    .f-size-xxl-15{font-size: 15px !important;}
    .f-size-xxl-16{font-size: 16px !important;}
    .f-size-xxl-17{font-size: 17px !important;}
    .f-size-xxl-18{font-size: 18px !important;}
    .f-size-xxl-19{font-size: 19px !important;}
    .f-size-xxl-20{font-size: 20px !important;}
    .f-size-xxl-21{font-size: 21px !important;}
    .f-size-xxl-22{font-size: 22px !important;}
    .f-size-xxl-23{font-size: 23px !important;}
    .f-size-xxl-24{font-size: 24px !important;}
    .f-size-xxl-25{font-size: 25px !important;}
    .f-size-xxl-26{font-size: 26px !important;}
    .f-size-xxl-27{font-size: 27px !important;}
    .f-size-xxl-28{font-size: 28px !important;}
    .f-size-xxl-29{font-size: 29px !important;}
    .f-size-xxl-30{font-size: 30px !important;}
    .f-size-xxl-31{font-size: 31px !important;}
    .f-size-xxl-32{font-size: 32px !important;}
    .f-size-xxl-33{font-size: 33px !important;}
    .f-size-xxl-34{font-size: 34px !important;}
    .f-size-xxl-35{font-size: 35px !important;}
    .f-size-xxl-36{font-size: 36px !important;}
    .f-size-xxl-37{font-size: 37px !important;}
    .f-size-xxl-38{font-size: 38px !important;}
    .f-size-xxl-39{font-size: 39px !important;}
    .f-size-xxl-40{font-size: 40px !important;}    
    /* Font size fine */
    .padding-box-input{
        padding-right: 100px;
    }
    .nav-item {
        width: 100%;
        margin-bottom: 8px !important;
        margin-left: 0!important;
        margin-right: 0!important;
        border: 1px solid #e0e0e0;
        border-radius: var(--border-radius);
        overflow: hidden;
    }
    .card-custom-white{
        border: 1px solid var(--grey-12);
        background-color: var(--white);
        padding: 20px;
        border-radius: var(--border-radius);
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: unset;
    }
}

/*responsive xl*/
@media screen and (max-width: 1199px){
    .w-xl-25{width: 25% !important;}
    .w-xl-33{width: 33.33% !important;}
    .w-xl-50{width: 50% !important;}
    .w-xl-66{width: 66.66% !important;}
    .w-xl-75{width: 75% !important;}
    .w-xl-100{width: 100% !important;}

    .sitebar > .logo > img {
        height: 40px;
        display: none;
    }
    .sitebar_box{
        margin-top: 25px;
    }
    .main-content {
        padding: 20px 15px;
    }
    .navbar {
        padding: 0px 20px;
    }
    /* Font size inizio */
    .f-size-xl-6{font-size: 6px !important;}
    .f-size-xl-7{font-size: 7px !important;}
    .f-size-xl-8{font-size: 8px !important;}
    .f-size-xl-9{font-size: 9px !important;}
    .f-size-xl-10{font-size: 10px !important;}
    .f-size-xl-11{font-size: 11px !important;}
    .f-size-xl-12{font-size: 12px !important;}
    .f-size-xl-13{font-size: 13px !important;}
    .f-size-xl-14{font-size: 14px !important;}
    .f-size-xl-15{font-size: 15px !important;}
    .f-size-xl-16{font-size: 16px !important;}
    .f-size-xl-17{font-size: 17px !important;}
    .f-size-xl-18{font-size: 18px !important;}
    .f-size-xl-19{font-size: 19px !important;}
    .f-size-xl-20{font-size: 20px !important;}
    .f-size-xl-21{font-size: 21px !important;}
    .f-size-xl-22{font-size: 22px !important;}
    .f-size-xl-23{font-size: 23px !important;}
    .f-size-xl-24{font-size: 24px !important;}
    .f-size-xl-25{font-size: 25px !important;}
    .f-size-xl-26{font-size: 26px !important;}
    .f-size-xl-27{font-size: 27px !important;}
    .f-size-xl-28{font-size: 28px !important;}
    .f-size-xl-29{font-size: 29px !important;}
    .f-size-xl-30{font-size: 30px !important;}
    .f-size-xl-31{font-size: 31px !important;}
    .f-size-xl-32{font-size: 32px !important;}
    .f-size-xl-33{font-size: 33px !important;}
    .f-size-xl-34{font-size: 34px !important;}
    .f-size-xl-35{font-size: 35px !important;}
    .f-size-xl-36{font-size: 36px !important;}
    .f-size-xl-37{font-size: 37px !important;}
    .f-size-xl-38{font-size: 38px !important;}
    .f-size-xl-39{font-size: 39px !important;}
    .f-size-xl-40{font-size: 40px !important;}
    /* Font size fine */
    
    .navbar{
        width: 100%;
        margin-left: 0;
    }
    
    .navbar{
        height: 80px;
    }
    .sitebar {
        width: 0;
        right: 0;
    }
    .full-menu{
        width: 280px!important;
    }
    .main-box{
        margin-left: 0px;
    }
    .navbar > h2{
        margin-right: 150px;
    }
    .navbar > .logo > img{
        height: 45px;
    }
    .menu-smartphone{
        display: flex;
    }
    .sitebar > .sitebar_box{
        margin-bottom: 60px;
    }
}

/*responsive lg*/
@media screen and (max-width: 991px){
    .w-lg-25{width: 25% !important;}
    .w-lg-33{width: 33.33% !important;}
    .w-lg-50{width: 50% !important;}
    .w-lg-66{width: 66.66% !important;}
    .w-lg-75{width: 75% !important;}
    .w-lg-100{width: 100% !important;}
    /* Font size inizio */
    .f-size-lg-6{font-size: 6px !important;}
    .f-size-lg-7{font-size: 7px !important;}
    .f-size-lg-8{font-size: 8px !important;}
    .f-size-lg-9{font-size: 9px !important;}
    .f-size-lg-10{font-size: 10px !important;}
    .f-size-lg-11{font-size: 11px !important;}
    .f-size-lg-12{font-size: 12px !important;}
    .f-size-lg-13{font-size: 13px !important;}
    .f-size-lg-14{font-size: 14px !important;}
    .f-size-lg-15{font-size: 15px !important;}
    .f-size-lg-16{font-size: 16px !important;}
    .f-size-lg-17{font-size: 17px !important;}
    .f-size-lg-18{font-size: 18px !important;}
    .f-size-lg-19{font-size: 19px !important;}
    .f-size-lg-20{font-size: 20px !important;}
    .f-size-lg-21{font-size: 21px !important;}
    .f-size-lg-22{font-size: 22px !important;}
    .f-size-lg-23{font-size: 23px !important;}
    .f-size-lg-24{font-size: 24px !important;}
    .f-size-lg-25{font-size: 25px !important;}
    .f-size-lg-26{font-size: 26px !important;}
    .f-size-lg-27{font-size: 27px !important;}
    .f-size-lg-28{font-size: 28px !important;}
    .f-size-lg-29{font-size: 29px !important;}
    .f-size-lg-30{font-size: 30px !important;}
    .f-size-lg-31{font-size: 31px !important;}
    .f-size-lg-32{font-size: 32px !important;}
    .f-size-lg-33{font-size: 33px !important;}
    .f-size-lg-34{font-size: 34px !important;}
    .f-size-lg-35{font-size: 35px !important;}
    .f-size-lg-36{font-size: 36px !important;}
    .f-size-lg-37{font-size: 37px !important;}
    .f-size-lg-38{font-size: 38px !important;}
    .f-size-lg-39{font-size: 39px !important;}
    .f-size-lg-40{font-size: 40px !important;}
    
    /* Font size fine */
    
    .custom-container{
        max-width: max-content;
        margin-left: 0;
        margin-right: 0;
    }

    .padding-box-input{
        padding-right: 0.5rem !important;
    }
    .padding-box-input-registrazione{
        padding-right: 0.5rem !important;
    }
    .card-custom-white {
        border: 1px solid var(--grey-12);
        background-color: var(--white);
        padding: var(--padding-card-dashboard);
        border-radius: var(--border-radius);
        height: 100%;
        display: flex;
        flex-direction: unset;
        justify-content: space-between;
        align-items: unset;
    }
    
}

/*responsive md*/
@media screen and (max-width: 767px) {
    .w-md-25{width: 25% !important;}
    .w-md-33{width: 33.33% !important;}
    .w-md-50{width: 50% !important;}
    .w-md-66{width: 66.66% !important;}
    .w-md-75{width: 75% !important;}
    .w-md-100{width: 100% !important;}
    .navbar > h2{
        margin-right: 35px;
    }
    .navbar > .logo > img {
        height: 40px;
    }
    :root{
        --card-padding-y: 20px;
        --card-padding-x: 20px;
        --padding-card-dashboard: 15px;
    }
    /* Font size inizio */
    .f-size-md-6{font-size: 6px !important;}
    .f-size-md-7{font-size: 7px !important;}
    .f-size-md-8{font-size: 8px !important;}
    .f-size-md-9{font-size: 9px !important;}
    .f-size-md-10{font-size: 10px !important;}
    .f-size-md-11{font-size: 11px !important;}
    .f-size-md-12{font-size: 12px !important;}
    .f-size-md-13{font-size: 13px !important;}
    .f-size-md-14{font-size: 14px !important;}
    .f-size-md-15{font-size: 15px !important;}
    .f-size-md-16{font-size: 16px !important;}
    .f-size-md-17{font-size: 17px !important;}
    .f-size-md-18{font-size: 18px !important;}
    .f-size-md-19{font-size: 19px !important;}
    .f-size-md-20{font-size: 20px !important;}
    .f-size-md-21{font-size: 21px !important;}
    .f-size-md-22{font-size: 22px !important;}
    .f-size-md-23{font-size: 23px !important;}
    .f-size-md-24{font-size: 24px !important;}
    .f-size-md-25{font-size: 25px !important;}
    .f-size-md-26{font-size: 26px !important;}
    .f-size-md-27{font-size: 27px !important;}
    .f-size-md-28{font-size: 28px !important;}
    .f-size-md-29{font-size: 29px !important;}
    .f-size-md-30{font-size: 30px !important;}
    .f-size-md-31{font-size: 31px !important;}
    .f-size-md-32{font-size: 32px !important;}
    .f-size-md-33{font-size: 33px !important;}
    .f-size-md-34{font-size: 34px !important;}
    .f-size-md-35{font-size: 35px !important;}
    .f-size-md-36{font-size: 36px !important;}
    .f-size-md-37{font-size: 37px !important;}
    .f-size-md-38{font-size: 38px !important;}
    .f-size-md-39{font-size: 39px !important;}
    .f-size-md-40{font-size: 40px !important;}
    
    /* Font size fine */

    .logo-fineco{
        width: inherit;
    }
    .padding-subtitle-registrazione-conclusa{
        padding-left: 8%;
        padding-right: 8%;
    }
    .padding-subtitle-registrazione{
        padding-left: 10%;
        padding-right: 10%;
        line-height: 1.3;
    }
    .card-radio {
        position: relative;
        width: 100%!important;
        height: 85px;
    }

    hr.horizontal {
        background-color: transparent;
    }
    hr.horizontal.vertical {
    transform: rotate(90deg);
    }
    hr.horizontal.dark {
        background-image: linear-gradient(
            90deg,
            transparent,
            rgba(0, 0, 0, 0.4),
            transparent
        );
    }

    .nav-link.active{
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    }
    .nav-link{
        border: 0!important;
    }
    .card-body-min-height {
        min-height: 280px;
    }
    .height-card-dashboard {
        height: 70px;
    }
}

/*responsive sm*/ 
@media screen and (max-width: 575px) {
    .w-sm-25{width: 25% !important;}
    .w-sm-33{width: 33.33% !important;}
    .w-sm-50{width: 50% !important;}
    .w-sm-66{width: 66.66% !important;}
    .w-sm-75{width: 75% !important;}
    .w-sm-100{width: 100% !important;}
    :root{
        --card-padding-y: 25px;
        --card-padding-x: 18px;

        --padding-btn: 15px 25px;
        --padding-btn-min: 12px 12px;
        --padding-btn-flat: 4px 15px;
    }
    /* Font size inizio */
    .f-size-sm-6{font-size: 6px !important;}
    .f-size-sm-7{font-size: 7px !important;}
    .f-size-sm-8{font-size: 8px !important;}
    .f-size-sm-9{font-size: 9px !important;}
    .f-size-sm-10{font-size: 10px !important;}
    .f-size-sm-11{font-size: 11px !important;}
    .f-size-sm-12{font-size: 12px !important;}
    .f-size-sm-13{font-size: 13px !important;}
    .f-size-sm-14{font-size: 14px !important;}
    .f-size-sm-15{font-size: 15px !important;}
    .f-size-sm-16{font-size: 16px !important;}
    .f-size-sm-17{font-size: 17px !important;}
    .f-size-sm-18{font-size: 18px !important;}
    .f-size-sm-19{font-size: 19px !important;}
    .f-size-sm-20{font-size: 20px !important;}
    .f-size-sm-21{font-size: 21px !important;}
    .f-size-sm-22{font-size: 22px !important;}
    .f-size-sm-23{font-size: 23px !important;}
    .f-size-sm-24{font-size: 24px !important;}
    .f-size-sm-25{font-size: 25px !important;}
    .f-size-sm-26{font-size: 26px !important;}
    .f-size-sm-27{font-size: 27px !important;}
    .f-size-sm-28{font-size: 28px !important;}
    .f-size-sm-29{font-size: 29px !important;}
    .f-size-sm-30{font-size: 30px !important;}
    .f-size-sm-31{font-size: 31px !important;}
    .f-size-sm-32{font-size: 32px !important;}
    .f-size-sm-33{font-size: 33px !important;}
    .f-size-sm-34{font-size: 34px !important;}
    .f-size-sm-35{font-size: 35px !important;}
    .f-size-sm-36{font-size: 36px !important;}
    .f-size-sm-37{font-size: 37px !important;}
    .f-size-sm-38{font-size: 38px !important;}
    .f-size-sm-39{font-size: 39px !important;}
    .f-size-sm-40{font-size: 40px !important;}
    
    /* Font size fine */

    /* Font weight inizio */

    .extra-light-ms{
        font-weight: var(--extra-light);
    }
    .light-ms{
        font-weight: var(--light);
    }
    .normal-ms{
        font-weight: var(--normal);
    }
    .medium-ms{
        font-weight: var(--medium);
    }
    .semi-bold-ms{
        font-weight: var(--semi-bold);
    }
    .bold-ms{
        font-weight: var(--bold);
    }
    .extra-bold-ms{
        font-weight: var(--extra-bold);
    }
    .bolder-ms{
        font-weight: var(--bolder);
    }

    /* Font weight fine */

    .padding-subtitle-registrazione-conclusa{
        padding-left: 5%;
        padding-right: 5%;
    }
    .padding-subtitle-registrazione{
        padding-left: 0%;
        padding-right: 0%;
        line-height: 1.3;
    }
    .btn-otp{
        width: 100%;
    }
    .btn-double-responsive{
        width: 100%;
    }
    .div-btn-responsive{
        justify-content: space-between;
    }
    .btn-responsive{
        padding: 7px 40px;
    }
    .main-content {
        padding: 20px 15px;
    }
    .navbar {
        padding: 0px 20px;
    }
    .card-custom-white {
        display: block;
    }
    .card-orange-custom-padding{
        padding-right: 5px;
    }
    .card-yellow-custom-padding{
        padding-left: 5px;
    }
    .pensione-lorda-box{
        padding: 6px 10px;
        margin-right: 2px;
    }
    .pensione-integrativa-box{
        padding: 6px 10px;
        margin-right: 2px;
    }
    .gap-box{
        padding: 6px 10px;
        margin-left: 2px;
    }
}
/* NON AGGIUNGERE ALTRO CODICE OLTRE, SCRIVERE PRIMA DELLE MEDIA QUERY */
/* Media query fine*/