.card .card-body .card-text {
    font-family: Titillium Web;
}

a.read-more {
    text-decoration: underline;
    font-size: 1.1em;
}

a.read-more:hover {
    color: #004275;
}

/*navbar*/

/* effetto hover su card */
.card.border-bottom-card::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    background: var(--bs-primary);
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    transform-origin: left;
}

.border-bottom-card:hover::before {
    transform: scaleX(1);
}

/*usato nei titoli delle card nella pagina login*/
.card-title {
    color: var(--bs-primary);
}
/*bottoni pagina login*/
.btn-primary, .card-body .form-group input{
    color: #FFFFFF;
    font-size: 1.2em;
}
.btn-primary:hover, .btn-primary-dark:hover, .btn-primary:active, .btn-primary-dark:active {
    background-color: var(--bs-primary-dark);
    text-decoration: underline;
}

/* icona logo comune in alto a sinistra */
.logo {
    width: 85px;
    height: 100%;
    margin: 10px 15px 10px 0;
}

/* icona search */
.it-search-wrapper button.rounded-icon {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 16px;
    transition: all .3s;
}

.search-link.rounded-icon {
    border-width: 1px;
    border-style: solid;
    border-color: var(--bs-primary);
}

.cookiebar-btn.cookiebar-confirm {
    text-decoration: underline;
}

.back-to-top {
    color: #FFF;
    background: #004275;
}

/*navbar*/
.nav-item.dropdown .nav-link span {
    font-size: 1.25em;
    font-weight: 500;
}

div.it-header-slim-right-zone div a span:not(.rounded-icon) {
    font-size: 1.15em;
    font-weight: 500;
}

.navbar .navbar-collapsable .navbar-nav li a.nav-link:hover, .navbar .navbar-collapsable .navbar-nav li a.nav-link:focus {
    font-weight: bold;
    text-decoration: underline;
}

/*metto i bordi agli alert per renderli più visibili*/
.alert.alert-primary,
.alert.alert-info,
.alert.alert-success,
.alert.alert-warning,
.alert.alert-danger {
    /* Usiamo una variabile locale che cambia a seconda della classe */
    border-top: 1px solid var(--local-color);
    border-right: 1px solid var(--local-color);
    border-bottom: 1px solid var(--local-color);
    box-shadow: 0 6px 8px color-mix(in srgb, var(--local-color), transparent 70%);
}

.alert-primary {
    --local-color: var(--bs-primary);
}
.alert-info {
    --local-color: var(--bs-info);
}
.alert-success {
    --local-color: var(--bs-success);
}
.alert-warning {
    --local-color: var(--bs-warning);
}
.alert-danger {
    --local-color: var(--bs-danger);
}

/*allineamento a sinistra campo password*/
.apk_input.password .inp_body input[type="password"] {
    display: block;
    width: 100%;
}

/* footer */
.logo-hypersic-footer {
    width: 60px;
    height: 100% 100%;
}

.it-footer-main .link-list-wrapper ul li a:hover:not(.disabled),
.footer-list li a:hover,
.it-footer a:hover {
    text-decoration: underline;
    font-weight: bold;
}

.it-footer-main .link-list-wrapper ul li a:not(.disabled) {
    text-decoration: none;
}

.footer-list li a, .it-footer a, .link-list-wrapper ul li a {
    text-decoration: none;
}

.footer-apk span:first-child {
    margin-right: 10px;
}

.footer-apk:hover span, .footer-apk:focus span {
    text-decoration: underline;
}

.footer-apk span {
    display: inline-block;
}

.it-footer .footer-items-wrapper h3 {
    font-weight: 600;
    font-size: 1.75rem;
}

/*/*/
.form-group {
    flex: 0 1 100%;
    margin-bottom: 0;
}

/*input*/


/*fix per tabelle senza i commons*/
/* 1. Resetta tutti i bordi predefiniti della tabella e delle celle */
/*.table-responsive .table,
.table-responsive .table td {
    border: none !important;
}*/

/* 2. Imposta il bordo blu esterno a tutta la tabella */
/*.table-responsive .table {
    border: 2px solid var(--bs-primary) !important;*/ /* Colore blu scuro/elettrico */
    /*border-collapse: collapse;
}*/

/* 3. Stile della riga di Intestazione (Header) */
/*.table-responsive .table .headerstyle td {*/
    /* Linea blu singola sopra (che la separa dal Pager) */
    /*border-top: 2px solid var(--bs-primary) !important;*/
    /* Linea blu doppia sotto (che la separa dai dati) */
    /*border-bottom: 3px double var(--bs-primary) !important;
    padding-top: 12px;
    padding-bottom: 12px;
}*/

/* Colore blu e grassetto per i link dentro l'header, come nell'immagine */
/*.table-responsive .table .headerstyle a {
    color: var(--bs-primary) !important;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}*/

/* 4. Righe dei dati: solo riga orizzontale grigio chiaro */
/*.table-responsive .table .itemstyle td,
.table-responsive .table .alternatingitemstyle td {
    border-bottom: 1px solid #e0e0e0 !important;*/ /* Grigio chiaro */
    /*padding-top: 10px;
    padding-bottom: 10px;
}*/

/* Rimuove la riga grigia dall'ultima riga, così non si sovrappone al contorno blu */
/*.table-responsive .table tr:last-child td {
    border-bottom: none !important;
}*/

/* 5. Assicuriamoci che la riga del Pager non abbia bordi anomali e abbia un po' di respiro */
/*.table-responsive .table .pagerstyle td {
    padding-top: 8px;
    padding-bottom: 8px;
}*/
/* Effetto Hover "corazzato" per ignorare i conflitti col JavaScript */
/*.table-responsive .table tr:not(.headerstyle):not(.pagerstyle):hover,
.table-responsive .table tr:not(.headerstyle):not(.pagerstyle):hover td {
    background-color: #e2e2e2 !important;
    cursor: pointer;
}*/




/* xxl */
@media(min-width: 1400px) {
    .border-start-xxl {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-start-xxl-none {
        border-left: none;
    }

    .border-end-xxl {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-end-xxl-none {
        border-right: none;
    }

    .border-top-xxl {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-top-xxl-none {
        border-top: none;
    }

    .border-bottom-xxl {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-bottom-xxl-none {
        border-bottom: none;
    }
}

/* xl */
@media(min-width: 1200px) {

    .border-start-xl {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-start-xl-none {
        border-left: none;
    }

    .border-end-xl {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-end-xl-none {
        border-right: none;
    }

    .border-top-xl {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-top-xl-none {
        border-top: none;
    }

    .border-bottom-xl {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-bottom-xl-none {
        border-bottom: none;
    }
}

/* lg */
@media(min-width: 992px) {

    .border-start-lg {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-start-lg-none {
        border-left: none;
    }

    .border-end-lg {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-end-lg-none {
        border-right: none;
    }

    .border-top-lg {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-top-lg-none {
        border-top: none;
    }

    .border-bottom-lg {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-bottom-lg-none {
        border-bottom: none;
    }
}

/* md */
@media(min-width: 768px) {

    .border-start-md {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-start-md-none {
        border-left: none;
    }

    .border-end-md {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-end-md-none {
        border-right: none;
    }

    .border-top-md {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-top-md-none {
        border-top: none;
    }

    .border-bottom-md {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-bottom-md-none {
        border-bottom: none;
    }
}

/* sm */
@media(min-width: 576px) {

    .border-start-sm {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-start-sm-none {
        border-left: none;
    }

    .border-end-sm {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-end-sm-none {
        border-right: none;
    }

    .border-top-sm {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-top-sm-none {
        border-top: none;
    }

    .border-bottom-sm {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-bottom-sm-none {
        border-bottom: none;
    }
}

/* EXTRA COLORS */

:root {
    /* HSL CON L=85% => light */
    /* HSL CON L=25% => dark */

    --bs-primary-light: #CFE2FF;
    --bs-primary-superlight: #f3f7fc;
    --bs-secondary-light: #d8d9da;
    --bs-success-light: #D1E7DD;
    --bs-danger-light: #F8D7DA;
    --bs-warning-light: #FFF3CD;
    --bs-superdark: #1A1A1A;
    /* ------------------------ */
    --bs-primary-dark: #036;
    --bs-secondary-dark: #3e4042;
    --bs-success-dark: #146c43;
    --bs-danger-dark: #661926;
    --bs-warning-dark: #806000;
}

/* fix problema sovrapposizione sidebar sticky con modale */
.bs-is-sticky {
    z-index: 999 !important;
}

/* -------- primary super light -------- */
.text-primary-superlight {
    color: var(--bs-primary-superlight);
}

.bg-primary-superlight {
    background-color: var(--bs-primary-superlight);
}

.border-primary-superlight {
    border-color: var(--bs-primary-superlight);
}

.icon-primary-superlight {
    fill: var(--bs-primary-superlight);
}

/* -------- primary light -------- */
.text-primary-light {
    color: var(--bs-primary-light);
}

.bg-primary-light {
    background-color: var(--bs-primary-light);
}

.border-primary-light {
    border-color: var(--bs-primary-light);
}

.icon-primary-light {
    fill: var(--bs-primary-light);
}
/* -------- primary dark -------- */
.text-primary-dark {
    color: var(--bs-primary-dark);
}

.bg-primary-dark {
    background-color: var(--bs-primary-dark);
}

.border-primary-dark {
    border-color: var(--bs-primary-dark);
}

.icon-primary-dark {
    fill: var(--bs-primary-dark);
}

/* -------- superdark dark -------- */
.text-superdark {
    color: var(--bs-superdark);
}

.bg-superdark {
    background-color: var(--bs-superdark);
}

.border-superdark {
    border-color: var(--bs-superdark);
}

.icon-superdark {
    fill: var(--bs-superdark);
}

/* -------- secondary light -------- */
.text-secondary-light {
    color: var(--bs-secondary-light);
}

.bg-secondary-light {
    background-color: var(--bs-secondary-light);
}

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

.icon-secondary-light {
    fill: var(--bs-secondary-light);
}

/* -------- secondary dark -------- */
.text-secondary-dark {
    color: var(--bs-secondary-dark);
}

.bg-secondary-dark {
    background-color: var(--bs-secondary-dark);
}

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

.icon-secondary-dark {
    fill: var(--bs-secondary-dark);
}

/* -------- success light -------- */
.text-success-light {
    color: var(--bs-success-light);
}

.bg-success-light {
    background-color: var(--bs-success-light);
}

.border-success-light {
    border-color: var(--bs-success-light);
}

.icon-success-light {
    fill: var(--bs-success-light);
}
/* -------- success dark -------- */
.text-success-dark {
    color: var(--bs-success-dark);
}

.bg-success-dark {
    background-color: var(--bs-success-dark);
}

.border-success-dark {
    border-color: var(--bs-success-dark);
}

.icon-success-dark {
    fill: var(--bs-success-dark);
}

/* -------- danger light -------- */
.text-danger-light {
    color: var(--bs-danger-light);
}

.bg-danger-light {
    background-color: var(--bs-danger-light);
}

.border-danger-light {
    border-color: var(--bs-danger-light);
}

.icon-danger-light {
    fill: var(--bs-danger-light);
}

/* -------- danger dark -------- */
.text-danger-dark {
    color: var(--bs-danger-dark);
}

.bg-danger-dark {
    background-color: var(--bs-danger-dark);
}

.border-danger-dark {
    border-color: var(--bs-danger-dark);
}

.icon-danger-dark {
    fill: var(--bs-danger-dark);
}

/* -------- warning light -------- */
.text-warning-light {
    color: var(--bs-warning-light);
}

.bg-warning-light {
    background-color: var(--bs-warning-light);
}

.border-warning-light {
    border-color: var(--bs-warning-light);
}

.icon-warning-light {
    fill: var(--bs-warning-light);
}

/* -------- warning dark -------- */
.text-warning-dark {
    color: var(--bs-warning-dark);
}

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

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

.icon-warning-dark {
    fill: var(--bs-warning-dark);
}

/*
    --bs-primary: hsl(210deg, 100%, 40%);
    --bs-secondary: hsl(210deg, 17%, 44%);
    --bs-success: hsl(160deg, 100%, 25%);
    --bs-warning: hsl(36deg, 100%, 30%);
    --bs-danger: hsl(350deg, 60%, 50%);

    -dark

*/

/* INIZIO personalizzazione per la popup modale coi ID="apsmodal" */
.apkmodal .modal-fullscreen {
    width: 95% !important; /* esempio: non fullscreen */
    height: 95% !important;
    /* height: auto !important; */
    max-width: 1900px !important;
}

.apkmodal .modal-dialog {
    margin: 20px auto !important;
}

/* FINE personalizzazione per la popup modale coi ID="apsmodal" */


/* END EXTRA COLORS */


/* AFFIX WITH HEADER FIXED */

.affix-top {
    position: sticky;
    top: 92px;
}

/* END AFFIX */

/* CUSTOM FLEX WIDTH */

.w-0, .w-sm-0, .w-md-0, .w-lg-0, .w-xl-0, .w-xxl-0 {
    width: 0% !important;
}

.w-1, .w-sm-1, .w-md-1, .w-lg-1, .w-xl-1, .w-xxl-1 {
    width: 1% !important;
}

.w-2, .w-sm-2, .w-md-2, .w-lg-2, .w-xl-2, .w-xxl-2 {
    width: 2% !important;
}

.w-3, .w-sm-3, .w-md-3, .w-lg-3, .w-xl-3, .w-xxl-3 {
    width: 3% !important;
}

.w-4, .w-sm-4, .w-md-4, .w-lg-4, .w-xl-4, .w-xxl-4 {
    width: 4% !important;
}

.w-5, .w-sm-5, .w-md-5, .w-lg-5, .w-xl-5, .w-xxl-5 {
    width: 5% !important;
}

.w-6, .w-sm-6, .w-md-6, .w-lg-6, .w-xl-6, .w-xxl-6 {
    width: 6% !important;
}

.w-7, .w-sm-7, .w-md-7, .w-lg-7, .w-xl-7, .w-xxl-7 {
    width: 7% !important;
}

.w-8, .w-sm-8, .w-md-8, .w-lg-8, .w-xl-8, .w-xxl-8 {
    width: 8% !important;
}

.w-9, .w-sm-9, .w-md-9, .w-lg-9, .w-xl-9, .w-xxl-9 {
    width: 9% !important;
}

.w-10, .w-sm-10, .w-md-10, .w-lg-10, .w-xl-10, .w-xxl-10 {
    width: 10% !important;
}

.w-11, .w-sm-11, .w-md-11, .w-lg-11, .w-xl-11, .w-xxl-11 {
    width: 11% !important;
}

.w-12, .w-sm-12, .w-md-12, .w-lg-12, .w-xl-12, .w-xxl-12 {
    width: 12% !important;
}

.w-13, .w-sm-13, .w-md-13, .w-lg-13, .w-xl-13, .w-xxl-13 {
    width: 13% !important;
}

.w-14, .w-sm-14, .w-md-14, .w-lg-14, .w-xl-14, .w-xxl-14 {
    width: 14% !important;
}

.w-15, .w-sm-15, .w-md-15, .w-lg-15, .w-xl-15, .w-xxl-15 {
    width: 15% !important;
}

.w-16, .w-sm-16, .w-md-16, .w-lg-16, .w-xl-16, .w-xxl-16 {
    width: 16% !important;
}

.w-17, .w-sm-17, .w-md-17, .w-lg-17, .w-xl-17, .w-xxl-17 {
    width: 17% !important;
}

.w-18, .w-sm-18, .w-md-18, .w-lg-18, .w-xl-18, .w-xxl-18 {
    width: 18% !important;
}

.w-19, .w-sm-19, .w-md-19, .w-lg-19, .w-xl-19, .w-xxl-19 {
    width: 19% !important;
}

.w-20, .w-sm-20, .w-md-20, .w-lg-20, .w-xl-20, .w-xxl-20 {
    width: 20% !important;
}

.w-21, .w-sm-21, .w-md-21, .w-lg-21, .w-xl-21, .w-xxl-21 {
    width: 21% !important;
}

.w-22, .w-sm-22, .w-md-22, .w-lg-22, .w-xl-22, .w-xxl-22 {
    width: 22% !important;
}

.w-23, .w-sm-23, .w-md-23, .w-lg-23, .w-xl-23, .w-xxl-23 {
    width: 23% !important;
}

.w-24, .w-sm-24, .w-md-24, .w-lg-24, .w-xl-24, .w-xxl-24 {
    width: 24% !important;
}

.w-26, .w-sm-26, .w-md-26, .w-lg-26, .w-xl-26, .w-xxl-26 {
    width: 26% !important;
}

.w-27, .w-sm-27, .w-md-27, .w-lg-27, .w-xl-27, .w-xxl-27 {
    width: 27% !important;
}

.w-28, .w-sm-28, .w-md-28, .w-lg-28, .w-xl-28, .w-xxl-28 {
    width: 28% !important;
}

.w-29, .w-sm-29, .w-md-29, .w-lg-29, .w-xl-29, .w-xxl-29 {
    width: 29% !important;
}

.w-30, .w-sm-30, .w-md-30, .w-lg-30, .w-xl-30, .w-xxl-30 {
    width: 30% !important;
}

.w-31, .w-sm-31, .w-md-31, .w-lg-31, .w-xl-31, .w-xxl-31 {
    width: 31% !important;
}

.w-32, .w-sm-32, .w-md-32, .w-lg-32, .w-xl-32, .w-xxl-32 {
    width: 32% !important;
}

.w-33, .w-sm-33, .w-md-33, .w-lg-33, .w-xl-33, .w-xxl-33 {
    width: 33% !important;
}

.w-34, .w-sm-34, .w-md-34, .w-lg-34, .w-xl-34, .w-xxl-34 {
    width: 34% !important;
}

.w-35, .w-sm-35, .w-md-35, .w-lg-35, .w-xl-35, .w-xxl-35 {
    width: 35% !important;
}

.w-36, .w-sm-36, .w-md-36, .w-lg-36, .w-xl-36, .w-xxl-36 {
    width: 36% !important;
}

.w-37, .w-sm-37, .w-md-37, .w-lg-37, .w-xl-37, .w-xxl-37 {
    width: 37% !important;
}

.w-38, .w-sm-38, .w-md-38, .w-lg-38, .w-xl-38, .w-xxl-38 {
    width: 38% !important;
}

.w-39, .w-sm-39, .w-md-39, .w-lg-39, .w-xl-39, .w-xxl-39 {
    width: 39% !important;
}

.w-40, .w-sm-40, .w-md-40, .w-lg-40, .w-xl-40, .w-xxl-40 {
    width: 40% !important;
}

.w-41, .w-sm-41, .w-md-41, .w-lg-41, .w-xl-41, .w-xxl-41 {
    width: 41% !important;
}

.w-42, .w-sm-42, .w-md-42, .w-lg-42, .w-xl-42, .w-xxl-42 {
    width: 42% !important;
}

.w-43, .w-sm-43, .w-md-43, .w-lg-43, .w-xl-43, .w-xxl-43 {
    width: 43% !important;
}

.w-44, .w-sm-44, .w-md-44, .w-lg-44, .w-xl-44, .w-xxl-44 {
    width: 44% !important;
}

.w-45, .w-sm-45, .w-md-45, .w-lg-45, .w-xl-45, .w-xxl-45 {
    width: 45% !important;
}

.w-46, .w-sm-46, .w-md-46, .w-lg-46, .w-xl-46, .w-xxl-46 {
    width: 46% !important;
}

.w-47, .w-sm-47, .w-md-47, .w-lg-47, .w-xl-47, .w-xxl-47 {
    width: 47% !important;
}

.w-48, .w-sm-48, .w-md-48, .w-lg-48, .w-xl-48, .w-xxl-48 {
    width: 48% !important;
}

.w-49, .w-sm-49, .w-md-49, .w-lg-49, .w-xl-49, .w-xxl-49 {
    width: 49% !important;
}

.w-51, .w-sm-51, .w-md-51, .w-lg-51, .w-xl-51, .w-xxl-51 {
    width: 51% !important;
}

.w-52, .w-sm-52, .w-md-52, .w-lg-52, .w-xl-52, .w-xxl-52 {
    width: 52% !important;
}

.w-53, .w-sm-53, .w-md-53, .w-lg-53, .w-xl-53, .w-xxl-53 {
    width: 53% !important;
}

.w-54, .w-sm-54, .w-md-54, .w-lg-54, .w-xl-54, .w-xxl-54 {
    width: 54% !important;
}

.w-55, .w-sm-55, .w-md-55, .w-lg-55, .w-xl-55, .w-xxl-55 {
    width: 55% !important;
}

.w-56, .w-sm-56, .w-md-56, .w-lg-56, .w-xl-56, .w-xxl-56 {
    width: 56% !important;
}

.w-57, .w-sm-57, .w-md-57, .w-lg-57, .w-xl-57, .w-xxl-57 {
    width: 57% !important;
}

.w-58, .w-sm-58, .w-md-58, .w-lg-58, .w-xl-58, .w-xxl-58 {
    width: 58% !important;
}

.w-59, .w-sm-59, .w-md-59, .w-lg-59, .w-xl-59, .w-xxl-59 {
    width: 59% !important;
}

.w-60, .w-sm-60, .w-md-60, .w-lg-60, .w-xl-60, .w-xxl-60 {
    width: 60% !important;
}

.w-61, .w-sm-61, .w-md-61, .w-lg-61, .w-xl-61, .w-xxl-61 {
    width: 61% !important;
}

.w-62, .w-sm-62, .w-md-62, .w-lg-62, .w-xl-62, .w-xxl-62 {
    width: 62% !important;
}

.w-63, .w-sm-63, .w-md-63, .w-lg-63, .w-xl-63, .w-xxl-63 {
    width: 63% !important;
}

.w-64, .w-sm-64, .w-md-64, .w-lg-64, .w-xl-64, .w-xxl-64 {
    width: 64% !important;
}

.w-65, .w-sm-65, .w-md-65, .w-lg-65, .w-xl-65, .w-xxl-65 {
    width: 65% !important;
}

.w-66, .w-sm-66, .w-md-66, .w-lg-66, .w-xl-66, .w-xxl-66 {
    width: 66% !important;
}

.w-67, .w-sm-67, .w-md-67, .w-lg-67, .w-xl-67, .w-xxl-67 {
    width: 67% !important;
}

.w-68, .w-sm-68, .w-md-68, .w-lg-68, .w-xl-68, .w-xxl-68 {
    width: 68% !important;
}

.w-69, .w-sm-69, .w-md-69, .w-lg-69, .w-xl-69, .w-xxl-69 {
    width: 69% !important;
}

.w-70, .w-sm-70, .w-md-70, .w-lg-70, .w-xl-70, .w-xxl-70 {
    width: 70% !important;
}

.w-71, .w-sm-71, .w-md-71, .w-lg-71, .w-xl-71, .w-xxl-71 {
    width: 71% !important;
}

.w-72, .w-sm-72, .w-md-72, .w-lg-72, .w-xl-72, .w-xxl-72 {
    width: 72% !important;
}

.w-73, .w-sm-73, .w-md-73, .w-lg-73, .w-xl-73, .w-xxl-73 {
    width: 73% !important;
}

.w-74, .w-sm-74, .w-md-74, .w-lg-74, .w-xl-74, .w-xxl-74 {
    width: 74% !important;
}

.w-76, .w-sm-76, .w-md-76, .w-lg-76, .w-xl-76, .w-xxl-76 {
    width: 76% !important;
}

.w-77, .w-sm-77, .w-md-77, .w-lg-77, .w-xl-77, .w-xxl-77 {
    width: 77% !important;
}

.w-78, .w-sm-78, .w-md-78, .w-lg-78, .w-xl-78, .w-xxl-78 {
    width: 78% !important;
}

.w-79, .w-sm-79, .w-md-79, .w-lg-79, .w-xl-79, .w-xxl-79 {
    width: 79% !important;
}

.w-80, .w-sm-80, .w-md-80, .w-lg-80, .w-xl-80, .w-xxl-80 {
    width: 80% !important;
}

.w-81, .w-sm-81, .w-md-81, .w-lg-81, .w-xl-81, .w-xxl-81 {
    width: 81% !important;
}

.w-82, .w-sm-82, .w-md-82, .w-lg-82, .w-xl-82, .w-xxl-82 {
    width: 82% !important;
}

.w-83, .w-sm-83, .w-md-83, .w-lg-83, .w-xl-83, .w-xxl-83 {
    width: 83% !important;
}

.w-84, .w-sm-84, .w-md-84, .w-lg-84, .w-xl-84, .w-xxl-84 {
    width: 84% !important;
}

.w-85, .w-sm-85, .w-md-85, .w-lg-85, .w-xl-85, .w-xxl-85 {
    width: 85% !important;
}

.w-86, .w-sm-86, .w-md-86, .w-lg-86, .w-xl-86, .w-xxl-86 {
    width: 86% !important;
}

.w-87, .w-sm-87, .w-md-87, .w-lg-87, .w-xl-87, .w-xxl-87 {
    width: 87% !important;
}

.w-88, .w-sm-88, .w-md-88, .w-lg-88, .w-xl-88, .w-xxl-88 {
    width: 88% !important;
}

.w-89, .w-sm-89, .w-md-89, .w-lg-89, .w-xl-89, .w-xxl-89 {
    width: 89% !important;
}

.w-90, .w-sm-90, .w-md-90, .w-lg-90, .w-xl-90, .w-xxl-90 {
    width: 90% !important;
}

.w-91, .w-sm-91, .w-md-91, .w-lg-91, .w-xl-91, .w-xxl-91 {
    width: 91% !important;
}

.w-92, .w-sm-92, .w-md-92, .w-lg-92, .w-xl-92, .w-xxl-92 {
    width: 92% !important;
}

.w-93, .w-sm-93, .w-md-93, .w-lg-93, .w-xl-93, .w-xxl-93 {
    width: 93% !important;
}

.w-94, .w-sm-94, .w-md-94, .w-lg-94, .w-xl-94, .w-xxl-94 {
    width: 94% !important;
}

.w-95, .w-sm-95, .w-md-95, .w-lg-95, .w-xl-95, .w-xxl-95 {
    width: 95% !important;
}

.w-96, .w-sm-96, .w-md-96, .w-lg-96, .w-xl-96, .w-xxl-96 {
    width: 96% !important;
}

.w-97, .w-sm-97, .w-md-97, .w-lg-97, .w-xl-97, .w-xxl-97 {
    width: 97% !important;
}

.w-98, .w-sm-98, .w-md-98, .w-lg-98, .w-xl-98, .w-xxl-98 {
    width: 98% !important;
}

.w-99, .w-sm-99, .w-md-99, .w-lg-99, .w-xl-99, .w-xxl-99 {
    width: 99% !important;
}

/*max width usato per la larghezza del cookie box*/
.mw-90, .mw-sm-90, .mw-md-90, .mw-lg-90, .mw-xl-90, .mw-xxl-90 {
    max-width: 90% !important;
}


/* END CUSTOM FLEX WIDTH */