/* Palette colori */
:root {
    /* --- Variabili di stato "primary" e "light" ---------------------------
       Queste tre erano USATE ma mai DICHIARATE. Le prime due comparivano solo
       come fallback ripetuto, scritto a mano in ogni singolo punto d'uso:
       il fallback funzionava, ma la manopola non esisteva e per cambiare
       quel colore bisognava editare a mano cinque punti del file.
       La terza non aveva nemmeno il fallback, quindi la riga che la usa
       (--ui-state-active-border) diventava invalida e il bordo spariva.
       I valori qui sotto sono ESATTAMENTE quelli resi oggi, tranne
       --color-primary-border: vedi la nota li sotto. */
    /* Fondo tenue del passaggio del mouse su checkbox, molti-a-molti,
       pulsanti delle impostazioni colonne. Era il fallback rgba(0,0,0,0.04). */
    --color-light-bg: rgba(0, 0, 0, 0.04);
    /* Fondo tenue dell'elemento selezionato negli stessi controlli.
       Era il fallback rgba(0,120,212,0.1). */
    --color-primary-light: rgba(0, 120, 212, 0.1);
    /* Bordo dello stato attivo dei controlli jQuery UI (.ui-state-active).
       Prima era un buco: la proprieta' border diventava invalida e jQuery UI
       restava senza bordo, con un salto di 1px rispetto agli altri stati che
       il bordo ce l'hanno. Il valore di partenza e' lo stesso di
       --color-primary, quindi il bordo c'e' ma non si vede: nessun cambio di
       colore percepibile, e in piu' sparisce il salto di 1px. E' una variabile
       a se': cambiandola si colora solo questo bordo. */
    --color-primary-border: #4df3fe9f;
    /* Variabili generiche di base (usate solo come valori per le variabili specifiche) */
    --bs-danger: #ff5a5aa6;
    --color-primary: #4df3fe9f;
    --color-main-60: #cacaca;
    --color-bg-light: #f3f6f7;
    --color-light-border: #e0e0e0;
    --color-hover-border: #b6b6b6;
    --color-active-border: #464646;
    --color-gray-dark-border: #5e5d5d;
    --color-secondary: #3a8dde;
    --color-gray-light: #efefef;
    --color-gray-medium: #e6e6e6;
    --color-gray-dark-grey: #343434;
    --color-red-light: #ff8282;
    --color-hover-button: #c9c9c9;
    --color-shadow: #000000;
    --color-accent: #3aafa9;
    --color-text: #343434;
    --color-text-dark: #3d3d3d;
    --color-text-light: #bdbdbd;
    --color-text-gray: #828282;
    --color-disabled-text: #757575;
    --color-text-th: #f1f1f1;
    --color-text-td-row-num: #f1f1f1;
    --color-text-swal2: #272727;
    --color-text-thead-lightdark: #5f5f5f;
    --color-active-tab: #197cbd;
    --color-text-active-tab: #ffffff;
    --color-no-active-tab: #7da3cd;
    --color-text-no-active-tab: #F9F9F9;
    --color-red: #fb0000;
    --color-red-datetime-error: #f2d5ce;
    --color-menu-web-sidebar: #cacaca;
    --color-menu-web-sidebar-bg: #F2F2F2;
    --color-menu-web-sidebar-table-bg: #197cbd;
    --color-sidebar-icons-menu-main: #f8f8f8;
    --color-inside-details: #006c93;
    --color-inside-details-topbar: transparent;
    --color-inside-details-active: #138db9;
    --color-inside-details-hover: #86bacc;
    --color-th-table-main: #ececec;
    --color-input-normal-light: #ffffff;
    /* Superficie: il fondo dei riquadri che stanno SOPRA lo sfondo pagina (card, pannelli,
       contenuti delle schede). Va tenuta distinta dal fondo dei campi: oggi coincidono, ma
       sono due cose diverse e un domani potrebbero non esserlo. */
    --color-surface: #ffffff;
    /* Testo su fondo colorato o scuro (bande, intestazioni piene, pulsanti pieni): resta
       bianco anche nel tema scuro, ed e' il motivo per cui non compare nel blocco scuro. */
    --color-text-inverse: #ffffff;
    --color-details-main: #00374a;
    /* Home page (/ClientWeb/MainPage): l'albero del menu nella barra laterale. Il resto della
       pagina (navbar, barre, schede) passava gia' dalle variabili — questi erano gli ultimi
       colori cablati, e quindi l'unica parte della home che nessuno stile poteva cambiare.
       Stanno sopra il fondo scuro della barra (--color-details-main): sono chiari nei due temi,
       per questo non hanno una variante scura. */
    --color-home-menu-title: #dde4e4;
    --color-home-menu-item: #92acac;
    --color-home-menu-item-hover: #dde4e4;
    --color-home-menu-line: #92acac;
    /* Evidenziazione di cio' che e' SELEZIONATO (classe .active): vale in tutta
       l'applicazione — allegati, molti-a-molti, dropdown aperti, icona attiva del menu della
       home. La regola sta in fondo a questo file. */
    --color-selected: #81b4c6;
    --color-tabcontainer-base: #f3f6f7;
    /* Schede (HtmlTabGroup / HtmlTab).
       --color-tabs-btn e' il fondo della BARRA delle linguette: era dichiarata ma non usata da
       nessuno (nel CSS la riga era commentata e la barra restava trasparente), quindi la
       manopola nell'editor non faceva niente. Ora e' collegata, col valore che riproduce
       l'aspetto di oggi. I valori dichiarati prima e mai visti erano #e4e4e4 al chiaro e
       #2a2a2a al buio: si rimettono cambiando questa variabile.
       --color-tab-border e' il bordo del riquadro e della linguetta attiva: prima erano
       agganciati a --color-light-border, cioe' non si potevano cambiare senza spostare il bordo
       di tutta l'applicazione. Il valore di partenza rimanda a quella, quindi il tema scuro
       continua a seguirlo finche' nessuno lo tocca. */
    --color-tabs-btn: transparent;
    --color-tab-border: var(--color-light-border);
    --color-tabcontainer-base-background-active: var(--bs-primary);
    --color-tabcontainer-active: var(--color-light-border);
    --htmlelement-tabcontainer-focus-border: 1px;
    --htmlelement-tabcontainer-border-color: var(--color-light-border);
    --htmlelement-tabcontainer-border-color-active: var(--color-light-border);
    --text-font-general-sm: 8px;
    --text-font-general: 10px;
    --text-font-general-md: 12px;
    --text-font-form-label-custom-info: 11px;
    --text-font-btn-modal-gen: 14px;
    --text-font-jquery-simply-error-message-ui: 14px;
    --text-font-summary2-second-level: 11px;
    --text-font-summary2-second-level-classContent: 18px;
    --text-font-tmp-contentSummary: 18px;
    --text-font-th-base: 9px;
    --text-font-td-base: 11px;
    --text-font-h3-title-modal-gen: 18px;
    --text-font-simply-sidebar-menu-settings: 16px;
    --size-border-required: 2px;
    /* --- Spinner --- */
    --spinner-width: 50px;
    --spinner-height: 50px;
    --spinner-border-size: 5px;
    --spinner-border-top-size: 4px;
    --spinner-border-color: var(--color-main-60);
    --spinner-border-radius: 50%;
    --spinner-animation-duration: 1s;
    --spinner-animation-easing: linear;
    /* --- Error message --- */
    --error-color: #b00020;
    --error-background: #fdecea;
    --error-border-color: #f5c2c7;
    --error-border-width: 1px;
    --error-padding: 12px 16px;
    --error-margin: 10px 0;
    --error-border-radius: 5px;
    --error-font-size: var(--text-font-jquery-simply-error-message-ui);
    /* --- .htmlelement-style-base --- */
    --htmlelement-style-base-width: 100%;
    --htmlelement-style-base-min-width: 150px;
    --htmlelement-style-base-min-height: 26px;
    --htmlelement-style-base-font-size: var(--text-font-general);
    --htmlelement-style-base-border-width: 1px;
    --htmlelement-style-base-border-color: var(--color-light-border);
    --htmlelement-style-base-border-radius: 0px;
    --htmlelement-style-base-outline: none;
    --htmlelement-style-base-focus-border-width: 1px;
    --htmlelement-style-base-focus-border-color: var(--color-gray-dark-border);
    --htmlelement-style-base-placeholder-color: var(--color-text-gray);
    --htmlelement-style-base-text-color: var(--color-text);
    /* --- .htmlelement-tabcontainer-style-base --- */
    --htmlelement-tabcontainer-style-base-display: inline-block;
    --htmlelement-tabcontainer-style-base-bg: var(--color-tabcontainer-base);
    --htmlelement-tabcontainer-style-base-transition: border-color 0.2s ease;
    --htmlelement-tabcontainer-style-base-border: var(--htmlelement-tabcontainer-focus-border) solid var(--bs-border-color);
    --htmlelement-tabcontainer-style-base-hover-border-color: var(--htmlelement-tabcontainer-border-color);
    --htmlelement-tabcontainer-style-base-active-bg: var(--color-tabcontainer-base-background-active);
    --htmlelement-tabcontainer-style-base-active-border-color: var(--htmlelement-tabcontainer-border-color-active);
    --htmlelement-tabcontainer-style-base-active-color: var(--color-text-light);
    /* --- .htmlelement-tab-button-base --- */
    /* --color-tab-button-base-color e --border-tab-button-base-color-active erano usate qui
       sotto senza essere dichiarate da nessuna parte, e senza valore di ripiego: la proprieta'
       che le usa diventa invalida, quindi il testo delle linguette ereditava il colore dal padre
       e il bordo al click diventava currentColor. Dichiarate qui, coi valori che quelle due
       proprieta' avevano prima di r8822 (var(--color-text) e var(--color-light-border)). */
    --color-tab-button-base-background: #7da3cd;
    --color-tab-button-base-color: var(--color-text);
    --border-tab-button-base-color-active: var(--color-light-border);
    --htmlelement-tab-button-base-bg: var(--color-tab-button-base-background);
    --htmlelement-tab-button-base-color: var(--color-tab-button-base-color);
    --htmlelement-tab-button-base-border-radius: 5px;
    --htmlelement-tab-button-base-font-size: 12px;
    --htmlelement-tab-button-base-active-border-color: var(--border-tab-button-base-color-active);
    --htmlelement-tab-button-base-active-background-color: #197cbd;
    /* --- .htmlelement-datetime-style-base-error --- */
    --htmlelement-datetime-style-base-error-bg: var(--color-red-datetime-error);
    --htmlelement-datetime-style-base-error-color: var(--color-text);
    /* --- .htmlelement-checkboxgroup-title-style-base --- */
    --htmlelement-checkboxgroup-title-style-base-border: 0px;
    --htmlelement-checkboxgroup-title-style-base-text-align: center;
    --htmlelement-checkboxgroup-title-style-base-margin: 10px;
    --htmlelement-checkboxgroup-title-style-base-font-size: 20px;
    --htmlelement-checkboxgroup-title-style-base-font-weight: 600;
    /* --- .htmlelement-checkboxgroup-container-style-base --- */
    --htmlelement-checkboxgroup-container-style-base-color: var(--color-text-light);
    /* --- .htmlelement-checkbox-style-base --- */
    --htmlelement-checkbox-style-base-bg: transparent;
    --htmlelement-checkbox-style-base-color: var(--color-text-light);
    --htmlelement-checkbox-style-base-padding: 0.0625rem 0.3125rem 0.0625rem 0.3125rem;
    --htmlelement-checkbox-style-base-width: fit-content;
    --htmlelement-checkbox-style-base-font-size: var(--text-font-general-md);
    --htmlelement-checkbox-style-base-border-radius: 8px;
    --htmlelement-checkbox-style-base-height: 30px;
    --htmlelement-checkbox-style-base-user-select: none;
    --htmlelement-checkbox-style-base-filter-normal: brightness(0.5) invert(1);
    --htmlelement-checkbox-style-base-filter-hover: brightness(0.5) invert(0);
    --htmlelement-checkbox-style-base-noborder-border: none;
    /* --- .htmlelement-checkbox-style-base-hover --- */
    --htmlelement-checkbox-style-base-hover-bg: var(--color-light-bg);
    --htmlelement-checkbox-style-base-hover-padding: 0.0625rem 0.3125rem 0.0625rem 0.3125rem;
    --htmlelement-checkbox-style-base-hover-width: fit-content;
    --htmlelement-checkbox-style-base-hover-font-size: var(--text-font-general-md);
    --htmlelement-checkbox-style-base-hover-border-radius: 8px;
    --htmlelement-checkbox-style-base-hover-height: 30px;
    --htmlelement-checkbox-style-base-hover-user-select: none;
    --htmlelement-checkbox-style-base-hover-border: 1px solid transparent;
    --htmlelement-checkbox-style-base-hover-transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    --htmlelement-checkbox-style-base-hover-display: flex;
    --htmlelement-checkbox-style-base-hover-align-items: center;
    --htmlelement-checkbox-style-base-hover-gap: 6px;
    --htmlelement-checkbox-style-base-hover-cursor: pointer;
    --htmlelement-checkbox-style-base-hover-hover-bg: var(--color-light-bg);
    --htmlelement-checkbox-style-base-hover-hover-border-color: var(--color-light-border);
    --htmlelement-checkbox-style-base-hover-hover-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
    --htmlelement-checkbox-style-base-hover-active-bg: var(--color-primary-light);
    --htmlelement-checkbox-style-base-hover-active-border-color: var(--color-primary);
    --htmlelement-checkbox-style-base-hover-active-color: var(--color-primary);
    --htmlelement-checkbox-style-base-hover-active-box-shadow: 0px 1px 4px rgba(0, 120, 212, 0.15);
    --htmlelement-checkbox-style-base-hover-active-font-weight: 500;
    /* --- .htmlelement-button-style-transparent-statistic --- */
    --htmlelement-button-style-transparent-statistic-bg: transparent;
    --htmlelement-button-style-transparent-statistic-color: var(--color-text);
    --htmlelement-button-style-transparent-statistic-border: none;
    --htmlelement-button-style-transparent-statistic-cursor: pointer;
    --htmlelement-button-style-transparent-statistic-text-decoration: underline;
    /* --- .simply-open-code-selection-btn --- */
    --simply-open-code-selection-btn-border: none;
    --simply-open-code-selection-btn-bg: transparent;
    /* --- .htmlelement-style-base-flex-statistic --- */
    --htmlelement-style-base-flex-statistic-width: 100%;
    --htmlelement-style-base-flex-statistic-min-width: 10px;
    --htmlelement-style-base-flex-statistic-display: flex;
    /* --- .simply-sidebar-custom-default --- */
    --simply-sidebar-custom-default-align-items: flex-start;
    --simply-sidebar-custom-default-bg: var(--color-details-main);
    --simply-sidebar-custom-default-color: var(--color-text-light);
    --simply-sidebar-custom-default-font-size: var(--text-font-general);
    /* --- .simply-topbar-custom-default --- */
    --simply-topbar-custom-default-padding: 0px;
    --simply-topbar-custom-default-margin: 0px;
    --simply-topbar-custom-default-bg-image: url('/assets/img/navStab.svg');
    --simply-topbar-custom-default-bg-position: center;
    --simply-topbar-custom-default-bg-size: calc(100% + 100px);
    --simply-topbar-custom-default-border-radius: 0px;
    --simply-topbar-custom-default-color: var(--color-text-light);
    --simply-topbar-custom-default-height: 60px;
    /* --- .htmlelement-sidebar-button-icon --- */
    --htmlelement-sidebar-button-icon-bg: transparent;
    --htmlelement-sidebar-button-icon-color: var(--color-text);
    --htmlelement-sidebar-button-icon-transition: border-color 0.2s ease;
    --htmlelement-sidebar-button-icon-border: 1px solid var(--bs-border-color);
    --htmlelement-sidebar-button-icon-border-radius: 8px;
    --htmlelement-sidebar-button-icon-font-size: var(--text-font-general-md);
    --htmlelement-sidebar-button-icon-cursor: grab;
    --htmlelement-sidebar-button-icon-border-final: none;
    --htmlelement-sidebar-button-icon-padding: 5px;
    --htmlelement-sidebar-button-icon-active-pressed-border-color: var(--color-light-border);
    --htmlelement-sidebar-button-icon-active-pressed-box-shadow: inset 0 2px 6px var(--color-shadow);
    --htmlelement-sidebar-button-icon-active-pressed-cursor: grabbing;
    --htmlelement-sidebar-button-icon-active-bg: var(--color-sidebar-icons-menu-main);
    --htmlelement-sidebar-button-icon-active-border-color: var(--color-light-border);
    --htmlelement-sidebar-button-icon-active-color: var(--color-text-light);
    --htmlelement-sidebar-button-icon-active-border-radius: 5px;
    --htmlelement-sidebar-button-icon-hover-opacity: 0.8;
    --htmlelement-sidebar-button-icon-hover-transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    --htmlelement-sidebar-button-icon-focus-border-color: var(--color-light-border);
    /* --- .htmlelement-button-style-base --- */
    --htmlelement-button-style-base-bg: var(--color-bg-light);
    --htmlelement-button-style-base-color: var(--color-text);
    --htmlelement-button-style-base-transition: border-color 0.2s ease;
    --htmlelement-button-style-base-border: 1px solid var(--bs-border-color);
    --htmlelement-button-style-base-border-radius: 8px;
    --htmlelement-button-style-base-font-size: var(--text-font-general);
    --htmlelement-button-style-base-active-border-color: var(--color-light-border);
    --htmlelement-button-style-base-active-box-shadow: inset 0 2px 6px var(--color-shadow);
    --htmlelement-button-style-base-active-bg: var(--color-primary);
    --htmlelement-button-style-base-active-color: var(--color-text-light);
    --htmlelement-button-style-base-focus-border-color: var(--color-light-border);
    /* --- .htmlelement-button-style-base-side --- */
    --htmlelement-button-style-base-side-bg: transparent;
    --htmlelement-button-style-base-side-border: none;
    --htmlelement-button-style-base-side-border-radius: 8px;
    --htmlelement-button-style-base-side-color: var(--color-text-light);
    --htmlelement-button-style-base-side-font-size: var(--text-font-general);
    --htmlelement-button-style-base-side-cursor: pointer;
    --htmlelement-button-style-base-side-hover-text-decoration: underline;
    --htmlelement-button-style-base-side-active-color: var(--color-text-light);
    --htmlelement-button-style-base-side-active-bg: var(--color-inside-details-active);
    --htmlelement-button-style-base-side-filter-brightness: 0.5;
    --htmlelement-button-style-base-side-filter-invert: 1;
    /* --- .htmlelement-button-style-transparent-base --- */
    --htmlelement-button-style-transparent-base-bg: transparent;
    --htmlelement-button-style-transparent-base-color: var(--color-text);
    --htmlelement-button-style-transparent-base-transition: border-color 0.2s ease;
    --htmlelement-button-style-transparent-base-border: 0px;
    --htmlelement-button-style-transparent-base-border-radius: 5px;
    --htmlelement-button-style-transparent-base-font-size: var(--text-font-general-md);
    --htmlelement-button-style-transparent-base-height: 30px;
    --htmlelement-button-style-transparent-base-active-border-color: var(--color-light-border);
    --htmlelement-button-style-transparent-base-active-box-shadow: inset 0 2px 6px var(--color-shadow);
    --htmlelement-button-style-transparent-base-active-transform: scale(0.96);
    --htmlelement-button-style-transparent-base-hover-colored-bg: var(--color-menu-web-sidebar);
    --htmlelement-button-style-transparent-base-hover-colored-border-color: var(--color-light-border);
    --htmlelement-button-style-transparent-base-active-color: var(--color-text-light);
    /* --- .htmlelement-default-details --- */
    --htmlelement-default-details-color: var(--color-text);
    --htmlelement-default-details-border: 1px solid var(--bs-border-color);
    --htmlelement-default-details-border-radius: 5px;
    --htmlelement-default-details-padding: 0.3125rem;
    /* --- .htmlelement-default-main-icon --- */
    --htmlelement-default-main-icon-border: none;
    --htmlelement-default-main-icon-hover-cursor: grab;
    --htmlelement-default-main-icon-hover-opacity: 0.8;
    --htmlelement-default-main-icon-hover-transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    --htmlelement-default-main-icon-active-bg: var(--color-primary);
    --htmlelement-default-main-icon-active-cursor: grabbing;
    --htmlelement-default-main-icon-active-border-radius: 5px;
    /* --- .htmlelement-default-summary --- */
    --htmlelement-default-summary-cursor: grab;
    --htmlelement-default-summary-outline: none;
    --htmlelement-default-summary-font-weight: 600;
    --htmlelement-default-summary-padding-left: 1.5em;
    --htmlelement-default-summary-list-style: none;
    --htmlelement-default-summary-before-content-closed: "+";
    --htmlelement-default-summary-before-content-open: "-";
    --htmlelement-default-summary-before-position: absolute;
    --htmlelement-default-summary-before-left: 0;
    --htmlelement-default-summary-before-top: 50%;
    --htmlelement-default-summary-before-transform: translateY(-50%);
    --htmlelement-default-summary-before-font-weight: bold;
    --htmlelement-default-summary-before-transition: transform 0.2s ease;
    --htmlelement-default-summary-active-cursor: grabbing;
    --htmlelement-default-summary-active-opacity: 0.8;
    --htmlelement-default-summary-active-transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    /* --- .htmlelement-default-details-content --- */
    --htmlelement-default-details-content-display: flex;
    --htmlelement-default-details-content-flex-direction: column;
    --htmlelement-default-details-content-gap: 0.3125rem;
    --htmlelement-default-details-content-margin-top: 0.3125rem;
    --htmlelement-default-details-content-color: var(--color-text);
    --htmlelement-default-details-content-position: relative;
    --htmlelement-default-details-content-padding-left: 1.5rem;
    --htmlelement-default-details-content-margin-left: 0.75rem;
    /* --- .htmlelement-default-grid-setting-col-maincontainer --- */
    --htmlelement-default-grid-setting-col-maincontainer-display: flex;
    --htmlelement-default-grid-setting-col-maincontainer-flex-direction: row;
    --htmlelement-default-grid-setting-col-maincontainer-align-items: center;
    --htmlelement-default-grid-setting-col-maincontainer-justify-content: center;
    /* --- .htmlelement-default-grid-setting-col-list --- */
    --htmlelement-default-grid-setting-col-list-display: flex;
    --htmlelement-default-grid-setting-col-list-flex-direction: column;
    --htmlelement-default-grid-setting-col-list-max-height: 25rem;
    --htmlelement-default-grid-setting-col-list-min-width: 12.5rem;
    --htmlelement-default-grid-setting-col-list-overflow-y: scroll;
    --htmlelement-default-grid-setting-col-list-padding: 20px;
    --htmlelement-default-grid-setting-col-list-height: 500px;
    /* --- .btn-grid-settings-box-inside --- */
    --btn-grid-settings-box-inside-bg: transparent;
    --btn-grid-settings-box-inside-margin-bottom: 2px;
    --btn-grid-settings-box-inside-margin-top: 2px;
    --btn-grid-settings-box-inside-border-radius: 6px;
    --btn-grid-settings-box-inside-font-size: var(--text-font-general-md);
    --btn-grid-settings-box-inside-border: 1px solid transparent;
    --btn-grid-settings-box-inside-transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    --btn-grid-settings-box-inside-hover-bg: var(--color-light-bg);
    --btn-grid-settings-box-inside-hover-border-color: var(--color-light-border);
    --btn-grid-settings-box-inside-hover-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
    --btn-grid-settings-box-inside-active-bg: var(--color-primary-light);
    --btn-grid-settings-box-inside-active-border-color: var(--color-primary);
    --btn-grid-settings-box-inside-active-color: var(--color-primary);
    --btn-grid-settings-box-inside-active-box-shadow: 0px 1px 4px rgba(0, 120, 212, 0.15);
    --btn-grid-settings-box-inside-active-font-weight: 500;
    /* --- .htmlelement-default-grid-setting-col-btn-up-down --- */
    --htmlelement-default-grid-setting-col-btn-up-down-display: flex;
    --htmlelement-default-grid-setting-col-btn-up-down-flex-direction: column;
    --htmlelement-default-grid-setting-col-btn-up-down-justify-content: center;
    --htmlelement-default-grid-setting-col-btn-up-down-margin-left: 5px;
    /* --- .htmlelement-default-grid-setting-col-btn-left-right --- */
    --htmlelement-default-grid-setting-col-btn-left-right-display: flex;
    --htmlelement-default-grid-setting-col-btn-left-right-flex-direction: row;
    --htmlelement-default-grid-setting-col-btn-left-right-align-items: center;
    --htmlelement-default-grid-setting-col-btn-left-right-margin-left: 5px;
    --htmlelement-default-grid-setting-col-btn-left-right-margin-right: 5px;
    --htmlelement-default-grid-setting-col-btn-left-right-gap: 5px;
    /* --- .htmlelement-default-grid-setting-box --- */
    --htmlelement-default-grid-setting-box-position: relative;
    --htmlelement-default-grid-setting-box-border: 2px solid var(--color-light-border);
    --htmlelement-default-grid-setting-box-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
    --htmlelement-default-grid-setting-box-margin-top: 15px;
    /* --- .htmlelement-default-grid-setting-box .htmlelement-default-grid-title-box --- */
    --htmlelement-default-grid-title-box-position: absolute;
    --htmlelement-default-grid-title-box-top: -10px;
    --htmlelement-default-grid-title-box-left: 10px;
    --htmlelement-default-grid-title-box-bg: var(--color-menu-web-sidebar-bg);
    --htmlelement-default-grid-title-box-border: 2px solid var(--color-light-border);
    --htmlelement-default-grid-title-box-padding: 0 5px;
    --htmlelement-default-grid-title-box-font-size: var(--text-font-general);
    /* --- .cont-tmp-class --- */
    --cont-tmp-class-bg: var(--color-menu-web-sidebar-bg);
    --cont-tmp-class-padding: 10px;
    /* --- .summary-first-section --- */
    --summary-first-section-min-width: 200px;
    --summary-first-section-width: 100%;
    --summary-first-section-color: var(--color-text);
    --summary-first-section-border: 0px;
    --summary-first-section-font-size: var(--text-font-general-md);
    --summary-first-section-height: 30px;
    /* --- .summary-first-section-classContent --- */
    --summary-first-section-classContent-display: flex;
    --summary-first-section-classContent-align-items: center;
    --summary-first-section-classContent-justify-content: space-between;
    --summary-first-section-classContent-gap: 10px;
    --summary-first-section-classContent-margin-top: 5px;
    --summary-first-section-classContent-color: var(--color-home-menu-item);
    --summary-first-section-classContent-i-opacity: 0;
    --summary-first-section-classContent-i-transform: scale(0.8) rotate(-90deg);
    --summary-first-section-classContent-i-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --summary-first-section-classContent-i-display: inline-block;
    --summary-first-section-classContent-hover-i-opacity: 1;
    --summary-first-section-classContent-hover-i-transform: scale(1) rotate(0deg);
    /* --- .tmp2-class-second --- */
    --tmp2-class-second-color: var(--color-text);
    --tmp2-class-second-margin-top: 5px;
    --tmp2-class-second-margin-bottom: 20px;
    /* --- .tmp2-classContent-second --- */
    --tmp2-classContent-second-display: flex;
    --tmp2-classContent-second-flex-direction: column;
    --tmp2-classContent-second-margin-top: 0.3125rem;
    --tmp2-classContent-second-color: var(--color-home-menu-item);
    --tmp2-classContent-second-bg: transparent;
    --tmp2-classContent-second-border: none;
    --tmp2-classContent-second-position: relative;
    /* --- .summary2-second-level-classContent --- */
    --summary2-second-level-classContent-font-size: var(--text-font-summary2-second-level-classContent);
    --summary2-second-level-classContent-font-weight: 600;
    --summary2-second-level-classContent-color: var(--color-home-menu-title);
    /* --- .summary2-second-level --- */
    --summary2-second-level-bg: transparent;
    --summary2-second-level-border: 0px;
    --summary2-second-level-font-size: var(--text-font-summary2-second-level);
    --summary2-second-level-font-style: italic;
    --summary2-second-level-color: var(--color-text-light);
    /* --- .tmp-contentSummary --- */
    --tmp-contentSummary-bg: transparent;
    --tmp-contentSummary-border: 0px;
    --tmp-contentSummary-font-size: var(--text-font-tmp-contentSummary);
    --tmp-contentSummary-color: var(--color-home-menu-title);
    /* --- .btn-thirdlevel-class --- */
    --btn-thirdlevel-class-position: relative;
    --btn-thirdlevel-class-z-index: 2;
    --btn-thirdlevel-class-bg: transparent;
    --btn-thirdlevel-class-border-bottom: 1px solid var(--color-home-menu-line);
    --btn-thirdlevel-class-border-top: 0px;
    --btn-thirdlevel-class-border-left: 0px;
    --btn-thirdlevel-class-border-right: 0px;
    --btn-thirdlevel-class-margin-right: 5px;
    --btn-thirdlevel-class-padding-top: 5px;
    --btn-thirdlevel-class-font-size: var(--text-font-general-md);
    --btn-thirdlevel-class-transition: all 0.5s ease;
    --btn-thirdlevel-class-color: var(--color-home-menu-item);
    --btn-thirdlevel-class-hover-color: var(--color-home-menu-item-hover);
    /* --- .tmp-classSummary-first --- */
    --tmp-classSummary-first-color: var(--color-text-light);
    --tmp-classSummary-first-list-style: none;
    /* --- .tmp2-secondlevel-classContent --- */
    --tmp2-secondlevel-classContent-color: var(--color-text-light);
    --tmp2-secondlevel-classContent-font-size: var(--text-font-general);
    /* --- .htmlelement-default-summary .bi --- */
    --htmlelement-default-summary-bi-transition: transform 0.2s ease;
    /* --- .htmlelement-grid-status-btn --- */
    --htmlelement-grid-status-btn-border-radius: 5px;
    --htmlelement-grid-status-btn-margin: 2px;
    --htmlelement-grid-status-btn-padding: 5px;
    --htmlelement-grid-status-btn-font-size: var(--text-font-general-sm);
    --htmlelement-grid-status-btn-text-align: center;
    --htmlelement-grid-status-btn-display: inline-block;
    --htmlelement-grid-status-btn-white-space: nowrap;
    --htmlelement-grid-status-btn-overflow: hidden;
    --htmlelement-grid-status-btn-text-overflow: ellipsis;
    --htmlelement-grid-status-btn-max-width: 20ch;
    /* --- .htmlelement-table-base --- */
    --htmlelement-table-base-border-collapse: separate;
    --htmlelement-table-base-border-spacing: 0;
    --htmlelement-table-base-color: var(--color-text);
    /* --- .htmlelement-thead-base --- */
    --htmlelement-thead-base-border-radius-bottom: 5px;
    --htmlelement-thead-base-border-radius-top-right: 5px;
    --htmlelement-thead-base-th-position: sticky;
    --htmlelement-thead-base-th-top: 0;
    --htmlelement-thead-base-th-bg: var(--color-th-table-main);
    --htmlelement-thead-base-th-z-index: 4;
    --htmlelement-thead-base-th-font-size: var(--text-font-th-base);
    --htmlelement-thead-base-th-font-weight: 600;
    --htmlelement-thead-base-th-color: var(--color-text);
    --htmlelement-thead-base-th-text-transform: uppercase;
    --htmlelement-thead-base-th-letter-spacing: 0.5px;
    --htmlelement-thead-base-th-padding: 12px;
    --htmlelement-thead-base-th-user-select: none;
    --htmlelement-thead-base-th-frozen-z-index: 5;
    /* --- .htmlelement-tr-base --- */
    --htmlelement-tr-base-transition: background-color 0.25s ease;
    --htmlelement-tr-base-font-size: var(--text-font-general);
    --htmlelement-tr-base-td-frozen-z-index: 3;
    --htmlelement-tr-base-hover-td-bg: var(--bs-primary-bg-subtle);
    --htmlelement-tr-base-hover-cursor: pointer;
    /* --- .htmlelement-table-active --- */
    --htmlelement-table-active-td-bg: var(--bs-primary-border-subtle);
    /* --- .htmlelement-td-base --- */
    --htmlelement-td-base-padding: 10px 12px;
    --htmlelement-td-base-font-size: var(--text-font-td-base);
    --htmlelement-td-base-white-space: normal;
    --htmlelement-td-base-user-select: text;
    /* --- .htmlelement-style-base-flex --- */
    --htmlelement-style-base-flex-width: 100%;
    --htmlelement-style-base-flex-min-width: 150px;
    --htmlelement-style-base-flex-display: flex;
    /* --- .htmlelement-disable-default --- */
    --htmlelement-disable-default-pointer-events: none;
    --htmlelement-disable-default-user-select: none;
    --htmlelement-disable-default-opacity: 0.40;
    /* --- .htmlelement-readable-default --- */
    --htmlelement-readable-default-pointer-events: none;
    /* --- .simply-stattitle-btn --- */
    --simply-stattitle-btn-bg: transparent;
    --simply-stattitle-btn-color: var(--color-text);
    /* --- .htmlcontent-default --- */
    --htmlcontent-default-flex: 1;
    --htmlcontent-default-padding: 0px;
    --htmlcontent-default-margin: 0px;
    --htmlcontent-default-overflow: auto;
    --htmlcontent-default-background: #f3f6f7;
    /* --- .htmlcontent-default-filters --- */
    --htmlcontent-default-filters-flex: 1;
    --htmlcontent-default-filters-padding: 0.3125rem;
    --htmlcontent-default-filters-overflow: auto;
    --htmlcontent-default-filters-display: none;
    /* --- .htmlinternalcontainer-default --- */
    --htmlinternalcontainer-default-flex: 1;
    --htmlinternalcontainer-default-flex-direction: column;
    --htmlinternalcontainer-default-display: flex;
    --htmlinternalcontainer-default-min-height: 0;
    --htmlinternalcontainer-default-overflow: hidden;
    --htmlinternalcontainer-default-border-left: var(--color-light-border);
    /* --- .simply-nav-logo --- */
    --simply-nav-logo-border: none;
    --simply-nav-logo-bg: transparent;
    --simply-nav-logo-margin-bottom: 5px;
    /* --- .simply-nav-userinfo --- */
    --simply-nav-userinfo-border: none;
    --simply-nav-userinfo-bg: transparent;
    --simply-nav-userinfo-font-size: var(--text-font-general-md);
    --simply-nav-userinfo-margin-bottom: 5px;
    --simply-nav-userinfo-color: var(--color-text-light);
    --simply-nav-userinfo-filter-brightness: 0.5;
    --simply-nav-userinfo-filter-invert: 1;
    /* --- .simply-nav-mail --- */
    --simply-nav-mail-border: none;
    --simply-nav-mail-bg: transparent;
    --simply-nav-mail-margin-bottom: 5px;
    --simply-nav-mail-filter-brightness: 0.5;
    --simply-nav-mail-filter-invert: 1;
    /* --- .simply-nav-calendar --- */
    --simply-nav-calendar-border: none;
    --simply-nav-calendar-bg: transparent;
    --simply-nav-calendar-margin-bottom: 5px;
    --simply-nav-calendar-filter-brightness: 0.5;
    --simply-nav-calendar-filter-invert: 1;
    /* --- .simply-nav-settings --- */
    --simply-nav-settings-border: none;
    --simply-nav-settings-bg: transparent;
    --simply-nav-settings-margin-bottom: 5px;
    --simply-nav-settings-filter-brightness: 0.5;
    --simply-nav-settings-filter-invert: 1;
    /* --- .simply-nav-logout --- */
    --simply-nav-logout-bg: var(--bs-danger);
    --simply-nav-logout-color: var(--color-text-light);
    --simply-nav-logout-border: none;
    --simply-nav-logout-border-radius: 5px;
    --simply-nav-logout-font-size: var(--text-font-general-md);
    --simply-nav-logout-margin-bottom: 5px;
    --simply-nav-logout-cursor: pointer;
    --simply-nav-logout-transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.15s ease;
    --simply-nav-logout-hover-bg: var(--color-red);
    --simply-nav-logout-hover-color: var(--color-text-light);
    --simply-nav-logout-hover-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    --simply-nav-logout-hover-transform: translateY(-1px);
    --simply-nav-logout-active-transform: translateY(0);
    --simply-nav-logout-active-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    /* --- .simply-sidebar-settings --- */
    --simply-sidebar-settings-margin: 0;
    --simply-sidebar-settings-padding: 10px;
    /* --- .simply-sidebar-menu-settings --- */
    --simply-sidebar-menu-settings-bg: transparent;
    --simply-sidebar-menu-settings-color: var(--color-text-light);
    --simply-sidebar-menu-settings-border: none;
    --simply-sidebar-menu-settings-padding: 2px 5px;
    --simply-sidebar-menu-settings-cursor: pointer;
    --simply-sidebar-menu-settings-font-size: var(--text-font-general);
    --simply-sidebar-menu-settings-font-weight: 500;
    --simply-sidebar-menu-settings-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --simply-sidebar-menu-settings-display: flex;
    --simply-sidebar-menu-settings-align-items: center;
    --simply-sidebar-menu-settings-position: relative;
    --simply-sidebar-menu-settings-overflow: hidden;
    --simply-sidebar-menu-settings-min-height: 30px;
    --simply-sidebar-menu-settings-border-bottom: 1px solid var(--color-light-border);
    --simply-sidebar-menu-settings-width: 100%;
    --simply-sidebar-menu-settings-filter-brightness: 0.5;
    --simply-sidebar-menu-settings-filter-invert: 1;
    --simply-sidebar-menu-settings-before-position: absolute;
    --simply-sidebar-menu-settings-before-top: 0;
    --simply-sidebar-menu-settings-before-left: -100%;
    --simply-sidebar-menu-settings-before-width: 100%;
    --simply-sidebar-menu-settings-before-height: 100%;
    --simply-sidebar-menu-settings-before-bg: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    --simply-sidebar-menu-settings-before-transition: left 0.6s ease;
    --simply-sidebar-menu-settings-before-hover-left: 100%;
    --simply-sidebar-menu-settings-hover-bg: var(--color-inside-details-hover);
    --simply-sidebar-menu-settings-hover-transform: translateY(2px);
    --simply-sidebar-menu-settings-hover-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    --simply-sidebar-menu-settings-hover-border-radius: 5px;
    --simply-sidebar-menu-settings-hover-border: none;
    --simply-sidebar-menu-settings-active-bg: var(--color-inside-details-active);
    --simply-sidebar-menu-settings-active-border-radius: 5px;
    --simply-sidebar-menu-settings-active-border-bottom: none;
    --simply-sidebar-menu-settings-active-color: var(--color-text-light);
    --simply-sidebar-menu-settings-active-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    --simply-sidebar-menu-settings-active-transform: translateY(0);
    --simply-sidebar-menu-settings-active-pressed-transform: translateY(0);
    --simply-sidebar-menu-settings-active-pressed-transition-duration: 0.1s;
    --simply-sidebar-menu-settings-i-font-size: var(--text-font-simply-sidebar-menu-settings);
    --simply-sidebar-menu-settings-i-transition: transform 0.3s ease;
    --simply-sidebar-menu-settings-i-hover-transform: scale(1.1);
    /* --- .simply-topbar-main-tabs --- */
    --simply-topbar-main-tabs-border-bottom: var(--color-inside-details);
    --simply-topbar-main-tabs-bg: var(--color-details-main);
    /* --- .simply-insidetab-toolbar --- */
    --simply-insidetab-toolbar-bg: var(--color-inside-details-topbar);
    /* --- .simply-tabinternal-main-btn --- */
    --simply-tabinternal-main-btn-bg: var(--color-no-active-tab);
    --simply-tabinternal-main-btn-color: var(--color-text-no-active-tab);
    --simply-tabinternal-main-btn-position: relative;
    --simply-tabinternal-main-btn-border-end-radius: 0;
    --simply-tabinternal-main-btn-border: 1px solid var(--color-inside-details);
    --simply-tabinternal-main-btn-filter-brightness: 0.8;
    --simply-tabinternal-main-btn-filter-invert: 1;
    --simply-tabinternal-main-btn-active-bg: var(--color-active-tab) !important;
    --simply-tabinternal-main-btn-active-color: var(--color-text-active-tab);
    --simply-tabinternal-main-btn-active-border: 1px solid var(--color-inside-details-active);
    --simply-tabinternal-main-btn-active-filter: 0.4;
    /* --- .simply-tabinternal-showsettings --- */
    --simply-tabinternal-showsettings-bg: transparent;
    --simply-tabinternal-showsettings-border: none;
    --simply-tabinternal-showsettings-margin-bottom: 5px;
    --simply-tabinternal-showsettings-margin-left: 5px;
    --simply-tabinternal-showsettings-active-bg: var(--color-menu-web-sidebar);
    --simply-tabinternal-showsettings-active-color: var(--color-text);
    --simply-tabinternal-showsettings-filter-brightness: 0.5;
    --simply-tabinternal-showsettings-filter-invert: 1;
    --simply-tabinternal-showsettings-hover-filter-brightness: 0.9;
    --simply-tabinternal-showsettings-hover-filter-invert: 0.7;
    --simply-tabinternal-showsettings-hover-invert-filter-brightness: 0.5;
    --simply-tabinternal-showsettings-hover-invert-filter-invert: 0.4;
    /* --- .simply-tabinternal-quicksearchMoreDeep --- */
    --simply-tabinternal-quicksearchMoreDeep-margin-bottom: 5px;
    --simply-tabinternal-quicksearchMoreDeep-filter-brightness: 0.9;
    --simply-tabinternal-quicksearchMoreDeep-filter-invert: 0.9;
    --simply-tabinternal-quicksearchMoreDeep-inner-filter-brightness: 0.5;
    --simply-tabinternal-quicksearchMoreDeep-inner-filter-invert: 1;
    --simply-tabinternal-quicksearchMoreDeep-hover-filter-brightness: 0.9;
    --simply-tabinternal-quicksearchMoreDeep-hover-filter-invert: 0.6;
    --simply-tabinternal-quicksearchMoreDeep-hover-invert-filter-brightness: 0.5;
    --simply-tabinternal-quicksearchMoreDeep-hover-invert-filter-invert: 0.4;
    /* --- .simply-tabinternal-refreshbtn --- */
    --simply-tabinternal-refreshbtn-bg: transparent;
    --simply-tabinternal-refreshbtn-border: none;
    --simply-tabinternal-refreshbtn-margin-bottom: 5px;
    --simply-tabinternal-refreshbtn-active-bg: var(--color-inside-details-active);
    --simply-tabinternal-refreshbtn-active-color: var(--color-text);
    --simply-tabinternal-refreshbtn-filter-brightness: 0.5;
    --simply-tabinternal-refreshbtn-filter-invert: 1;
    --simply-tabinternal-refreshbtn-hover-filter-brightness: 0.9;
    --simply-tabinternal-refreshbtn-hover-filter-invert: 0.7;
    --simply-tabinternal-refreshbtn-hover-invert-filter-brightness: 0.5;
    --simply-tabinternal-refreshbtn-hover-invert-filter-invert: 0.4;
    /* --- .simply-remove-date-btn --- */
    --simply-remove-date-btn-border-top: 1px solid var(--color-light-border);
    --simply-remove-date-btn-border-bottom: 1px solid var(--color-light-border);
    --simply-remove-date-btn-border-right: 1px solid var(--color-light-border);
    --simply-remove-date-btn-border-left: 0px;
    --simply-remove-date-btn-bg: transparent;
    --simply-remove-date-btn-hover-border-top: 1px solid var(--color-hover-border);
    --simply-remove-date-btn-hover-border-bottom: 1px solid var(--color-hover-border);
    --simply-remove-date-btn-hover-border-right: 1px solid var(--color-hover-border);
    --simply-remove-date-btn-hover-border-left: 1px solid var(--color-hover-border);
    --simply-remove-date-btn-transition: border-color 0.2s ease;
    --simply-remove-date-btn-disabled-opacity: 0.40;
    --simply-remove-date-btn-border-radius-end-end: 5px;
    --simply-remove-date-btn-border-radius-start-end: 5px;
    /* --- .simply-search-btn --- */
    --simply-search-btn-bg: transparent;
    --simply-search-btn-border-top: 1px solid var(--color-light-border);
    --simply-search-btn-border-bottom: 1px solid var(--color-light-border);
    --simply-search-btn-border-right: none;
    --simply-search-btn-border-left: none;
    --simply-search-btn-cursor: pointer;
    --simply-search-btn-transition: transform 0.2s ease;
    --simply-search-btn-outline: none;
    --simply-search-btn-hover-border: 1px solid var(--color-hover-border);
    --simply-search-btn-hover-border-right: none;
    --simply-search-btn-active-bg: #e0e0e0;
    --simply-search-btn-active-border: 1px solid var(--color-active-border);
    --simply-search-btn-disabled-opacity: 0.40;
    /* --- .simply-search-btn-right --- */
    --simply-search-btn-right-bg: transparent;
    --simply-search-btn-right-border-top: 1px solid var(--color-light-border);
    --simply-search-btn-right-border-bottom: 1px solid var(--color-light-border);
    --simply-search-btn-right-border-right: 1px solid var(--color-light-border);
    --simply-search-btn-right-border-left: none;
    --simply-search-btn-right-cursor: pointer;
    --simply-search-btn-right-transition: transform 0.2s ease;
    --simply-search-btn-right-outline: none;
    --simply-search-btn-right-active-bg: #e0e0e0;
    --simply-search-btn-right-active-border: 1px solid var(--color-active-border);
    --simply-search-btn-right-disabled-opacity: 0.40;
    --simply-search-btn-right-border-radius-start-end: 5px;
    --simply-search-btn-right-border-radius-end-end: 5px;
    /* --- .simply-open-btn --- */
    --simply-open-btn-bg: transparent;
    --simply-open-btn-border-top: 1px solid var(--color-light-border);
    --simply-open-btn-border-bottom: 1px solid var(--color-light-border);
    --simply-open-btn-border-right: 1px solid var(--color-light-border);
    --simply-open-btn-border-left: none;
    --simply-open-btn-cursor: pointer;
    --simply-open-btn-transition: transform 0.2s ease;
    --simply-open-btn-outline: none;
    --simply-open-btn-hover-border: 1px solid var(--color-hover-border);
    --simply-open-btn-active-bg: #e0e0e0;
    --simply-open-btn-active-border: 1px solid var(--color-active-border);
    --simply-open-btn-disabled-opacity: 0.40;
    --simply-open-btn-border-radius-start-end: 5px;
    --simply-open-btn-border-radius-end-end: 5px;
    /* --- .simply-remove-btn --- */
    --simply-remove-btn-bg: transparent;
    --simply-remove-btn-border-top: 1px solid var(--color-light-border);
    --simply-remove-btn-border-bottom: 1px solid var(--color-light-border);
    --simply-remove-btn-border-right: none;
    --simply-remove-btn-border-left: none;
    --simply-remove-btn-cursor: pointer;
    --simply-remove-btn-transition: transform 0.2s ease;
    --simply-remove-btn-outline: none;
    --simply-remove-btn-hover-border: 1px solid var(--color-hover-border);
    --simply-remove-btn-active-bg: #e0e0e0;
    --simply-remove-btn-active-border: 1px solid var(--color-active-border);
    --simply-remove-btn-disabled-opacity: 0.40;
    --simply-remove-btn-disabled-border: 1px solid var(--color-light-border);
    /* --- .simply-tabinternal-deletebtn, .simply-tabinternal-sysdeletedbtn, .simply-tabinternal-syssuspendedbtn, .simply-tabinternal-copybtn, .simply-tabinternal-trashbtn, .simply-tabinternal-exportexcel, .simply-tabinternal-quicksearchbtn --- */
    --simply-tabinternal-btn-bg: transparent;
    --simply-tabinternal-btn-border: none;
    --simply-tabinternal-btn-margin-bottom: 5px;
    --simply-tabinternal-btn-active-bg: var(--color-menu-web-sidebar);
    --simply-tabinternal-btn-active-border-color: var(--color-light-border);
    --simply-tabinternal-btn-active-color: var(--color-text);
    --simply-tabinternal-btn-filter-brightness: 0.5;
    --simply-tabinternal-btn-filter-invert: 1;
    --simply-tabinternal-btn-hover-filter-brightness: 0.9;
    --simply-tabinternal-btn-hover-filter-invert: 0.7;
    --simply-tabinternal-btn-hover-data-filter-brightness: 0.5;
    --simply-tabinternal-btn-hover-data-filter-invert: 0.4;
    /* --- .simply-tabinternal-reportmodal --- */
    --simply-tabinternal-reportmodal-bg: transparent;
    --simply-tabinternal-reportmodal-border: none;
    --simply-tabinternal-reportmodal-margin-bottom: 5px;
    --simply-tabinternal-reportmodal-active-bg: var(--color-menu-web-sidebar);
    --simply-tabinternal-reportmodal-active-border-color: var(--color-light-border);
    --simply-tabinternal-reportmodal-active-color: var(--color-text);
    --simply-tabinternal-reportmodal-filter-brightness: 0.5;
    --simply-tabinternal-reportmodal-filter-invert: 1;
    --simply-tabinternal-reportmodal-hover-filter-brightness: 0.7;
    --simply-tabinternal-reportmodal-hover-filter-invert: 0.9;
    --simply-tabinternal-reportmodal-hover-data-filter-brightness: 0.5;
    --simply-tabinternal-reportmodal-hover-data-filter-invert: 0.4;
    /* --- .simply-tabinternal-newbtn --- */
    --simply-tabinternal-newbtn-bg: transparent;
    --simply-tabinternal-newbtn-border: none;
    --simply-tabinternal-newbtn-margin-bottom: 5px;
    --simply-tabinternal-newbtn-active-bg: var(--color-menu-web-sidebar);
    --simply-tabinternal-newbtn-active-border-color: var(--color-light-border);
    --simply-tabinternal-newbtn-active-color: var(--color-text);
    --simply-tabinternal-newbtn-filter-brightness: 0.5;
    --simply-tabinternal-newbtn-filter-invert: 1;
    --simply-tabinternal-newbtn-hover-filter-brightness: 0.9;
    --simply-tabinternal-newbtn-hover-filter-invert: 0.7;
    --simply-tabinternal-newbtn-hover-data-filter-brightness: 0.5;
    --simply-tabinternal-newbtn-hover-data-filter-invert: 0.4;
    --simply-tabinternal-newbtn-disable-bg: #ededed;
    /* --- .simply-tabinternal-openfilterbtn --- */
    --simply-tabinternal-openfilterbtn-bg: transparent;
    --simply-tabinternal-openfilterbtn-border: none;
    --simply-tabinternal-openfilterbtn-font-size: var(--text-font-general-md);
    --simply-tabinternal-openfilterbtn-margin-bottom: 5px;
    --simply-tabinternal-openfilterbtn-border-radius: 10px;
    --simply-tabinternal-openfilterbtn-active-bg: var(--color-menu-web-sidebar);
    --simply-tabinternal-openfilterbtn-active-border-color: var(--color-light-border);
    --simply-tabinternal-openfilterbtn-active-color: var(--color-text);
    --simply-tabinternal-openfilterbtn-filter-brightness: 0.5;
    --simply-tabinternal-openfilterbtn-filter-invert: 1;
    --simply-tabinternal-openfilterbtn-hover-filter-brightness: 0.9;
    --simply-tabinternal-openfilterbtn-hover-filter-invert: 0.7;
    --simply-tabinternal-openfilterbtn-hover-data-filter-brightness: 0.5;
    --simply-tabinternal-openfilterbtn-hover-data-filter-invert: 0.4;
    /* --- .simply-tabinternal-exportexcel (già incluso sopra, ma con hover diverso) --- */
    --simply-tabinternal-exportexcel-hover-filter-brightness: 0.7;
    --simply-tabinternal-exportexcel-hover-filter-invert: 0.9;
    /* --- .simply-modal-closebtn, .simply-modalclose, .simply-modalbtn-close --- */
    --simply-modal-closebtn-bg: var(--bs-danger);
    --simply-modal-closebtn-border-radius: 5px;
    --simply-modal-closebtn-margin-bottom: 5px;
    --simply-modal-closebtn-border: none;
    --simply-modal-closebtn-min-height: 22px;
    --simply-modal-closebtn-min-width: 22px;
    --simply-modal-closebtn-height: 22px;
    --simply-modal-closebtn-width: 22px;
    /* --- .simply-tabinternal-inputrows, .simply-tabinternal-quicksearchselect, .simply-tabinternal-quicksearchtext --- */
    --simply-tabinternal-margin-bottom: 5px;
    /* --- .simply-exitbtn-relogin --- */
    --simply-exitbtn-relogin-bg: var(--bs-danger);
    --simply-exitbtn-relogin-border: none;
    /* --- .custom-modal-struct-relogin --- */
    --custom-modal-struct-relogin-width: 45%;
    --custom-modal-struct-relogin-max-width: 500px;
    --custom-modal-struct-relogin-height: 50%;
    --custom-modal-struct-relogin-max-height: 50vh;
    --custom-modal-struct-relogin-z-index: 1100;
    --custom-modal-struct-relogin-mobile-width: 95%;
    --custom-modal-struct-relogin-mobile-max-width: 500px;
    --custom-modal-struct-relogin-mobile-height: auto;
    --custom-modal-struct-relogin-mobile-max-height: 90vh;
    /* --- .simply-label-relogin --- */
    --simply-label-relogin-display: block;
    --simply-label-relogin-margin-bottom: 2px;
    --simply-label-relogin-font-weight: 600;
    --simply-label-relogin-color: #2d3748;
    --simply-label-relogin-font-size: var(--text-font-general);
    --simply-label-relogin-letter-spacing: 0.025em;
    /* --- .simply-btn-close-modal-topbar --- */
    --simply-btn-close-modal-topbar-padding: 10px;
    --simply-btn-close-modal-topbar-bg: var(--bs-danger);
    --simply-btn-close-modal-topbar-border-radius: 5px;
    /* --- .simply-btn-maximized-modal-topbar --- */
    --simply-btn-maximized-modal-topbar-padding: 10px;
    --simply-btn-maximized-modal-topbar-border-radius: 5px;
    /* --- .simply-jquery-form-cont --- */
    --simply-jquery-form-cont-border-radius-top: 0px;
    --simply-jquery-form-cont-width: 100%;
    --simply-jquery-form-cont-dlg-border-radius: 0px;
    --simply-jquery-form-cont-dlg-width: 100%;
    /* --- .simply-topbar-attachment --- */
    --simply-topbar-attachment-padding-bottom: 0.3125rem;
    --simply-topbar-attachment-border-radius: 0px;
    --simply-topbar-attachment-bg: transparent;
    /* --- .simply-modal-attachment-maincont, .simply-modal-attachment-maincont-internal --- */
    --simply-modal-attachment-maincont-border-radius-top: 0px;
    /* --- .simply-input-relogin --- */
    --simply-input-relogin-width: 100%;
    --simply-input-relogin-border: 2px solid #e2e8f0;
    --simply-input-relogin-border-radius: 5px;
    --simply-input-relogin-font-size: var(--text-font-general-md);
    --simply-input-relogin-color: #2d3748;
    --simply-input-relogin-bg: transparent;
    --simply-input-relogin-outline: none;
    --simply-input-relogin-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --simply-input-relogin-box-sizing: border-box;
    /* --- .simply-btn-relogin-login --- */
    --simply-btn-relogin-login-font-size: var(--text-font-general-md);
    --simply-btn-relogin-login-padding-right: 5px;
    --simply-btn-relogin-login-border-radius: 5px;
    --simply-btn-relogin-login-border: 0px;
    /* --- .simply-btn-relogin-exit --- */
    --simply-btn-relogin-exit-font-size: var(--text-font-general-md);
    --simply-btn-relogin-exit-padding-left: 5px;
    --simply-btn-relogin-exit-padding-right: 5px;
    --simply-btn-relogin-exit-border-radius: 5px;
    --simply-btn-relogin-exit-border: 0px;
    --simply-btn-relogin-exit-bg: var(--bs-danger);
    --simply-btn-relogin-exit-color: var(--color-text-light);
    /* --- .ui-dialog --- */
    --ui-dialog-position: absolute;
    --ui-dialog-top: 0;
    --ui-dialog-left: 0;
    --ui-dialog-padding: 0em;
    --ui-dialog-bg: var(--color-menu-web-sidebar-bg);
    --ui-dialog-outline: 0;
    --ui-dialog-buttonpane-bg: var(--color-menu-web-sidebar-bg);
    --ui-dialog-override-padding: 0em;
    --ui-dialog-override-outline: 0;
    --ui-dialog-border-radius-base: 10px;
    /* --- .ui-widget-content --- */
    --ui-widget-content-border: 1px solid var(--bs-border-color);
    --ui-widget-content-bg: var(--color-bg-light);
    --ui-widget-content-color: var(--bs-body-color);
    --ui-widget-content-border-fallback: 1px solid #c5c5c5;
    /* --- .ui-widget, .set-simply-font, .ui-timepicker-select, .ui-widget input... --- */
    --ui-widget-font-family: var(--simply-system-font);
    --ui-widget-font-size: 1em;
    --set-simply-font-family: var(--simply-system-font);
    --ui-timepicker-font-family: var(--simply-system-font);
    --ui-widget-input-font-family: var(--simply-system-font);
    --ui-widget-input-font-size: 1em;
    /* --- .ui-state-active --- */
    --ui-state-active-border: 1px solid var(--color-primary-border);
    --ui-state-active-bg: var(--color-primary);
    --ui-state-active-font-weight: normal;
    --ui-state-active-color: var(--color-text-light);
    /* --- .ui-front --- */
    --ui-front-scrollbar-gutter: stable;
    /* --- .ui-autocomplete --- */
    --ui-autocomplete-text-align: left;
    --ui-autocomplete-max-height: 180px;
    --ui-autocomplete-overflow-y: auto;
    --ui-autocomplete-overflow-x: hidden;
    /* --- .ui-menu .ui-menu-item-wrapper --- */
    --ui-menu-item-wrapper-font-size: var(--text-font-general-md);
    /* --- .ui-datepicker --- */
    --ui-datepicker-font-size: var(--text-font-general-md);
    --ui-datepicker-z-index: 7;
    /* --- .htmltopbar-default --- */
    --htmltopbar-default-position: relative;
    --htmltopbar-default-padding-top: 0.3125rem;
    --htmltopbar-default-padding-right: 0.3125rem;
    --htmltopbar-default-padding-bottom: 0;
    --htmltopbar-default-gap: 0.3125rem;
    --htmltopbar-default-display: flex;
    --htmltopbar-default-flex-direction: row;
    --htmltopbar-default-overflow-x: auto;
    --htmltopbar-default-overflow-y: hidden;
    --htmltopbar-default-align-items: center;
    --htmltopbar-default-white-space: nowrap;
    --htmltopbar-default-color: var(--color-text);
    /* --- .htmltopbar-default-chart --- */
    --htmltopbar-default-chart-bg: transparent;
    --htmltopbar-default-chart-position: relative;
    --htmltopbar-default-chart-padding-top: 0.3125rem;
    --htmltopbar-default-chart-padding-right: 0.3125rem;
    --htmltopbar-default-chart-padding-bottom: 0;
    --htmltopbar-default-chart-gap: 0.3125rem;
    --htmltopbar-default-chart-display: flex;
    --htmltopbar-default-chart-flex-direction: row;
    --htmltopbar-default-chart-overflow-x: hidden;
    --htmltopbar-default-chart-overflow-y: hidden;
    --htmltopbar-default-chart-align-items: center;
    --htmltopbar-default-chart-color: var(--color-text);
    /* --- .simply-navbar-general --- */
    --simply-navbar-general-bg: var(--color-details-main);
    --simply-navbar-general-color: var(--color-text);
    --simply-navbar-general-margin: 0;
    /* --- .htmltopbar-default-codeselection --- */
    --htmltopbar-default-codeselection-position: relative;
    --htmltopbar-default-codeselection-padding-top: 0.1rem;
    --htmltopbar-default-codeselection-padding-right: 0.3125rem;
    --htmltopbar-default-codeselection-padding-bottom: 0.1rem;
    --htmltopbar-default-codeselection-padding-left: 0.3125rem;
    --htmltopbar-default-codeselection-gap: 0.3125rem;
    --htmltopbar-default-codeselection-display: flex;
    --htmltopbar-default-codeselection-flex-direction: row;
    --htmltopbar-default-codeselection-overflow-x: hidden;
    --htmltopbar-default-codeselection-overflow-y: hidden;
    --htmltopbar-default-codeselection-align-items: center;
    --htmltopbar-default-codeselection-white-space: nowrap;
    --htmltopbar-default-codeselection-width: 100%;
    --htmltopbar-default-codeselection-min-width: 150px;
    --htmltopbar-default-codeselection-min-height: 26px;
    --htmltopbar-default-codeselection-font-size: var(--text-font-general-md);
    --htmltopbar-default-codeselection-border-radius: 5px;
    --htmltopbar-default-codeselection-outline: none;
    --htmltopbar-default-codeselection-color: var(--color-text);
    --htmltopbar-default-codeselection-bg: var(--color-bg-light);
    /* --- .simply-codeselection-checkbox --- */
    --simply-codeselection-checkbox-color: var(--color-text);
    /* --- .htmltopbar-report --- */
    --htmltopbar-report-position: relative;
    --htmltopbar-report-padding-top: 0.3125rem;
    --htmltopbar-report-padding-right: 0.3125rem;
    --htmltopbar-report-padding-bottom: 0.3125rem;
    --htmltopbar-report-margin-left: 0.3125rem;
    --htmltopbar-report-display: flex;
    --htmltopbar-report-flex-direction: row;
    --htmltopbar-report-flex-wrap: wrap;
    --htmltopbar-report-gap: 0.3125rem;
    --htmltopbar-report-overflow-x: hidden;
    --htmltopbar-report-overflow-y: visible;
    --htmltopbar-report-align-items: center;
    --htmltopbar-report-white-space: normal;
    /* --- .htmlbottombar-default --- */
    --htmlbottombar-default-position: relative;
    --htmlbottombar-default-padding: 0.3125rem;
    --htmlbottombar-default-margin-left: 0.625rem;
    --htmlbottombar-default-gap: 0.3125rem;
    --htmlbottombar-default-display: flex;
    --htmlbottombar-default-flex-direction: row;
    --htmlbottombar-default-overflow-x: auto;
    --htmlbottombar-default-overflow-y: hidden;
    --htmlbottombar-default-align-items: center;
    --htmlbottombar-default-white-space: nowrap;
    --htmlbottombar-default-color: var(--color-text);
    /* --- .htmlsidebar-default --- */
    --htmlsidebar-default-bg: var(--color-menu-web-sidebar-table-bg);
    --htmlsidebar-default-padding: 0.3125rem;
    --htmlsidebar-default-gap: 0.3125rem;
    --htmlsidebar-default-display: flex;
    --htmlsidebar-default-flex-direction: column;
    --htmlsidebar-default-overflow: auto;
    --htmlsidebar-default-align-items: center;
    --htmlsidebar-default-white-space: nowrap;
    /* --- .sidebar-icon-container --- */
    --sidebar-icon-container-padding: 0.3125rem;
    --sidebar-icon-container-gap: 0.3125rem;
    --sidebar-icon-container-display: flex;
    --sidebar-icon-container-flex-direction: column;
    --sidebar-icon-container-overflow: auto;
    --sidebar-icon-container-white-space: nowrap;
    --sidebar-icon-container-bg: var(--color-details-main);
    /* --- .sidebar-menus-container --- */
    --sidebar-menus-container-gap: 0.3125rem;
    --sidebar-menus-container-display: flex;
    --sidebar-menus-container-flex-direction: column;
    --sidebar-menus-container-overflow: auto;
    --sidebar-menus-container-align-items: center;
    --sidebar-menus-container-white-space: nowrap;
    --sidebar-menus-container-bg: var(--color-details-main);
    /* --- .simply-menu-container --- */
    --simply-menu-container-margin-left: 10px;
    --simply-menu-container-margin-right: 10px;
    --simply-menu-container-margin-top: 0px;
    --simply-menu-container-margin-bottom: 0px;
    /* --- .simply-menus-container --- */
    --simply-menus-container-padding: 0.3125rem;
    --simply-menus-container-gap: 0.3125rem;
    --simply-menus-container-display: flex;
    --simply-menus-container-flex-direction: column;
    --simply-menus-container-overflow: auto;
    --simply-menus-container-align-items: center;
    --simply-menus-container-white-space: nowrap;
    --simply-menus-container-bg: var(--color-menu-web-sidebar-bg);
    /* --- .htmlmaincontainer-default --- */
    --htmlmaincontainer-default-height: 100%;
    --htmlmaincontainer-default-width: 100%;
    --htmlmaincontainer-default-display: flex;
    --htmlmaincontainer-default-flex-direction: row;
    /* --- .htmlmaincontainer-filters --- */
    --htmlmaincontainer-filters-width: 100%;
    --htmlmaincontainer-filters-display: flex;
    --htmlmaincontainer-filters-flex-direction: row;
    /* --- .htmldropdown-default --- */
    --htmldropdown-default-position: relative;
    --htmldropdown-default-display: inline-block;
    /* --- .htmldropdown-default-content --- */
    --htmldropdown-default-content-position: fixed;
    --htmldropdown-default-content-left: 0;
    --htmldropdown-default-content-margin-top: 25px;
    --htmldropdown-default-content-margin-left: 10px;
    --htmldropdown-default-content-bg: var(--color-bg-light);
    --htmldropdown-default-content-color: var(--bs-body-color);
    --htmldropdown-default-content-max-width: calc(100vw - 30px);
    --htmldropdown-default-content-max-height: 250px;
    --htmldropdown-default-content-z-index: 1000;
    --htmldropdown-default-content-border: 1px solid var(--bs-border-color);
    --htmldropdown-default-content-overflow: auto;
    --htmldropdown-default-content-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    /* --- .htmldropdown-default-content-status --- */
    --htmldropdown-default-content-status-position: fixed;
    --htmldropdown-default-content-status-bg: var(--color-bg-light);
    --htmldropdown-default-content-status-color: var(--bs-body-color);
    --htmldropdown-default-content-status-max-width: calc(100vw - 30px);
    --htmldropdown-default-content-status-max-height: 250px;
    --htmldropdown-default-content-status-z-index: 1000;
    --htmldropdown-default-content-status-border: 1px solid var(--bs-border-color);
    --htmldropdown-default-content-status-overflow: auto;
    --htmldropdown-default-content-status-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    /* --- .htmldropdown-default-content-status-forinfo --- */
    --htmldropdown-default-content-status-forinfo-position: absolute;
    --htmldropdown-default-content-status-forinfo-margin: 0px;
    --htmldropdown-default-content-status-forinfo-bg: var(--color-bg-light);
    --htmldropdown-default-content-status-forinfo-color: var(--bs-body-color);
    --htmldropdown-default-content-status-forinfo-width: 70vw;
    --htmldropdown-default-content-status-forinfo-max-height: 300px;
    --htmldropdown-default-content-status-forinfo-z-index: 5;
    --htmldropdown-default-content-status-forinfo-border: 1px solid var(--bs-border-color);
    --htmldropdown-default-content-status-forinfo-overflow: auto;
    --htmldropdown-default-content-status-forinfo-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --htmldropdown-default-content-status-forinfo-width-desktop: 400px;
    /* --- .htmldropdown-default-content-htmlcodeselection --- */
    --htmldropdown-default-content-htmlcodeselection-position: absolute;
    --htmldropdown-default-content-htmlcodeselection-bg: var(--color-bg-light);
    --htmldropdown-default-content-htmlcodeselection-color: var(--bs-body-color);
    --htmldropdown-default-content-htmlcodeselection-width: 250px;
    --htmldropdown-default-content-htmlcodeselection-z-index: 5;
    --htmldropdown-default-content-htmlcodeselection-border: 1px solid var(--bs-border-color);
    --htmldropdown-default-content-htmlcodeselection-overflow: auto;
    --htmldropdown-default-content-htmlcodeselection-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --htmldropdown-default-content-htmlcodeselection-padding: 0.3125rem;
    --htmldropdown-default-content-htmlcodeselection-border-radius: 0;
    --htmldropdown-default-content-htmlcodeselection-transition: transform 0.3s ease;
    --htmldropdown-default-content-htmlcodeselection-width-desktop: 400px;
    /* --- .htmldropdown-default-content-htmlcodeselection-listitemwrapper --- */
    --htmldropdown-default-content-htmlcodeselection-listitemwrapper-border: 2px solid var(--bs-border-color);
    --htmldropdown-default-content-htmlcodeselection-listitemwrapper-bg: var(--color-bg-light);
    --htmldropdown-default-content-htmlcodeselection-listitemwrapper-overflow-y: auto;
    --htmldropdown-default-content-htmlcodeselection-listitemwrapper-border-radius: 5px;
    /* --- .htmldropdown-default-content-htmlcodeselection-listitem --- */
    --htmldropdown-default-content-htmlcodeselection-listitem-margin-top: 0.2rem;
    --htmldropdown-default-content-htmlcodeselection-listitem-padding: 0.2rem;
    --htmldropdown-default-content-htmlcodeselection-listitem-border-radius: 5px;
    /* --- .modal-default --- */
    --modal-default-display: none;
    --modal-default-position: fixed;
    --modal-default-inset: 0;
    --modal-default-bg: rgba(0, 0, 0, 0.75);
    --modal-default-z-index: 6;
    --modal-default-justify-content: center;
    --modal-default-align-items: center;
    /* --- .htmlmaincontainer-default-modal --- */
    --htmlmaincontainer-default-modal-bg: var(--color-bg-light);
    --htmlmaincontainer-default-modal-width: 75vw;
    --htmlmaincontainer-default-modal-height: 75vh;
    --htmlmaincontainer-default-modal-display: flex;
    --htmlmaincontainer-default-modal-flex-direction: row;
    --htmlmaincontainer-default-modal-animation: fadeIn 0.3s ease-out;
    --htmlmaincontainer-default-modal-border-radius: 5px;
    /* --- .htmlmaincontainer-default-modal-codesel --- */
    --htmlmaincontainer-default-modal-codesel-bg: var(--color-bg-light);
    --htmlmaincontainer-default-modal-codesel-width: 30vw;
    --htmlmaincontainer-default-modal-codesel-height: 75vh;
    --htmlmaincontainer-default-modal-codesel-display: flex;
    --htmlmaincontainer-default-modal-codesel-flex-direction: row;
    --htmlmaincontainer-default-modal-codesel-animation: fadeIn 0.3s ease-out;
    --htmlmaincontainer-default-modal-codesel-border-radius: 5px;
    --htmlmaincontainer-default-modal-codesel-width-mobile: 75vw;
    /* --- .htmlelement-searchgridfast-mto --- */
    --htmlelement-searchgridfast-mto-bg: var(--color-bg-light);
    --htmlelement-searchgridfast-mto-width: 500px;
    --htmlelement-searchgridfast-mto-max-width: 500px;
    --htmlelement-searchgridfast-mto-height: 300px;
    --htmlelement-searchgridfast-mto-max-height: 300px;
    --htmlelement-searchgridfast-mto-z-index: 100;
    /* --- .htmlmaincontainer-default-modal-many-to-one --- */
    --htmlmaincontainer-default-modal-many-to-one-bg: var(--color-bg-light);
    --htmlmaincontainer-default-modal-many-to-one-width: 90vw;
    --htmlmaincontainer-default-modal-many-to-one-height: 90vh;
    --htmlmaincontainer-default-modal-many-to-one-display: flex;
    --htmlmaincontainer-default-modal-many-to-one-flex-direction: row;
    --htmlmaincontainer-default-modal-many-to-one-animation: fadeIn 0.3s ease-out;
    --htmlmaincontainer-default-modal-many-to-one-border-radius: 5px;
    --htmlmaincontainer-default-modal-many-to-one-height-mobile: 70vh;
    /* --- .htmlmaincontainer-default-modal-report --- */
    --htmlmaincontainer-default-modal-report-color: var(--color-text);
    --htmlmaincontainer-default-modal-report-bg: var(--color-bg-light);
    --htmlmaincontainer-default-modal-report-width: 60vw;
    --htmlmaincontainer-default-modal-report-height: 60vh;
    --htmlmaincontainer-default-modal-report-display: flex;
    --htmlmaincontainer-default-modal-report-flex-direction: row;
    --htmlmaincontainer-default-modal-report-animation: fadeIn 0.3s ease-out;
    --htmlmaincontainer-default-modal-report-border-radius: 5px;
    --htmlmaincontainer-default-modal-report-width-mobile: 90vw;
    --htmlmaincontainer-default-modal-report-height-mobile: 90vh;
    --htmlmaincontainer-default-modal-report-height-mobile-sm: 70vh;
    /* --- .htmlfilterscontainer --- */
    --htmlfilterscontainer-display: flex;
    --htmlfilterscontainer-flex-wrap: wrap;
    --htmlfilterscontainer-gap: 0.125rem;
    --htmlfilterscontainer-bg: var(--color-inside-details-topbar);
    --htmlfilterscontainer-color: var(--color-text);
    --htmlfilterscontainer-height: auto;
    --htmlfilterscontainer-max-height: 10.375rem;
    --htmlfilterscontainer-overflow-y: auto;
    --htmlfilterscontainer-border: none;
    --htmlfilterscontainer-align-items: flex-start;
    --htmlfilterscontainer-align-content: flex-start;
    /* --- .htmlmaincontainer-default-modal-one-to-many --- */
    --htmlmaincontainer-default-modal-one-to-many-border: 1px solid var(--bs-border-color);
    --htmlmaincontainer-default-modal-one-to-many-border-radius: 0px;
    --htmlmaincontainer-default-modal-one-to-many-width: 100%;
    /* --- .modal-default-visible --- */
    --modal-default-visible-bg: var(--color-bg-light);
    --modal-default-visible-text-align: right;
    /* --- .modal-default-content --- */
    --modal-default-content-bg: var(--color-bg-light);
    --modal-default-content-padding: 1rem 1.5rem;
    --modal-default-content-width: 75vw;
    --modal-default-content-height: 75vh;
    --modal-default-content-animation: fadeIn 0.3s ease-out;
    /* --- .active-tab --- */
    --active-tab-cursor: initial;
    /* --- .tab-buttons button --- */
    --tab-buttons-btn-padding-left: 10px;
    --tab-buttons-btn-padding-right: 10px;
    --tab-buttons-btn-padding-top: 5px;
    --tab-buttons-btn-padding-bottom: 5px;
    --tab-buttons-btn-font-weight: 500;
    --tab-buttons-btn-border-radius: 6px 6px 0 0;
    --tab-buttons-btn-transition: background 0.2s ease, color 0.2s ease;
    --tab-contents-top: 40px;
    /* --- .shadow-* --- */
    --shadow-light: inset 0 2px 6px rgba(0, 0, 0, 0.2);
    --shadow-medium-light: 1px 2px 4px rgba(0, 0, 0, 0.2);
    --shadow-medium: 2px 4px 12px rgba(0, 0, 0, 0.3);
    --shadow-hard: 0 8px 24px rgba(0, 0, 0, 0.4);
    /* --- .border-* --- */
    --border-light-medium-color: #d4d4d4;
    --border-light-hard-color: #c9c9c9;
    --border-medium-color: #cbcbcb;
    --border-medium-hard-color: #c9c9c9;
    --border-top-light-medium: 1px solid #d4d4d4;
    /* --- .txt-shadow-* --- */
    --txt-shadow-light: 1px 1px 2px rgba(0, 0, 0, 0.2);
    --txt-shadow-medium: 2px 2px 4px rgba(0, 0, 0, 0.4);
    --txt-shadow-strong: 3px 3px 6px rgba(0, 0, 0, 0.6);
    /* --- .lbl-inp-* --- */
    --lbl-inp-gap: 20px;
    --lbl-inp-flex: 1;
    --lbl-inp-display: flex;
    --lbl-inp-flex-direction: column;
    --lbl-inp-font-weight: 600;
    --lbl-inp-border-radius: 8px;
    --lbl-inp-input-border-radius: 8px;
    --lbl-inp-input-height: 25px;
    --lbl-inp-input-padding: 2px 4px;
    --lbl-inp-input-min-width: 50px;
    --lbl-inp-input-transition: border-color 0.3s ease;
    /* --- .cont-accord --- */
    --cont-accord-details-overflow: hidden;
    --cont-accord-summary-cursor: pointer;
    --cont-accord-summary-display: flex;
    --cont-accord-summary-justify-content: space-between;
    --cont-accord-summary-align-items: center;
    --cont-accord-summary-marker-display: none;
    --cont-accord-summary-after-transition: transform 0.3s;
    --details-open-summary-after-transform: rotate(180deg);
    /* --- .custom-input-Ax1 --- */
    --custom-input-Ax1-border-radius: 0px;
    --custom-input-Ax1-height: 35px;
    --custom-input-Ax1-padding: 2px 4px;
    --custom-input-Ax1-font-size: var(--text-font-general-md);
    --custom-input-Ax1-min-width: 50px;
    --custom-input-Ax1-transition: border-color 0.3s ease;
    /* --- .custom-input-container-Ax1 --- */
    --custom-input-container-Ax1-width: 100%;
    --custom-input-container-Ax1-max-width: 100%;
    --custom-input-container-Ax1-overflow: hidden;
    --custom-input-container-Ax1-box-sizing: border-box;
    --custom-input-container-Ax1-label-font-weight: 600;
    --custom-input-container-Ax1-label-font-size: var(--text-font-general-md);
    --custom-input-container-Ax1-label-text-align: right;
    --custom-input-container-Ax1-input-bg: transparent;
    --custom-input-container-Ax1-input-border: 1px solid var(--color-light-border);
    --custom-input-container-Ax1-input-border-radius: 5px;
    --custom-input-container-Ax1-input-height: 20px;
    --custom-input-container-Ax1-input-padding: 1px 2px;
    --custom-input-container-Ax1-input-font-size: var(--text-font-general);
    --custom-input-container-Ax1-input-min-width: 50px;
    --custom-input-container-Ax1-input-transition: border-color 0.3s ease;
    --custom-input-container-Ax1-input-hover-border-color: var(--color-hover-border);
    --custom-input-container-Ax1-textarea-border: 1px solid var(--color-gray-medium);
    --custom-input-container-Ax1-textarea-border-radius: 0px;
    --custom-input-container-Ax1-textarea-padding: 1px 2px;
    --custom-input-container-Ax1-textarea-font-size: var(--text-font-general);
    --custom-input-container-Ax1-textarea-min-width: 50px;
    --custom-input-container-Ax1-textarea-transition: border-color 0.3s ease;
    --custom-input-container-Ax1-textarea-focus-border-color: var(--color-light-border);
    --custom-input-container-Ax1-input-min-width-zero: 0;
    --custom-input-container-Ax1-input-max-width: 100%;
    --custom-input-container-Ax1-input-width: 100%;
    --custom-input-container-Ax1-input-box-sizing: border-box;
    /* --- .simply-login-base-container --- */
    --simply-login-base-container-transition: box-shadow 0.3s ease;
    --simply-login-base-container-animation: showLoginCard 0.8s ease forwards;
    --simply-login-base-container-overflow: auto;
    /* --- .simply-header-login --- */
    --simply-header-login-font-weight: bold;
    --simply-header-login-padding: 6px;
    /* --- .simply-login-card, .simply-login-card-sx, .simply-login-card-dx --- */
    --simply-login-card-width: 100%;
    --simply-login-card-sx-max-width: 100%;
    --simply-login-card-sx-min-width: 280px;
    --simply-login-card-sx-width: 100%;
    --simply-login-card-sx-padding: 0 15px;
    --simply-login-card-sx-box-sizing: border-box;
    --simply-login-card-dx-max-width: 100%;
    --simply-login-card-dx-min-width: 280px;
    --simply-login-card-dx-width: 100%;
    /* --- .simply-label-login --- */
    --simply-label-login-display: block;
    --simply-label-login-margin-bottom: 0.5rem;
    --simply-label-login-font-weight: 600;
    --simply-label-login-color: #2d3748;
    --simply-label-login-font-size: var(--text-font-general);
    --simply-label-login-letter-spacing: 0.025em;
    /* --- .btnShowPassLogin --- */
    --btnShowPassLogin-position: absolute;
    --btnShowPassLogin-right: 0;
    --btnShowPassLogin-bottom: 0;
    --btnShowPassLogin-border: none;
    --btnShowPassLogin-bg: transparent;
    /* Distanza dal fondo del contenitore: 0 = incollato al bordo inferiore del
       campo password, che e' il comportamento corretto (ed era il valore prima
       della conversione a variabili). Il 105px introdotto dalla conversione
       spingeva l'occhietto molto sopra il campo. */
    --btnShowPassLogin-margin-bottom: 0;
    /* --- .simply-pass-inp --- */
    --simply-pass-inp-width: calc(100% - 50px);
    --simply-pass-inp-padding-right: 50px;
    /* --- .simply-input-login --- */
    --simply-input-login-width: 100%;
    --simply-input-login-padding: 5px 10px;
    --simply-input-login-border: 2px solid #e2e8f0;
    --simply-input-login-border-radius: 0.5rem;
    --simply-input-login-font-size: var(--text-font-general-md);
    --simply-input-login-color: #2d3748;
    --simply-input-login-bg: transparent;
    --simply-input-login-outline: none;
    --simply-input-login-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --simply-input-login-box-sizing: border-box;
    /* --- .gradient-login-dx --- */
    --gradient-login-dx-bg-color: #38b2fe;
    --gradient-login-dx-bg-image: url('/assets/img/imageLogin3.png');
    --gradient-login-dx-bg-size: cover;
    --gradient-login-dx-bg-position: center;
    --gradient-login-dx-bg-repeat: no-repeat;
    --gradient-login-dx-transition: all 0.6s ease;
    --gradient-login-dx-position: relative;
    --gradient-login-dx-overflow: hidden;
    --gradient-login-dx-hover-bg: linear-gradient(90deg, hsla(195, 99%, 65%, 0.5) 0%, hsla(200, 100%, 65%, 0.5) 100%);
    --gradient-login-dx-hover-box-shadow: 0 4px 12px rgba(56, 178, 254, 0.3);
    --gradient-login-dx-active-bg: linear-gradient(90deg, hsla(195, 99%, 58%, 1) 0%, hsla(200, 100%, 58%, 1) 100%);
    --gradient-login-dx-active-transform: scale(1.01);
    /* --- snow_wrap, snow, etc. (già specifiche) --- */
    --snow_wrap-height: 100%;
    --snow_wrap-width: 100%;
    --snow_wrap-bg-size: cover;
    --snow_wrap-bg-position: center bottom;
    --snow_wrap-overflow: hidden;
    --snow_wrap-position: relative;
    --snow-position: absolute;
    --snow-top: -650px;
    --snow-left: 0;
    --snow-bottom: 0;
    --snow-right: 0;
    --snow-bg-size: 650px 650px;
    --snow-animation: snow 3s linear infinite paused;
    --snow-content: "";
    --snow-opacity: 0;
    --snow-transition: opacity 0.5s ease;
    --snow-after-margin-left: -250px;
    --snow-after-opacity: 0;
    --snow-after-filter: blur(2px);
    --snow-after-animation-duration: 6s;
    --snow-after-animation-direction: reverse;
    --snow-after-animation-play-state: paused;
    --snow-before-margin-left: -350px;
    --snow-before-opacity: 0;
    --snow-before-filter: blur(1px);
    --snow-before-animation-duration: 9s;
    --snow-before-animation-direction: reverse;
    --snow-before-animation-play-state: paused;
    --gradient-login-dx-hover-snow-animation-play-state: running;
    --gradient-login-dx-hover-snow-animation-delay: 2s;
    --gradient-login-dx-hover-snow-opacity: 1;
    --gradient-login-dx-hover-snow-transition-delay: 2s;
    --gradient-login-dx-hover-snow-after-opacity: 0.5;
    --gradient-login-dx-hover-snow-before-opacity: 0.7;
    /* --- .simply-login-button --- */
    --simply-login-button-display: inline-flex;
    --simply-login-button-align-items: center;
    --simply-login-button-justify-content: center;
    --simply-login-button-width: 100%;
    --simply-login-button-padding: 10px 20px;
    --simply-login-button-font-size: var(--text-font-general-md);
    --simply-login-button-font-weight: 600;
    --simply-login-button-text-align: center;
    --simply-login-button-text-decoration: none;
    --simply-login-button-border: none;
    --simply-login-button-border-radius: 12px;
    --simply-login-button-cursor: pointer;
    --simply-login-button-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --simply-login-button-user-select: none;
    --simply-login-button-box-sizing: border-box;
    --simply-login-button-position: relative;
    --simply-login-button-overflow: hidden;
    --simply-login-button-bg: linear-gradient(135deg, #38b2fe 0%, #2a9cf1 25%, #1d85e4 50%, #38b2fe 100%);
    --simply-login-button-bg-size: 300% 300%;
    --simply-login-button-color: var(--color-text-light);
    --simply-login-button-box-shadow: 0 4px 6px rgba(56, 178, 254, 0.25), 0 1px 3px rgba(56, 178, 254, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    --simply-login-button-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    --simply-login-button-hover-transform: translateY(-2px) scale(1.02);
    --simply-login-button-hover-bg-position: 100% 50%;
    --simply-login-button-hover-box-shadow: 0 8px 16px rgba(56, 178, 254, 0.4), 0 4px 8px rgba(56, 178, 254, 0.3), 0 2px 4px rgba(56, 178, 254, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    --simply-login-button-hover-animation: gradient-shift 2s ease infinite;
    --simply-login-button-focus-outline: none;
    --simply-login-button-focus-box-shadow: 0 0 0 4px rgba(56, 178, 254, 0.15), 0 0 0 8px rgba(56, 178, 254, 0.1), 0 8px 16px rgba(56, 178, 254, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    --simply-login-button-focus-transform: translateY(-1px);
    --simply-login-button-active-transform: translateY(1px) scale(0.98);
    --simply-login-button-active-bg-position: 0% 50%;
    --simply-login-button-active-box-shadow: 0 2px 4px rgba(56, 178, 254, 0.3), 0 1px 2px rgba(56, 178, 254, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 8px rgba(0, 0, 0, 0.1);
    --simply-login-button-active-transition-duration: 0.1s;
    /* --- .form-group-custom, .form-group-custom-filters --- */
    --form-group-custom-display: flex;
    --form-group-custom-align-items: center;
    --form-group-custom-gap: 8px;
    --form-group-custom-min-width: 0;
    --form-group-custom-filters-flex: 1 1 300px;
    --form-group-custom-filters-display: flex;
    --form-group-custom-filters-align-items: center;
    --form-group-custom-filters-gap: 8px;
    --form-group-custom-filters-min-width: 0;
    /* --- .form-label-custom --- */
    --form-label-custom-flex: 0 0 120px;
    --form-label-custom-white-space: nowrap;
    --form-label-custom-overflow: hidden;
    --form-label-custom-text-overflow: ellipsis;
    --form-label-custom-text-align: right;
    --form-label-custom-font-size: var(--text-font-general);
    --form-label-custom-font-weight: 300;
    /* --- .form-label-custom-filters --- */
    --form-label-custom-filters-flex: 0 0 100px;
    --form-label-custom-filters-white-space: nowrap;
    --form-label-custom-filters-overflow: hidden;
    --form-label-custom-filters-text-overflow: ellipsis;
    --form-label-custom-filters-text-align: right;
    --form-label-custom-filters-font-size: var(--text-font-general);
    /* --- .form-label-custom-info --- */
    --form-label-custom-info-flex: 0 0 80px;
    --form-label-custom-info-white-space: nowrap;
    --form-label-custom-info-overflow: hidden;
    --form-label-custom-info-text-overflow: ellipsis;
    --form-label-custom-info-text-align: right;
    --form-label-custom-info-font-size: var(--text-font-form-label-custom-info);
    /* --- .form-input-custom --- */
    --form-input-custom-flex: auto;
    --form-input-custom-max-width: 200px;
    --form-input-custom-color: var(--color-text);
    --form-input-custom-min-width: 150px;
    --form-input-custom-min-height: 26px;
    --form-input-custom-font-size: var(--text-font-general);
    --form-input-custom-hover-border-color: var(--color-hover-border);
    --form-input-custom-focus-border-color: var(--color-active-border);
    /* --- .form-input-custom-filters --- */
    --form-input-custom-filters-min-width: 0;
    --form-input-custom-filters-font-size: var(--text-font-general);
    /* --- .form-card-cont --- */
    --form-card-cont-bg: var(--color-surface);
    --form-card-cont-border: 2px solid #E7E7E7;
    --form-card-cont-margin: 5px;
    --form-card-cont-border-radius: 5px;
    /* --- .custom-modal-struct --- */
    --custom-modal-struct-max-width: 95vw;
    --custom-modal-struct-width: 95%;
    --custom-modal-struct-max-height: 90vh;
    --custom-modal-struct-height: 90%;
    /* --- .simply-refresh-btn-stat --- */
    --simply-refresh-btn-stat-bg: transparent;
    --simply-refresh-btn-stat-border: none;
    --simply-refresh-btn-stat-font-size: var(--text-font-general-md);
    --simply-refresh-btn-stat-color: var(--color-text);
    --simply-refresh-btn-stat-filter-brightness: 0;
    --simply-refresh-btn-stat-filter-invert: 0.5;
    --simply-refresh-btn-stat-hover-filter-brightness: 0.9;
    --simply-refresh-btn-stat-hover-filter-invert: 0.7;
    /* --- .simply-question-mark-btn-stat --- */
    --simply-question-mark-btn-stat-bg: transparent;
    --simply-question-mark-btn-stat-border: none;
    --simply-question-mark-btn-stat-font-size: var(--text-font-general-md);
    --simply-question-mark-btn-stat-color: var(--color-text);
    --simply-question-mark-btn-stat-filter-brightness: 0;
    --simply-question-mark-btn-stat-filter-invert: 1;
    --simply-question-mark-btn-stat-hover-filter-brightness: 0.9;
    --simply-question-mark-btn-stat-hover-filter-invert: 0.7;
    /* --- .simply-paperclip-btn-stat --- */
    --simply-paperclip-btn-stat-bg: transparent;
    --simply-paperclip-btn-stat-border: none;
    --simply-paperclip-btn-stat-font-size: var(--text-font-general-md);
    --simply-paperclip-btn-stat-filter-brightness: 0.5;
    --simply-paperclip-btn-stat-filter-invert: 1;
    /* --- .simply-exp-btn-stat --- */
    --simply-exp-btn-stat-bg: transparent;
    --simply-exp-btn-stat-border: none;
    --simply-exp-btn-stat-font-size: var(--text-font-general-md);
    --simply-exp-btn-stat-filter-brightness: 0.5;
    --simply-exp-btn-stat-filter-invert: 1;
    /* --- .simply-mess-btn-stat --- */
    --simply-mess-btn-stat-bg: transparent;
    --simply-mess-btn-stat-border: none;
    --simply-mess-btn-stat-font-size: var(--text-font-general-md);
    --simply-mess-btn-stat-filter-brightness: 0.5;
    --simply-mess-btn-stat-filter-invert: 1;
    /* --- .simply-trash-btn-stat --- */
    --simply-trash-btn-stat-bg: transparent;
    --simply-trash-btn-stat-border: none;
    --simply-trash-btn-stat-font-size: var(--text-font-general-md);
    --simply-trash-btn-stat-filter-brightness: 0.5;
    --simply-trash-btn-stat-filter-invert: 1;
    /* --- .simply-edit-btn-stat --- */
    --simply-edit-btn-stat-bg: transparent;
    --simply-edit-btn-stat-border: none;
    --simply-edit-btn-stat-font-size: var(--text-font-general-md);
    --simply-edit-btn-stat-filter-brightness: 0.5;
    --simply-edit-btn-stat-filter-invert: 1;
    /* --- .simply-export-btn-stat --- */
    --simply-export-btn-stat-bg: transparent;
    --simply-export-btn-stat-border: none;
    --simply-export-btn-stat-font-size: var(--text-font-general-md);
    --simply-export-btn-stat-color: var(--color-text);
    --simply-export-btn-stat-filter-brightness: 0.5;
    --simply-export-btn-stat-filter-invert: 1;
    --simply-export-btn-stat-hover-filter-brightness: 0.9;
    --simply-export-btn-stat-hover-filter-invert: 0.7;
    /* --- .simply-topbar-statistics --- */
    --simply-topbar-statistics-color: var(--color-text);
    --simply-topbar-statistics-bg: transparent;
    /* --- .gradient-background-hex-sky, .radial-gradient-background-sky --- */
    --gradient-hex-sky-bg: #F2F2F2;
    --gradient-hex-sky-bg-gradient: linear-gradient(90deg, #F2F2F2 0%, #A4CCFD 49%, #F2F2F2 100%);
    --radial-gradient-sky-bg: #F2F2F2;
    --radial-gradient-sky-bg-radial: radial-gradient(circle, hsla(0, 0%, 95%, 1) 0%, hsla(213, 96%, 82%, 1) 34%, hsla(0, 0%, 95%, 1) 54%);
    --radial-gradient-sky-bg-moz: -moz-radial-gradient(circle, hsla(0, 0%, 95%, 1) 0%, hsla(213, 96%, 82%, 1) 34%, hsla(0, 0%, 95%, 1) 54%);
    --radial-gradient-sky-bg-webkit: -webkit-radial-gradient(circle, hsla(0, 0%, 95%, 1) 0%, hsla(213, 96%, 82%, 1) 34%, hsla(0, 0%, 95%, 1) 54%);
    /* --- .dlg-busy --- */
    --dlg-busy-after-content: '';
    --dlg-busy-after-position: absolute;
    --dlg-busy-after-inset: 0;
    --dlg-busy-after-bg: rgba(255, 255, 255, 0.65);
    --dlg-busy-after-z-index: 100;
    --dlg-busy-before-content: '';
    --dlg-busy-before-position: absolute;
    --dlg-busy-before-top: 50%;
    --dlg-busy-before-left: 50%;
    --dlg-busy-before-width: 24px;
    --dlg-busy-before-height: 24px;
    --dlg-busy-before-margin: -18px 0 0 -18px;
    --dlg-busy-before-border: 4px solid #ffffff;
    --dlg-busy-before-border-top-color: var(--color-main-60);
    --dlg-busy-before-border-radius: 50%;
    --dlg-busy-before-animation: dlg-spin 0.8s linear infinite;
    --dlg-busy-before-z-index: 101;
    /* --- .dlg-error --- */
    --dlg-error-display: none;
    --dlg-error-margin-top: 10px;
    --dlg-error-padding: 8px 10px;
    --dlg-error-border: 1px solid #e57373;
    --dlg-error-bg: #ffebee;
    --dlg-error-color: #b71c1c;
    --dlg-error-border-radius: 6px;
    /* --- .btn-yes --- */
    --btn-yes-bg: #10b981;
    --btn-yes-color: var(--color-text-light);
    --btn-yes-border: none;
    --btn-yes-border-radius: 5px;
    --btn-yes-padding: 5px 24px;
    --btn-yes-font-size: var(--text-font-general-md);
    --btn-yes-font-weight: 500;
    --btn-yes-cursor: pointer;
    --btn-yes-transition: all 0.2s ease;
    --btn-yes-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    --btn-yes-hover-bg: #059669;
    --btn-yes-hover-transform: translateY(-1px);
    --btn-yes-hover-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --btn-yes-active-bg: #047857;
    --btn-yes-active-transform: translateY(0);
    --btn-yes-active-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    /* --- .btn-no --- */
    --btn-no-bg: #68b9fe;
    --btn-no-color: var(--color-text-light);
    --btn-no-border: none;
    --btn-no-border-radius: 5px;
    --btn-no-padding: 5px 24px;
    --btn-no-font-size: var(--text-font-general-md);
    --btn-no-font-weight: 500;
    --btn-no-cursor: pointer;
    --btn-no-transition: all 0.2s ease;
    --btn-no-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    --btn-no-hover-bg: #299dff;
    --btn-no-hover-transform: translateY(-1px);
    --btn-no-hover-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --btn-no-active-bg: #4666fc;
    --btn-no-active-transform: translateY(0);
    --btn-no-active-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    /* --- .ui-dialog (override) già definite sopra --- */
    /* --- .simply-config-div-class --- */
    --simply-config-div-class-margin-right: 5px;
    --simply-config-div-class-margin-left: 5px;
    --simply-config-div-class-font-size: var(--text-font-general-md);
    --simply-config-div-class-border: 1px solid var(--color-light-border);
    --simply-config-div-class-border-radius: 5px;
    --simply-config-div-class-overflow: hidden;
    --simply-config-div-class-summary-white-space: nowrap;
    --simply-config-div-class-summary-text-overflow: ellipsis;
    --simply-config-div-class-summary-overflow: hidden;
    --simply-config-div-class-summary-padding: 5px;
    --simply-config-div-class-summary-cursor: pointer;
    --simply-config-div-class-summary-user-select: none;
    --simply-config-div-class-summary-list-style: none;
    --simply-config-div-class-summary-display: flex;
    --simply-config-div-class-summary-align-items: center;
    --simply-config-div-class-summary-after-font-size: var(--text-font-general);
    --simply-config-div-class-summary-after-transition: transform 0.2s ease;
    --simply-config-div-class-summary-after-flex-shrink: 0;
    --simply-config-div-class-summary-after-margin-left: auto;
    --simply-config-div-class-open-summary-after-transform: rotate(180deg);
    --simply-config-div-class-accordion-content-padding: 5px;
    --simply-config-div-class-accordion-content-border-top: 1px solid var(--color-light-border);
    --simply-config-div-class-accordion-content-display: flex;
    --simply-config-div-class-accordion-content-flex-direction: column;
    --simply-config-div-class-accordion-content-gap: 5px;
    /* --- .simply-settings-selection-mobile --- */
    --simply-settings-selection-mobile-margin-bottom: 5px;
    --simply-settings-selection-mobile-margin-left: 5px;
    --simply-settings-selection-mobile-font-size: var(--text-font-general);
    /* --- .simply-cont-entities-all --- */
    --simply-cont-entities-all-padding: 20px;
    --simply-cont-entities-all-check-lbl-display: flex;
    --simply-cont-entities-all-check-lbl-align-items: center;
    --simply-cont-entities-all-check-lbl-margin-bottom: 8px;
    --simply-cont-entities-all-check-lbl-gap: 8px;
    /* --- .btn-categ-anagr-wrapper, .btn-categ-anagr --- */
    --btn-categ-anagr-wrapper-display: inline-flex;
    --btn-categ-anagr-wrapper-align-items: stretch;
    --btn-categ-anagr-display: inline-flex;
    --btn-categ-anagr-align-items: center;
    --btn-categ-anagr-justify-content: center;
    --btn-categ-anagr-padding: 4px 10px;
    --btn-categ-anagr-color: var(--color-text-dark);
    --btn-categ-anagr-border: 0px;
    --btn-categ-anagr-border-radius: 5px;
    --btn-categ-anagr-font-size: var(--text-font-general-md);
    --btn-categ-anagr-font-weight: 500;
    --btn-categ-anagr-letter-spacing: 0.3px;
    --btn-categ-anagr-cursor: pointer;
    --btn-categ-anagr-transition: all 0.2s ease;
    --btn-categ-anagr-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    --btn-categ-anagr-user-select: none;
    --btn-categ-anagr-margin: 10px;
    --btn-categ-anagr-hover-filter: brightness(0.95) saturate(1.2);
    --btn-categ-anagr-hover-box-shadow: 0 2px 6px rgba(0, 128, 128, 0.3);
    --btn-categ-anagr-active-transform: translateY(1px);
    --btn-categ-anagr-active-bg: #006666;
    --btn-categ-anagr-active-box-shadow: none;
    /* --- .btn-clip-doc-grid --- */
    --btn-clip-doc-grid-bg: white;
    --btn-clip-doc-grid-border-radius: 5px;
    --btn-clip-doc-grid-align-content: center;
    --btn-clip-doc-grid-text-align: center;
    --btn-clip-doc-grid-padding-left: 5px;
    --btn-clip-doc-grid-padding-right: 5px;
    --btn-clip-doc-grid-border: 1px solid var(--color-light-border);
    --btn-clip-doc-grid-hover-bg: #f8f9fa;
    --btn-clip-doc-grid-hover-border-color: #adb5bd;
    --btn-clip-doc-grid-hover-transform: translateY(-1px);
    --btn-clip-doc-grid-hover-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    --btn-clip-doc-grid-active-transform: translateY(1px);
    --btn-clip-doc-grid-active-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    --btn-clip-doc-grid-active-bg: #e9ecef;
    /* --- .ui-dialog .ui-dialog-titlebar --- */
    --ui-dialog-titlebar-border-bottom-left-radius: 0px;
    --ui-dialog-titlebar-border-bottom-right-radius: 0px;
    /* --- Media query pulsanti sidebar --- */
    --btn-side-mobile-font-size: 0;
    --btn-side-mobile-line-height: 0;
    --btn-side-mobile-gap: 0;
    --btn-side-mobile-justify: center;
    --btn-side-mobile-icon-font-size: 1.5rem;
    --btn-side-mobile-icon-line-height: 1.5rem;
    --btn-side-mobile-icon-width: 1.563rem;
    --btn-side-mobile-icon-height: 1.563rem;
    --btn-side-mobile-icon-display: inline-block;
    --btn-side-mobile-padding: 8px 10px;
    --btn-side-mobile-min-width: 40px;
    --btn-side-mobile-width: 100%;
    /* --- Container --- */
    --slider-tank-container-display: flex;
    --slider-tank-container-align-items: center;
    --slider-tank-container-gap: 0;
    --slider-tank-container-width: 100%;
    --slider-tank-container-padding: 0;
    --slider-tank-container-bg: transparent;
    --slider-tank-container-font-family: 'Segoe UI', Arial, sans-serif;
    --slider-tank-container-user-select: none;
    --slider-tank-container-margin-bottom: 0;
    --slider-tank-container-box-shadow: none;
    /* --- Box singolo slider --- */
    --slider-tank-sliders-border: 1px solid #000;
    --slider-tank-sliders-bg: #fff;
    /* --- Riga slider --- */
    --slider-row-position: relative;
    --slider-row-height: 18px;
    --slider-row-width: 200px;
    --slider-row-display: flex;
    --slider-row-align-items: center;
    /* colori del gradiente di fondo (scala di valore) */
    --slider-row-scale-from: #ff6b6b;
    --slider-row-scale-mid: #ffee55;
    --slider-row-scale-to: #6bcb6b;
    /* colore che "copre" la parte non riempita */
    --slider-row-empty-color: #ebebeb;
    /* --- Label --- */
    --slider-label-position: absolute;
    --slider-label-left: 6px;
    --slider-label-font-weight: bold;
    --slider-label-font-size: 10px;
    --slider-label-color: #000;
    --slider-label-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
    --slider-label-pointer-events: none;
    --slider-label-z-index: 2;
    /* --- Input range --- */
    --slider-input-position: absolute;
    --slider-input-width: 100%;
    --slider-input-height: 100%;
    --slider-input-margin: 0;
    --slider-input-padding: 0;
    --slider-input-cursor: pointer;
    --slider-input-z-index: 3;
    --slider-input-bg: transparent;
    /* --- Tacchette --- */
    --slider-ticks-marks-position: absolute;
    --slider-ticks-marks-bottom: 0;
    --slider-ticks-marks-left: 0;
    --slider-ticks-marks-width: 100%;
    --slider-ticks-marks-height: 4px;
    --slider-ticks-marks-color: #000;
    --slider-ticks-marks-thickness: 1px;
    --slider-ticks-marks-pointer-events: none;
    --slider-ticks-marks-z-index: 1;
    /* --- Thumb --- */
    --slider-thumb-width: 2px;
    --slider-thumb-height: auto;
    --slider-thumb-bg: rgba(0, 0, 0, 0.4);
    --slider-thumb-cursor: pointer;
    --slider-thumb-radius: 2px;
    --slider-thumb-shadow: 1px 0px 2px rgba(255, 255, 255, 0.5);
    --slider-thumb-border: none;
    /* --- Stato disabilitato --- */
    --slider-disabled-opacity: 0.6;
    --slider-disabled-pointer-events: none;
    --slider-disabled-row-bg: var(--color-disabled-text);
    --slider-disabled-label-color: var(--color-disabled-text);
    --slider-disabled-label-text-shadow: none;
    --slider-disabled-input-cursor: not-allowed;
    --slider-disabled-thumb-bg: transparent;
    --slider-disabled-thumb-shadow: none;
    /* --- Slider label basic --- */
    --slider-label-basic-white-space: nowrap;
    --slider-label-basic-overflow: hidden;
    --slider-label-basic-text-overflow: ellipsis;
    --slider-label-basic-font-size: 10px;
    /* --- .info-box --- */
    --info-box-position: absolute;
    --info-box-z-index: 1000;
    --info-box-bg: #ffffff;
    --info-box-color: #333333;
    --info-box-border-radius: 12px;
    --info-box-padding: 0;
    --info-box-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    --info-box-opacity: 0;
    --info-box-transform: translateY(-10px);
    --info-box-transition: all 0.3s ease;
    --info-box-pointer-events: auto;
    --info-box-min-width: 200px;
    --info-box-max-width: 300px;
    --info-box-border: 1px solid #e5e5e5;
    --info-box-show-opacity: 1;
    --info-box-show-transform: translateY(0);
    --info-box-content-padding: 12px 16px;
    --info-box-content-position: relative;
    --info-box-content-display: flex;
    --info-box-content-align-items: center;
    --info-box-content-justify-content: space-between;
    --info-box-content-gap: 12px;
    --info-box-content-p-margin: 0;
    --info-box-content-p-font-size: 13px;
    --info-box-content-p-line-height: 1.4;
    --info-box-content-p-flex: 1;
    --info-box-content-p-color: #333333;
    --info-box-close-bg: transparent;
    --info-box-close-border: none;
    --info-box-close-color: #b42f2f;
    --info-box-close-width: 24px;
    --info-box-close-height: 24px;
    --info-box-close-cursor: pointer;
    --info-box-close-display: flex;
    --info-box-close-align-items: center;
    --info-box-close-justify-content: center;
    --info-box-close-font-size: 18px;
    --info-box-close-transition: all 0.2s;
    --info-box-close-hover-bg: rgba(0, 0, 0, 0.2);
    --info-box-close-hover-color: #333333;
    --info-box-close-hover-transform: scale(1.1);
    /* --- .simply-normal-btn-openchart --- */
    --simply-normal-btn-openchart-bg: #f5f5f5;
    --simply-normal-btn-openchart-padding: 4px 10px;
    --simply-normal-btn-openchart-font-size: 12px;
    --simply-normal-btn-openchart-border: 1px solid #ccc;
    --simply-normal-btn-openchart-border-radius: 4px;
    --simply-normal-btn-openchart-cursor: pointer;
    --simply-normal-btn-openchart-transition: all 0.2s ease;
    --simply-normal-btn-openchart-hover-bg: #7ede6f;
    --simply-normal-btn-openchart-active-bg: #189d03;
    --simply-normal-btn-openchart-active-border-color: #999;
    --simply-normal-btn-openchart-active-transform: scale(0.98);
    --simply-normal-btn-openchart-active-filter-brightness: 0.5;
    --simply-normal-btn-openchart-active-filter-invert: 1;
    /* --- .is-invalid --- */
    --is-invalid-border: 2px solid var(--color-red);
    /* --- .form-error-custom --- */
    --form-error-custom-flex: 0 1 auto;
    --form-error-custom-min-width: 0;
    --form-error-custom-overflow: hidden;
    --form-error-custom-text-overflow: ellipsis;
    --form-error-custom-white-space: nowrap;
    --form-error-custom-color: var(--color-red);
    --form-error-custom-font-size: var(--text-font-form-label-custom-info);
    --form-error-custom-padding-left: 4px;
    /* --- .htmlelement-default-m2m-* --- */
    --htmlelement-default-m2m-maincontainer-display: flex;
    --htmlelement-default-m2m-maincontainer-flex-direction: row;
    --htmlelement-default-m2m-maincontainer-align-items: center;
    --htmlelement-default-m2m-maincontainer-justify-content: center;
    --htmlelement-default-m2m-list-display: flex;
    --htmlelement-default-m2m-list-flex-direction: column;
    --htmlelement-default-m2m-list-max-height: 25rem;
    --htmlelement-default-m2m-list-min-width: 12.5rem;
    --htmlelement-default-m2m-list-overflow-y: auto;
    --htmlelement-default-m2m-list-padding: 20px;
    --htmlelement-default-m2m-list-height: 300px;
    --htmlelement-default-m2m-btn-bg: transparent;
    --htmlelement-default-m2m-btn-margin-bottom: 2px;
    --htmlelement-default-m2m-btn-margin-top: 2px;
    --htmlelement-default-m2m-btn-border-radius: 6px;
    --htmlelement-default-m2m-btn-font-size: var(--text-font-general-md);
    --htmlelement-default-m2m-btn-border: 1px solid transparent;
    --htmlelement-default-m2m-btn-transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    --htmlelement-default-m2m-btn-hover-bg: var(--color-light-bg);
    --htmlelement-default-m2m-btn-hover-border-color: var(--color-light-border);
    --htmlelement-default-m2m-btn-hover-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
    --htmlelement-default-m2m-btn-active-bg: var(--color-primary-light);
    --htmlelement-default-m2m-btn-active-border-color: var(--color-primary);
    --htmlelement-default-m2m-btn-active-color: var(--color-primary);
    --htmlelement-default-m2m-btn-active-box-shadow: 0px 1px 4px rgba(0, 120, 212, 0.15);
    --htmlelement-default-m2m-btn-active-font-weight: 500;
    --htmlelement-default-m2m-btn-updown-display: flex;
    --htmlelement-default-m2m-btn-updown-flex-direction: column;
    --htmlelement-default-m2m-btn-updown-justify-content: center;
    --htmlelement-default-m2m-btn-updown-margin-left: 5px;
    --htmlelement-default-m2m-btn-leftright-display: flex;
    --htmlelement-default-m2m-btn-leftright-flex-direction: column;
    --htmlelement-default-m2m-btn-leftright-align-items: center;
    --htmlelement-default-m2m-btn-leftright-margin-left: 5px;
    --htmlelement-default-m2m-btn-leftright-margin-right: 5px;
    --htmlelement-default-m2m-btn-leftright-gap: 5px;
    --htmlelement-default-m2m-box-position: relative;
    --htmlelement-default-m2m-box-border: 2px solid var(--color-light-border);
    --htmlelement-default-m2m-box-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
    --htmlelement-default-m2m-box-margin-top: 15px;
    --htmlelement-default-m2m-title-box-position: absolute;
    --htmlelement-default-m2m-title-box-top: -10px;
    --htmlelement-default-m2m-title-box-left: 10px;
    --htmlelement-default-m2m-title-box-bg: var(--color-menu-web-sidebar-bg);
    --htmlelement-default-m2m-title-box-border: 2px solid var(--color-light-border);
    --htmlelement-default-m2m-title-box-padding: 0 5px;
    --htmlelement-default-m2m-title-box-font-size: var(--text-font-general);
    /* --- .htmlelement-switch-base --- */
    --htmlelement-switch-base-display: inline-flex;
    --htmlelement-switch-base-align-items: center;
    --htmlelement-switch-base-cursor: pointer;
    --htmlelement-switch-base-user-select: none;
    --htmlelement-switch-track-position: relative;
    --htmlelement-switch-track-display: inline-block;
    --htmlelement-switch-track-width: 34px;
    --htmlelement-switch-track-height: 18px;
    --htmlelement-switch-track-flex: 0 0 34px;
    --htmlelement-switch-track-border-radius: 9px;
    --htmlelement-switch-track-bg: var(--color-light-border);
    --htmlelement-switch-track-border: 1px solid var(--color-light-border);
    --htmlelement-switch-track-transition: background-color 0.2s ease;
    --htmlelement-switch-thumb-position: absolute;
    --htmlelement-switch-thumb-top: 1px;
    --htmlelement-switch-thumb-left: 1px;
    --htmlelement-switch-thumb-width: 14px;
    --htmlelement-switch-thumb-height: 14px;
    --htmlelement-switch-thumb-border-radius: 50%;
    --htmlelement-switch-thumb-bg: #ffffff;
    --htmlelement-switch-thumb-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
    --htmlelement-switch-thumb-transition: transform 0.2s ease;
    --htmlelement-switch-on-track-bg: var(--color-primary);
    --htmlelement-switch-on-track-border-color: var(--color-primary);
    --htmlelement-switch-on-thumb-transform: translateX(16px);
    /* --- .htmlelement-radiogroup-base --- */
    --htmlelement-radiogroup-base-display: flex;
    --htmlelement-radiogroup-base-flex-direction: column;
    --htmlelement-radiogroup-base-gap: 2px;
    --htmlelement-radiogroup-horizontal-flex-direction: row;
    --htmlelement-radiogroup-horizontal-flex-wrap: wrap;
    --htmlelement-radiogroup-horizontal-gap: 12px;
    --htmlelement-radiogroup-item-display: flex;
    --htmlelement-radiogroup-item-align-items: center;
    --htmlelement-radiogroup-item-gap: 0.5rem;
    --htmlelement-radiogroup-item-cursor: pointer;
    --htmlelement-radiogroup-item-user-select: none;
    --htmlelement-radiogroup-item-padding: 2px 4px;
    --htmlelement-radiogroup-item-border-radius: 6px;
    --htmlelement-radiogroup-item-border: 1px solid transparent;
    --htmlelement-radiogroup-item-font-size: var(--text-font-general);
    --htmlelement-radiogroup-item-transition: background-color 0.2s ease, border-color 0.2s ease;
    --htmlelement-radiogroup-item-hover-bg: var(--color-light-bg);
    --htmlelement-radiogroup-item-hover-border-color: var(--color-light-border);
    --htmlelement-radiogroup-item-active-color: var(--color-primary);
    --htmlelement-radiogroup-item-active-font-weight: 500;
    /* --- .htmlelement-daterange-base --- */
    --htmlelement-daterange-base-display: flex;
    --htmlelement-daterange-base-flex-direction: row;
    --htmlelement-daterange-base-align-items: center;
    --htmlelement-daterange-base-gap: 6px;
    --htmlelement-daterange-base-flex-wrap: wrap;
    --htmlelement-daterange-base-min-width: 0;
    --htmlelement-daterange-separator-flex: 0 0 auto;
    --htmlelement-daterange-separator-color: var(--color-gray-dark-border);
    --htmlelement-daterange-separator-user-select: none;
    --htmlelement-daterange-days-flex: 0 0 auto;
    --htmlelement-daterange-days-white-space: nowrap;
    --htmlelement-daterange-days-color: var(--color-gray-dark-border);
    --htmlelement-daterange-days-font-size: var(--text-font-form-label-custom-info);
    --htmlelement-daterange-days-padding-left: 4px;
    /* --- .htmlelement-binaryfile-base --- */
    --htmlelement-binaryfile-base-display: flex;
    --htmlelement-binaryfile-base-flex-direction: column;
    --htmlelement-binaryfile-base-gap: 6px;
    --htmlelement-binaryfile-base-min-width: 0;
    --htmlelement-binaryfile-preview-border: 1px solid var(--color-light-border);
    --htmlelement-binaryfile-preview-border-radius: 6px;
    --htmlelement-binaryfile-preview-padding: 4px;
    --htmlelement-binaryfile-preview-width: fit-content;
    --htmlelement-binaryfile-preview-bg: var(--color-menu-web-sidebar-bg);
    --htmlelement-binaryfile-preview-img-display: block;
    --htmlelement-binaryfile-preview-img-max-width: 220px;
    --htmlelement-binaryfile-preview-img-max-height: 160px;
    --htmlelement-binaryfile-preview-img-object-fit: contain;
    --htmlelement-binaryfile-info-font-size: var(--text-font-form-label-custom-info);
    --htmlelement-binaryfile-info-color: var(--color-gray-dark-border);
    --htmlelement-binaryfile-info-overflow: hidden;
    --htmlelement-binaryfile-info-text-overflow: ellipsis;
    --htmlelement-binaryfile-info-white-space: nowrap;
    --htmlelement-binaryfile-actions-display: flex;
    --htmlelement-binaryfile-actions-flex-direction: row;
    --htmlelement-binaryfile-actions-align-items: center;
    --htmlelement-binaryfile-actions-gap: 6px;
    --htmlelement-binaryfile-actions-flex-wrap: wrap;
    /* --- .htmlelement-currency-base --- */
    --htmlelement-currency-base-display: flex;
    --htmlelement-currency-base-flex-direction: row;
    --htmlelement-currency-base-align-items: center;
    --htmlelement-currency-base-gap: 4px;
    --htmlelement-currency-base-min-width: 0;
    --htmlelement-currency-symbol-flex: 0 0 auto;
    --htmlelement-currency-symbol-color: var(--color-gray-dark-border);
    --htmlelement-currency-symbol-user-select: none;
    /* --- .htmlelement-displayfield-base --- */
    --htmlelement-displayfield-base-min-height: 26px;
    --htmlelement-displayfield-base-display: flex;
    --htmlelement-displayfield-base-align-items: center;
    --htmlelement-displayfield-base-padding: 2px 4px;
    --htmlelement-displayfield-base-font-size: var(--text-font-general);
    --htmlelement-displayfield-base-overflow: hidden;
    --htmlelement-displayfield-base-text-overflow: ellipsis;
    --htmlelement-displayfield-base-white-space: nowrap;
    --htmlelement-displayfield-empty-color: var(--color-gray-dark-border);
    --htmlelement-displayfield-empty-font-style: italic;
    /* --- .htmlelement-wizard-base --- */
    --htmlelement-wizard-base-display: flex;
    --htmlelement-wizard-base-flex-direction: column;
    --htmlelement-wizard-base-gap: 12px;
    --htmlelement-wizard-base-width: 100%;
    --htmlelement-wizard-head-display: flex;
    --htmlelement-wizard-head-flex-wrap: wrap;
    --htmlelement-wizard-head-align-items: stretch;
    --htmlelement-wizard-head-gap: 4px;
    --htmlelement-wizard-head-padding: 6px 4px;
    --htmlelement-wizard-head-border-bottom: 1px solid var(--color-light-border);
    --htmlelement-wizard-head-item-display: flex;
    --htmlelement-wizard-head-item-align-items: center;
    --htmlelement-wizard-head-item-gap: 8px;
    --htmlelement-wizard-head-item-flex: 1 1 0;
    --htmlelement-wizard-head-item-min-width: 120px;
    --htmlelement-wizard-head-item-padding: 6px 10px;
    --htmlelement-wizard-head-item-border-radius: 4px;
    --htmlelement-wizard-head-item-color: var(--color-text-gray);
    --htmlelement-wizard-head-number-display: flex;
    --htmlelement-wizard-head-number-align-items: center;
    --htmlelement-wizard-head-number-justify-content: center;
    --htmlelement-wizard-head-number-flex: 0 0 auto;
    --htmlelement-wizard-head-number-width: 26px;
    --htmlelement-wizard-head-number-height: 26px;
    --htmlelement-wizard-head-number-border-radius: 50%;
    --htmlelement-wizard-head-number-font-size: var(--text-font-general);
    --htmlelement-wizard-head-number-bg: var(--color-gray-light);
    --htmlelement-wizard-head-number-color: var(--color-text-gray);
    --htmlelement-wizard-head-number-border: 1px solid var(--color-light-border);
    --htmlelement-wizard-head-texts-display: flex;
    --htmlelement-wizard-head-texts-flex-direction: column;
    --htmlelement-wizard-head-texts-overflow: hidden;
    --htmlelement-wizard-head-title-font-size: var(--text-font-general);
    --htmlelement-wizard-head-title-overflow: hidden;
    --htmlelement-wizard-head-title-text-overflow: ellipsis;
    --htmlelement-wizard-head-title-white-space: nowrap;
    --htmlelement-wizard-head-description-font-size: 0.75rem;
    --htmlelement-wizard-head-description-color: var(--color-text-gray);
    --htmlelement-wizard-head-description-overflow: hidden;
    --htmlelement-wizard-head-description-text-overflow: ellipsis;
    --htmlelement-wizard-head-description-white-space: nowrap;
    --htmlelement-wizard-head-item-active-color: var(--color-text);
    --htmlelement-wizard-head-item-active-bg: var(--color-active-tab);
    --htmlelement-wizard-head-item-active-font-weight: 600;
    --htmlelement-wizard-head-item-active-number-bg: var(--color-primary);
    --htmlelement-wizard-head-item-active-number-color: var(--color-text-light);
    --htmlelement-wizard-head-item-active-number-border-color: var(--color-primary);
    --htmlelement-wizard-head-item-done-color: var(--color-text);
    --htmlelement-wizard-head-item-done-number-bg: var(--color-primary-light);
    --htmlelement-wizard-head-item-done-number-color: var(--color-text-light);
    --htmlelement-wizard-head-item-done-number-border-color: var(--color-primary-light);
    --htmlelement-wizard-contents-display: block;
    --htmlelement-wizard-contents-width: 100%;
    --htmlelement-wizard-step-display: none;
    --htmlelement-wizard-step-width: 100%;
    --htmlelement-wizard-step-active-display: block;
    --htmlelement-wizard-buttons-display: flex;
    --htmlelement-wizard-buttons-justify-content: flex-end;
    --htmlelement-wizard-buttons-align-items: center;
    --htmlelement-wizard-buttons-gap: 8px;
    --htmlelement-wizard-buttons-padding-top: 8px;
    --htmlelement-wizard-buttons-border-top: 1px solid var(--color-light-border);
    --htmlelement-wizard-layout-display: flex;
    --htmlelement-wizard-layout-align-items: flex-start;
    --htmlelement-wizard-layout-gap: 16px;
    --htmlelement-wizard-layout-width: 100%;
    --htmlelement-wizard-layout-wizard-flex: 1 1 auto;
    --htmlelement-wizard-layout-wizard-min-width: 0;
    --htmlelement-wizard-summary-flex: 0 0 260px;
    --htmlelement-wizard-summary-display: flex;
    --htmlelement-wizard-summary-flex-direction: column;
    --htmlelement-wizard-summary-gap: 6px;
    --htmlelement-wizard-summary-padding: 10px;
    --htmlelement-wizard-summary-border: 1px solid var(--color-light-border);
    --htmlelement-wizard-summary-border-radius: 4px;
    --htmlelement-wizard-summary-bg: var(--color-bg-light);
    --htmlelement-wizard-summary-title-font-weight: 600;
    --htmlelement-wizard-summary-title-padding-bottom: 6px;
    --htmlelement-wizard-summary-title-border-bottom: 1px solid var(--color-light-border);
    --htmlelement-wizard-summary-label-font-size: 0.75rem;
    --htmlelement-wizard-summary-label-text-transform: uppercase;
    --htmlelement-wizard-summary-label-color: var(--color-text-gray);
    /* --- .htmlelement-currentstatus-base --- */
    --htmlelement-currentstatus-base-display: flex;
    --htmlelement-currentstatus-base-flex-direction: row;
    --htmlelement-currentstatus-base-align-items: stretch;
    --htmlelement-currentstatus-base-gap: 4px;
    --htmlelement-currentstatus-base-min-width: 0;
    --htmlelement-currentstatus-arrow-flex: 0 0 auto;
    --htmlelement-currentstatus-arrow-min-width: 28px;
    --htmlelement-currentstatus-arrow-flex: 0 0 auto;
    --htmlelement-currentstatus-arrow-min-width: 28px;
    --htmlelement-currentstatus-arrow-size: 7px;
    --htmlelement-currentstatus-arrow-head: 10px;
    --htmlelement-currentstatus-arrow-color: black;
   /* --htmlelement-currentstatus-arrow-size-sx: 7px;
    --htmlelement-currentstatus-arrow-head-sx: 10px;
    --htmlelement-currentstatus-arrow-color-sx: black;*/
    --htmlelement-currentstatus-central-flex: 1 1 auto;
    --htmlelement-currentstatus-central-min-width: 0;
    --htmlelement-currentstatus-central-justify-content: center;
    --htmlelement-currentstatus-central-overflow: hidden;
    --htmlelement-currentstatus-central-text-overflow: ellipsis;
    --htmlelement-currentstatus-central-white-space: nowrap;
    /* --- .active (generico, ma con specificità alta) --- */
    --active-bg: var(--color-selected);
}

    /* Tema scuro gestito dal data attribute Bootstrap */
    :root[data-bs-theme="dark"] {
        --bs-danger: #ff5a5aa6;
        --color-primary: #4df3fe9f;
        --color-bg-light: #121212;
        --color-light-border: #2a2a2a;
        --color-gray-dark-border: #3a3a3a;
        --color-secondary: #5fa8d3;
        --color-gray-light: #1f1f1f;
        --color-gray-medium: #2a2a2a;
        --color-gray-dark-grey: #333333;
        --color-hover-button: #3d3d3d;
        --color-shadow: rgba(0, 0, 0, 0.6);
        --color-accent: #3aafa9;
        --color-text: #dcdcdc;
        --color-text-dark: #000000;
        --color-text-gray: #b0b0b0;
        --color-text-th: #e0e0e0;
        --color-text-td-row-num: #cfcfcf;
        --color-text-swal2: #ffffff;
        --color-active-tab: #2f2f2f;
        --color-no-active-tab: #1c1c1c;
        --color-red: #ff4c4c;
        --color-red-datetime-error: #f2d5ce;
        --color-menu-web-sidebar: #343434;
        --color-menu-web-sidebar-bg: #2a2a2a;
        --color-input-normal-light: #1f1f1f;
        --color-surface: #1f1f1f;
        /* Le tre variabili di stato aggiunte in cima al file. Al chiaro il
           fondo del passaggio del mouse e' un velo NERO trasparente; su fondo
           scuro un velo nero non si vede, quindi qui diventa un velo BIANCO
           della stessa intensita'. Prima non c'erano affatto e il tema scuro
           ereditava il velo nero, cioe' l'hover era invisibile. */
        --color-light-bg: rgba(255, 255, 255, 0.06);
        --color-primary-light: rgba(77, 243, 254, 0.12);
        --color-primary-border: #4df3fe9f;
    }

        :root[data-bs-theme="dark"] img[src^="data:image/svg+xml"],
        :root[data-bs-theme="dark"] svg,
        :root[data-bs-theme="dark"] i {
            filter: invert(1);
        }

/* --- Media queries --- */
@media screen and (max-width: 1024px) {
    [data-ssweb-hideonmobile] {
        display: none !important;
        transition: transform 0.3s ease;
    }
}

@media screen and (min-width: 1025px) {
    [data-ssweb-hideondesktop] {
        display: none !important;
        transition: transform 0.3s ease;
    }
}

@media screen {
    [data-ssweb-hideonmobile="true"] {
        display: none !important;
        transition: transform 0.3s ease;
    }
}

@media screen {
    [data-ssweb-hideondesktop="true"] {
        display: block !important;
        transition: transform 0.3s ease;
    }
}

/* --- Validazione required --- */
[data-ssweb-required][data-ssweb-value=""] {
    border: var(--size-border-required) solid var(--color-red);
}

/* --- Spinner --- */
.loading-spinner-easy {
    width: var(--spinner-width);
    height: var(--spinner-height);
    border: var(--spinner-border-size) solid transparent;
    border-top: var(--spinner-border-top-size) solid var(--spinner-border-color);
    border-radius: var(--spinner-border-radius);
    animation: spin var(--spinner-animation-duration) var(--spinner-animation-easing) infinite;
    position: relative;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* --- Error message --- */
.simply-error-message-ui {
    font-size: var(--error-font-size);
}

    .simply-error-message-ui.error {
        color: var(--error-color);
        background-color: var(--error-background);
        border: var(--error-border-width) solid var(--error-border-color);
        padding: var(--error-padding);
        border-radius: var(--error-border-radius);
        margin: var(--error-margin);
    }

.simply-style-ske-height {
    height: calc(var(--vh, 1vh) * 100);
}

/* --- .htmlelement-style-base --- */
.htmlelement-style-base {
    width: var(--htmlelement-style-base-width);
    min-width: var(--htmlelement-style-base-min-width);
    min-height: var(--htmlelement-style-base-min-height);
    font-size: var(--htmlelement-style-base-font-size) !important;
    border: var(--htmlelement-style-base-border-width) solid var(--htmlelement-style-base-border-color);
    border-radius: var(--htmlelement-style-base-border-radius);
    outline: var(--htmlelement-style-base-outline);
    color: var(--htmlelement-style-base-text-color);
}

    .htmlelement-style-base:focus {
        border: var(--htmlelement-style-base-focus-border-width) solid var(--htmlelement-style-base-focus-border-color);
    }

    .htmlelement-style-base::placeholder {
        color: var(--htmlelement-style-base-placeholder-color);
    }

/* --- .htmlelement-tabcontainer-style-base --- */
.htmlelement-tabcontainer-style-base {
    display: var(--htmlelement-tabcontainer-style-base-display);
    background-color: var(--htmlelement-tabcontainer-style-base-bg);
    transition: var(--htmlelement-tabcontainer-style-base-transition);
    border: var(--htmlelement-tabcontainer-style-base-border);
}

    .htmlelement-tabcontainer-style-base:hover {
        border-color: var(--htmlelement-tabcontainer-style-base-hover-border-color);
    }

    .htmlelement-tabcontainer-style-base.active {
        background-color: var(--htmlelement-tabcontainer-style-base-active-bg);
        border-color: var(--htmlelement-tabcontainer-style-base-active-border-color);
        color: var(--htmlelement-tabcontainer-style-base-active-color);
    }

/* --- .htmlelement-tab-button-base --- */
.htmlelement-tab-button-base {
    background-color: var(--htmlelement-tab-button-base-bg);
    color: var(--htmlelement-tab-button-base-color);
    border-radius: var(--htmlelement-tab-button-base-border-radius);
    font-size: var(--htmlelement-tab-button-base-font-size);
}

    .htmlelement-tab-button-base:active {
        border-color: var(--htmlelement-tab-button-base-active-border-color) !important;
    }

/* --- .htmlelement-datetime-style-base-error --- */
.htmlelement-datetime-style-base-error {
    background-color: var(--htmlelement-datetime-style-base-error-bg);
    color: var(--htmlelement-datetime-style-base-error-color);
}

/* --- .htmlelement-checkboxgroup-title-style-base --- */
.htmlelement-checkboxgroup-title-style-base {
    border: var(--htmlelement-checkboxgroup-title-style-base-border);
    text-align: var(--htmlelement-checkboxgroup-title-style-base-text-align);
    margin: var(--htmlelement-checkboxgroup-title-style-base-margin);
    font-size: var(--htmlelement-checkboxgroup-title-style-base-font-size);
    font-weight: var(--htmlelement-checkboxgroup-title-style-base-font-weight);
}

/* --- .htmlelement-checkboxgroup-container-style-base --- */
.htmlelement-checkboxgroup-container-style-base {
    color: var(--htmlelement-checkboxgroup-container-style-base-color) !important;
}

/* --- .htmlelement-checkbox-style-base --- */
.htmlelement-checkbox-style-base {
    background-color: var(--htmlelement-checkbox-style-base-bg);
    color: var(--htmlelement-checkbox-style-base-color);
    padding: var(--htmlelement-checkbox-style-base-padding);
    width: var(--htmlelement-checkbox-style-base-width);
    font-size: var(--htmlelement-checkbox-style-base-font-size);
    border-radius: var(--htmlelement-checkbox-style-base-border-radius);
    height: var(--htmlelement-checkbox-style-base-height);
    user-select: var(--htmlelement-checkbox-style-base-user-select);
}

    .htmlelement-checkbox-style-base img[data-ssweb-can-invert],
    .htmlelement-checkbox-style-base svg[data-ssweb-can-invert],
    .htmlelement-checkbox-style-base i[data-ssweb-can-invert] {
        filter: var(--htmlelement-checkbox-style-base-filter-normal);
    }

    .htmlelement-checkbox-style-base:hover img[data-ssweb-can-invert],
    .htmlelement-checkbox-style-base:hover svg[data-ssweb-can-invert],
    .htmlelement-checkbox-style-base:hover i[data-ssweb-can-invert] {
        filter: var(--htmlelement-checkbox-style-base-filter-hover);
    }

    .htmlelement-checkbox-style-base.noborder {
        border: var(--htmlelement-checkbox-style-base-noborder-border);
    }

/* --- .htmlelement-checkbox-style-base-hover --- */
.htmlelement-checkbox-style-base-hover {
    background-color: var(--htmlelement-checkbox-style-base-hover-bg);
    padding: var(--htmlelement-checkbox-style-base-hover-padding);
    width: var(--htmlelement-checkbox-style-base-hover-width);
    font-size: var(--htmlelement-checkbox-style-base-hover-font-size);
    border-radius: var(--htmlelement-checkbox-style-base-hover-border-radius);
    height: var(--htmlelement-checkbox-style-base-hover-height);
    user-select: var(--htmlelement-checkbox-style-base-hover-user-select);
    border: var(--htmlelement-checkbox-style-base-hover-border);
    transition: var(--htmlelement-checkbox-style-base-hover-transition);
    display: var(--htmlelement-checkbox-style-base-hover-display);
    align-items: var(--htmlelement-checkbox-style-base-hover-align-items);
    gap: var(--htmlelement-checkbox-style-base-hover-gap);
    cursor: var(--htmlelement-checkbox-style-base-hover-cursor);
}

    .htmlelement-checkbox-style-base-hover:hover {
        background-color: var(--htmlelement-checkbox-style-base-hover-hover-bg);
        border-color: var(--htmlelement-checkbox-style-base-hover-hover-border-color);
        box-shadow: var(--htmlelement-checkbox-style-base-hover-hover-box-shadow);
    }

    .htmlelement-checkbox-style-base-hover:active {
        background-color: var(--htmlelement-checkbox-style-base-hover-active-bg);
        border-color: var(--htmlelement-checkbox-style-base-hover-active-border-color);
        color: var(--htmlelement-checkbox-style-base-hover-active-color);
        box-shadow: var(--htmlelement-checkbox-style-base-hover-active-box-shadow);
        font-weight: var(--htmlelement-checkbox-style-base-hover-active-font-weight);
    }

/* --- .htmlelement-button-style-transparent-statistic --- */
.htmlelement-button-style-transparent-statistic {
    background-color: var(--htmlelement-button-style-transparent-statistic-bg) !important;
    color: var(--htmlelement-button-style-transparent-statistic-color) !important;
    border: var(--htmlelement-button-style-transparent-statistic-border);
    cursor: var(--htmlelement-button-style-transparent-statistic-cursor);
    text-decoration: var(--htmlelement-button-style-transparent-statistic-text-decoration);
}

/* --- .simply-open-code-selection-btn --- */
.simply-open-code-selection-btn {
    border: var(--simply-open-code-selection-btn-border) !important;
    background-color: var(--simply-open-code-selection-btn-bg);
}

/* --- .htmlelement-style-base-flex-statistic --- */
.htmlelement-style-base-flex-statistic {
    width: var(--htmlelement-style-base-flex-statistic-width);
    min-width: var(--htmlelement-style-base-flex-statistic-min-width);
    display: var(--htmlelement-style-base-flex-statistic-display);
}

/* --- .simply-sidebar-custom-default --- */
.simply-sidebar-custom-default {
    align-items: var(--simply-sidebar-custom-default-align-items) !important;
    background-color: var(--simply-sidebar-custom-default-bg) !important;
    color: var(--simply-sidebar-custom-default-color);
    font-size: var(--simply-sidebar-custom-default-font-size);
}

/* --- .simply-topbar-custom-default --- */
.simply-topbar-custom-default {
    padding: var(--simply-topbar-custom-default-padding);
    margin: var(--simply-topbar-custom-default-margin);
    background-image: var(--simply-topbar-custom-default-bg-image);
    background-position: var(--simply-topbar-custom-default-bg-position);
    background-size: var(--simply-topbar-custom-default-bg-size);
    border-radius: var(--simply-topbar-custom-default-border-radius) !important;
    color: var(--simply-topbar-custom-default-color) !important;
    height: var(--simply-topbar-custom-default-height);
}

/* --- .htmlelement-sidebar-button-icon --- */
.htmlelement-sidebar-button-icon {
    background-color: var(--htmlelement-sidebar-button-icon-bg);
    color: var(--htmlelement-sidebar-button-icon-color);
    transition: var(--htmlelement-sidebar-button-icon-transition);
    border: var(--htmlelement-sidebar-button-icon-border);
    border-radius: var(--htmlelement-sidebar-button-icon-border-radius);
    font-size: var(--htmlelement-sidebar-button-icon-font-size);
    cursor: var(--htmlelement-sidebar-button-icon-cursor) !important;
    border: var(--htmlelement-sidebar-button-icon-border-final);
    padding: var(--htmlelement-sidebar-button-icon-padding);
}

    .htmlelement-sidebar-button-icon:active {
        border-color: var(--htmlelement-sidebar-button-icon-active-pressed-border-color);
        box-shadow: var(--htmlelement-sidebar-button-icon-active-pressed-box-shadow);
        cursor: var(--htmlelement-sidebar-button-icon-active-pressed-cursor) !important;
    }

    .htmlelement-sidebar-button-icon.active {
        background-color: var(--htmlelement-sidebar-button-icon-active-bg);
        border-color: var(--htmlelement-sidebar-button-icon-active-border-color);
        color: var(--htmlelement-sidebar-button-icon-active-color);
        border-radius: var(--htmlelement-sidebar-button-icon-active-border-radius);
    }

    .htmlelement-sidebar-button-icon:hover {
        opacity: var(--htmlelement-sidebar-button-icon-hover-opacity);
        transition: var(--htmlelement-sidebar-button-icon-hover-transition);
    }

    .htmlelement-sidebar-button-icon:focus {
        border-color: var(--htmlelement-sidebar-button-icon-focus-border-color);
    }

/* --- .htmlelement-button-style-base --- */
.htmlelement-button-style-base {
    background-color: var(--htmlelement-button-style-base-bg);
    color: var(--htmlelement-button-style-base-color);
    transition: var(--htmlelement-button-style-base-transition);
    border: var(--htmlelement-button-style-base-border);
    border-radius: var(--htmlelement-button-style-base-border-radius);
    font-size: var(--htmlelement-button-style-base-font-size);
}

    .htmlelement-button-style-base:active {
        border-color: var(--htmlelement-button-style-base-active-border-color);
        box-shadow: var(--htmlelement-button-style-base-active-box-shadow);
    }

    .htmlelement-button-style-base.active {
        background-color: var(--htmlelement-button-style-base-active-bg);
        border-color: var(--htmlelement-button-style-base-active-border-color);
        color: var(--htmlelement-button-style-base-active-color);
    }

    .htmlelement-button-style-base:focus {
        border-color: var(--htmlelement-button-style-base-focus-border-color);
    }

/* --- .htmlelement-button-style-base-side --- */
.htmlelement-button-style-base-side {
    background-color: var(--htmlelement-button-style-base-side-bg);
    border: var(--htmlelement-button-style-base-side-border);
    border-radius: var(--htmlelement-button-style-base-side-border-radius);
    color: var(--htmlelement-button-style-base-side-color);
    font-size: var(--htmlelement-button-style-base-side-font-size);
    cursor: var(--htmlelement-button-style-base-side-cursor);
}

    .htmlelement-button-style-base-side:hover {
        text-decoration: var(--htmlelement-button-style-base-side-hover-text-decoration);
    }

    .htmlelement-button-style-base-side:active {
        color: var(--htmlelement-button-style-base-side-active-color);
        text-decoration: var(--htmlelement-button-style-base-side-hover-text-decoration);
        background-color: var(--htmlelement-button-style-base-side-active-bg);
    }

    .htmlelement-button-style-base-side img[data-ssweb-can-invert],
    .htmlelement-button-style-base-side svg[data-ssweb-can-invert],
    .htmlelement-button-style-base-side i[data-ssweb-can-invert] {
        filter: brightness(var(--htmlelement-button-style-base-side-filter-brightness)) invert(var(--htmlelement-button-style-base-side-filter-invert));
        color: var(--htmlelement-button-style-base-side-color);
    }

/* --- .htmlelement-button-style-transparent-base --- */
.htmlelement-button-style-transparent-base {
    background-color: var(--htmlelement-button-style-transparent-base-bg) !important;
    color: var(--htmlelement-button-style-transparent-base-color) !important;
    transition: var(--htmlelement-button-style-transparent-base-transition);
    border: var(--htmlelement-button-style-transparent-base-border);
    border-radius: var(--htmlelement-button-style-transparent-base-border-radius);
    font-size: var(--htmlelement-button-style-transparent-base-font-size);
    height: var(--htmlelement-button-style-transparent-base-height);
}

    .htmlelement-button-style-transparent-base:active {
        border-color: var(--htmlelement-button-style-transparent-base-active-border-color);
        box-shadow: var(--htmlelement-button-style-transparent-base-active-box-shadow);
        transform: var(--htmlelement-button-style-transparent-base-active-transform);
    }

    .htmlelement-button-style-transparent-base.hover-colored:hover {
        background-color: var(--htmlelement-button-style-transparent-base-hover-colored-bg) !important;
        border-color: var(--htmlelement-button-style-transparent-base-hover-colored-border-color) !important;
    }

    .htmlelement-button-style-transparent-base.active {
        border-color: var(--htmlelement-button-style-transparent-base-active-border-color);
        color: var(--htmlelement-button-style-transparent-base-active-color);
    }

/* --- .htmlelement-default-details --- */
.htmlelement-default-details {
    color: var(--htmlelement-default-details-color);
    border: var(--htmlelement-default-details-border);
    border-radius: var(--htmlelement-default-details-border-radius);
    padding: var(--htmlelement-default-details-padding);
}

/* --- .htmlelement-default-main-icon --- */
.htmlelement-default-main-icon {
    border: var(--htmlelement-default-main-icon-border);
}

    .htmlelement-default-main-icon:hover {
        cursor: var(--htmlelement-default-main-icon-hover-cursor);
        opacity: var(--htmlelement-default-main-icon-hover-opacity);
        transition: var(--htmlelement-default-main-icon-hover-transition);
    }

    .htmlelement-default-main-icon:active {
        background-color: var(--htmlelement-default-main-icon-active-bg);
        cursor: var(--htmlelement-default-main-icon-active-cursor);
        border-radius: var(--htmlelement-default-main-icon-active-border-radius);
    }

/* --- .htmlelement-default-summary --- */
.htmlelement-default-summary {
    cursor: var(--htmlelement-default-summary-cursor) !important;
    outline: var(--htmlelement-default-summary-outline);
    font-weight: var(--htmlelement-default-summary-font-weight);
    position: relative;
    padding-left: var(--htmlelement-default-summary-padding-left);
    list-style: var(--htmlelement-default-summary-list-style);
}

    .htmlelement-default-summary::-webkit-details-marker {
        display: none;
    }

    .htmlelement-default-summary::marker {
        display: none;
    }

    .htmlelement-default-summary::before {
        content: var(--htmlelement-default-summary-before-content-closed);
        position: var(--htmlelement-default-summary-before-position);
        left: var(--htmlelement-default-summary-before-left);
        top: var(--htmlelement-default-summary-before-top);
        transform: var(--htmlelement-default-summary-before-transform);
        font-weight: var(--htmlelement-default-summary-before-font-weight);
        transition: var(--htmlelement-default-summary-before-transition);
    }

details[open] > .htmlelement-default-summary::before {
    content: var(--htmlelement-default-summary-before-content-open);
}

.htmlelement-default-summary:active {
    cursor: var(--htmlelement-default-summary-active-cursor) !important;
    opacity: var(--htmlelement-default-summary-active-opacity);
    transition: var(--htmlelement-default-summary-active-transition);
}

/* --- .htmlelement-default-details-content --- */
.htmlelement-default-details-content {
    display: var(--htmlelement-default-details-content-display);
    flex-direction: var(--htmlelement-default-details-content-flex-direction);
    gap: var(--htmlelement-default-details-content-gap);
    margin-top: var(--htmlelement-default-details-content-margin-top);
    color: var(--htmlelement-default-details-content-color);
    position: var(--htmlelement-default-details-content-position);
    padding-left: var(--htmlelement-default-details-content-padding-left);
    margin-left: var(--htmlelement-default-details-content-margin-left);
}

/* --- .htmlelement-default-grid-setting-col-maincontainer --- */
.htmlelement-default-grid-setting-col-maincontainer {
    display: var(--htmlelement-default-grid-setting-col-maincontainer-display);
    flex-direction: var(--htmlelement-default-grid-setting-col-maincontainer-flex-direction);
    align-items: var(--htmlelement-default-grid-setting-col-maincontainer-align-items);
    justify-content: var(--htmlelement-default-grid-setting-col-maincontainer-justify-content);
}

/* --- .htmlelement-default-grid-setting-col-list --- */
.htmlelement-default-grid-setting-col-list {
    display: var(--htmlelement-default-grid-setting-col-list-display);
    flex-direction: var(--htmlelement-default-grid-setting-col-list-flex-direction);
    max-height: var(--htmlelement-default-grid-setting-col-list-max-height);
    min-width: var(--htmlelement-default-grid-setting-col-list-min-width);
    overflow-y: var(--htmlelement-default-grid-setting-col-list-overflow-y);
    padding: var(--htmlelement-default-grid-setting-col-list-padding);
    height: var(--htmlelement-default-grid-setting-col-list-height);
}

/* --- .btn-grid-settings-box-inside --- */
.btn-grid-settings-box-inside {
    background-color: var(--btn-grid-settings-box-inside-bg);
    margin-bottom: var(--btn-grid-settings-box-inside-margin-bottom);
    margin-top: var(--btn-grid-settings-box-inside-margin-top);
    border-radius: var(--btn-grid-settings-box-inside-border-radius);
    font-size: var(--btn-grid-settings-box-inside-font-size) !important;
    border: var(--btn-grid-settings-box-inside-border);
    transition: var(--btn-grid-settings-box-inside-transition);
}

    .btn-grid-settings-box-inside:hover {
        background-color: var(--btn-grid-settings-box-inside-hover-bg);
        border-color: var(--btn-grid-settings-box-inside-hover-border-color);
        box-shadow: var(--btn-grid-settings-box-inside-hover-box-shadow);
    }

    .btn-grid-settings-box-inside.active {
        background-color: var(--btn-grid-settings-box-inside-active-bg);
        border-color: var(--btn-grid-settings-box-inside-active-border-color);
        color: var(--btn-grid-settings-box-inside-active-color);
        box-shadow: var(--btn-grid-settings-box-inside-active-box-shadow);
        font-weight: var(--btn-grid-settings-box-inside-active-font-weight);
    }

/* --- .htmlelement-default-grid-setting-col-btn-up-down --- */
.htmlelement-default-grid-setting-col-btn-up-down {
    display: var(--htmlelement-default-grid-setting-col-btn-up-down-display);
    flex-direction: var(--htmlelement-default-grid-setting-col-btn-up-down-flex-direction);
    justify-content: var(--htmlelement-default-grid-setting-col-btn-up-down-justify-content);
    margin-left: var(--htmlelement-default-grid-setting-col-btn-up-down-margin-left);
}

/* --- .htmlelement-default-grid-setting-col-btn-left-right --- */
.htmlelement-default-grid-setting-col-btn-left-right {
    display: var(--htmlelement-default-grid-setting-col-btn-left-right-display);
    flex-direction: var(--htmlelement-default-grid-setting-col-btn-left-right-flex-direction);
    align-items: var(--htmlelement-default-grid-setting-col-btn-left-right-align-items);
    margin-left: var(--htmlelement-default-grid-setting-col-btn-left-right-margin-left);
    margin-right: var(--htmlelement-default-grid-setting-col-btn-left-right-margin-right);
    gap: var(--htmlelement-default-grid-setting-col-btn-left-right-gap);
}

/* --- .htmlelement-default-grid-setting-box --- */
.htmlelement-default-grid-setting-box {
    position: var(--htmlelement-default-grid-setting-box-position);
    border: var(--htmlelement-default-grid-setting-box-border);
    box-shadow: var(--htmlelement-default-grid-setting-box-box-shadow);
    margin-top: var(--htmlelement-default-grid-setting-box-margin-top);
}

    .htmlelement-default-grid-setting-box .htmlelement-default-grid-title-box {
        position: var(--htmlelement-default-grid-title-box-position);
        top: var(--htmlelement-default-grid-title-box-top);
        left: var(--htmlelement-default-grid-title-box-left);
        background-color: var(--htmlelement-default-grid-title-box-bg);
        border: var(--htmlelement-default-grid-title-box-border);
        padding: var(--htmlelement-default-grid-title-box-padding);
        font-size: var(--htmlelement-default-grid-title-box-font-size);
    }

/* --- .cont-tmp-class --- */
.cont-tmp-class {
    background-color: var(--cont-tmp-class-bg);
    padding: var(--cont-tmp-class-padding);
}

/* --- .summary-first-section --- */
.summary-first-section {
    min-width: var(--summary-first-section-min-width);
    width: var(--summary-first-section-width);
    color: var(--summary-first-section-color);
    color: var(--summary-first-section-color) !important;
    border: var(--summary-first-section-border);
    font-size: var(--summary-first-section-font-size);
    height: var(--summary-first-section-height);
}

/* --- .summary-first-section-classContent --- */
.summary-first-section-classContent {
    display: var(--summary-first-section-classContent-display);
    align-items: var(--summary-first-section-classContent-align-items);
    justify-content: var(--summary-first-section-classContent-justify-content);
    gap: var(--summary-first-section-classContent-gap);
    margin-top: var(--summary-first-section-classContent-margin-top);
    color: var(--summary-first-section-classContent-color);
}

    .summary-first-section-classContent i {
        opacity: var(--summary-first-section-classContent-i-opacity);
        transform: var(--summary-first-section-classContent-i-transform);
        transition: var(--summary-first-section-classContent-i-transition);
        display: var(--summary-first-section-classContent-i-display);
    }

    .summary-first-section-classContent:hover i {
        opacity: var(--summary-first-section-classContent-hover-i-opacity);
        transform: var(--summary-first-section-classContent-hover-i-transform);
    }

/* --- .tmp2-class-second --- */
.tmp2-class-second {
    color: var(--tmp2-class-second-color);
    margin-top: var(--tmp2-class-second-margin-top);
    margin-bottom: var(--tmp2-class-second-margin-bottom);
}

/* --- .tmp2-classContent-second --- */
.tmp2-classContent-second {
    display: var(--tmp2-classContent-second-display);
    flex-direction: var(--tmp2-classContent-second-flex-direction);
    margin-top: var(--tmp2-classContent-second-margin-top);
    color: var(--tmp2-classContent-second-color);
    background-color: var(--tmp2-classContent-second-bg);
    border: var(--tmp2-classContent-second-border);
    position: var(--tmp2-classContent-second-position);
}

/* --- .summary2-second-level-classContent --- */
.summary2-second-level-classContent {
    font-size: var(--summary2-second-level-classContent-font-size);
    font-weight: var(--summary2-second-level-classContent-font-weight);
    color: var(--summary2-second-level-classContent-color);
}

/* --- .summary2-second-level --- */
.summary2-second-level {
    background-color: var(--summary2-second-level-bg);
    border: var(--summary2-second-level-border);
    font-size: var(--summary2-second-level-font-size);
    font-style: var(--summary2-second-level-font-style);
    color: var(--summary2-second-level-color);
}

/* --- .tmp-contentSummary --- */
.tmp-contentSummary {
    background-color: var(--tmp-contentSummary-bg);
    border: var(--tmp-contentSummary-border);
    font-size: var(--tmp-contentSummary-font-size);
    color: var(--tmp-contentSummary-color);
}

/* --- .btn-thirdlevel-class --- */
.btn-thirdlevel-class {
    position: var(--btn-thirdlevel-class-position);
    z-index: var(--btn-thirdlevel-class-z-index);
    background-color: var(--btn-thirdlevel-class-bg);
    border-bottom: var(--btn-thirdlevel-class-border-bottom);
    border-top: var(--btn-thirdlevel-class-border-top);
    border-left: var(--btn-thirdlevel-class-border-left);
    border-right: var(--btn-thirdlevel-class-border-right);
    margin-right: var(--btn-thirdlevel-class-margin-right);
    padding-top: var(--btn-thirdlevel-class-padding-top);
    font-size: var(--btn-thirdlevel-class-font-size);
    transition: var(--btn-thirdlevel-class-transition);
    color: var(--btn-thirdlevel-class-color);
}

    .btn-thirdlevel-class:hover {
        color: var(--btn-thirdlevel-class-hover-color) !important;
    }

/* --- .tmp-classSummary-first --- */
.tmp-classSummary-first {
    color: var(--tmp-classSummary-first-color);
    list-style: var(--tmp-classSummary-first-list-style) !important;
}

    .tmp-classSummary-first::-webkit-details-marker {
        display: none !important;
    }

    .tmp-classSummary-first::marker {
        display: none !important;
        content: none !important;
    }

/* --- .tmp2-secondlevel-classContent --- */
.tmp2-secondlevel-classContent {
    color: var(--tmp2-secondlevel-classContent-color);
    font-size: var(--tmp2-secondlevel-classContent-font-size);
}

    .tmp2-secondlevel-classContent::-webkit-details-marker {
        display: none !important;
    }

    .tmp2-secondlevel-classContent::marker {
        display: none !important;
        content: none !important;
    }

/* --- .htmlelement-default-summary .bi --- */
.htmlelement-default-summary .bi {
    transition: var(--htmlelement-default-summary-bi-transition);
}

/* --- .htmlelement-grid-status-btn --- */
.htmlelement-grid-status-btn {
    border-radius: var(--htmlelement-grid-status-btn-border-radius);
    margin: var(--htmlelement-grid-status-btn-margin);
    padding: var(--htmlelement-grid-status-btn-padding);
    font-size: var(--htmlelement-grid-status-btn-font-size);
    text-align: var(--htmlelement-grid-status-btn-text-align);
    display: var(--htmlelement-grid-status-btn-display);
    white-space: var(--htmlelement-grid-status-btn-white-space);
    overflow: var(--htmlelement-grid-status-btn-overflow);
    text-overflow: var(--htmlelement-grid-status-btn-text-overflow);
    max-width: var(--htmlelement-grid-status-btn-max-width);
}

/* --- .htmlelement-table-base --- */
.htmlelement-table-base {
    border-collapse: var(--htmlelement-table-base-border-collapse);
    border-spacing: var(--htmlelement-table-base-border-spacing);
    color: var(--htmlelement-table-base-color);
}

/* --- .htmlelement-thead-base --- */
.htmlelement-thead-base {
    border-bottom-left-radius: var(--htmlelement-thead-base-border-radius-bottom);
    border-bottom-right-radius: var(--htmlelement-thead-base-border-radius-top-right);
}

    .htmlelement-thead-base th {
        position: var(--htmlelement-thead-base-th-position);
        top: var(--htmlelement-thead-base-th-top);
        background-color: var(--htmlelement-thead-base-th-bg);
        z-index: var(--htmlelement-thead-base-th-z-index);
        font-size: var(--htmlelement-thead-base-th-font-size);
        font-weight: var(--htmlelement-thead-base-th-font-weight);
        color: var(--htmlelement-thead-base-th-color) !important;
        text-transform: var(--htmlelement-thead-base-th-text-transform);
        letter-spacing: var(--htmlelement-thead-base-th-letter-spacing);
        padding: var(--htmlelement-thead-base-th-padding);
        user-select: var(--htmlelement-thead-base-th-user-select);
        -webkit-user-select: var(--htmlelement-thead-base-th-user-select);
        -ms-user-select: var(--htmlelement-thead-base-th-user-select);
        -webkit-touch-callout: none;
    }

        .htmlelement-thead-base th.frozen {
            position: sticky;
            left: 0;
            z-index: var(--htmlelement-thead-base-th-frozen-z-index);
        }

/* --- .htmlelement-tr-base --- */
.htmlelement-tr-base {
    transition: var(--htmlelement-tr-base-transition);
    font-size: var(--htmlelement-tr-base-font-size);
}

    .htmlelement-tr-base td.frozen {
        position: sticky;
        left: 0;
        z-index: var(--htmlelement-tr-base-td-frozen-z-index);
    }

    .htmlelement-tr-base:hover td {
        background-color: var(--htmlelement-tr-base-hover-td-bg) !important;
        cursor: var(--htmlelement-tr-base-hover-cursor);
    }

    .htmlelement-tr-base:nth-child(even):hover td {
        background-color: var(--htmlelement-tr-base-hover-td-bg);
    }

/* --- .htmlelement-table-active --- */
.htmlelement-table-active td {
    background-color: var(--htmlelement-table-active-td-bg);
}

.htmlelement-table-active:nth-child(even) td {
    background-color: var(--htmlelement-table-active-td-bg);
}

tr.htmlelement-table-active td:focus,
tr.htmlelement-table-active td:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* --- .htmlelement-td-base --- */
.htmlelement-td-base {
    padding: var(--htmlelement-td-base-padding);
    font-size: var(--htmlelement-td-base-font-size);
    white-space: var(--htmlelement-td-base-white-space);
    user-select: var(--htmlelement-td-base-user-select);
}

/* --- .htmlelement-style-base-flex --- */
.htmlelement-style-base-flex {
    width: var(--htmlelement-style-base-flex-width);
    min-width: var(--htmlelement-style-base-flex-min-width);
    display: var(--htmlelement-style-base-flex-display);
}

/* --- .htmlelement-disable-default --- */
.htmlelement-disable-default {
    pointer-events: var(--htmlelement-disable-default-pointer-events);
    user-select: var(--htmlelement-disable-default-user-select);
    opacity: var(--htmlelement-disable-default-opacity);
}

    .htmlelement-disable-default[data-simply-form-maincontainer] {
        opacity: unset;
        background-color: transparent;
    }

/* --- .htmlelement-readable-default --- */
.htmlelement-readable-default {
    pointer-events: var(--htmlelement-readable-default-pointer-events);
}

/* --- .simply-stattitle-btn --- */
.simply-stattitle-btn {
    background-color: var(--simply-stattitle-btn-bg);
    color: var(--simply-stattitle-btn-color);
}

/* --- .htmlcontent-default --- */
.htmlcontent-default {
    flex: var(--htmlcontent-default-flex);
    padding: var(--htmlcontent-default-padding);
    margin: var(--htmlcontent-default-margin);
    overflow: var(--htmlcontent-default-overflow);
    /*background-color: var(--htmlcontent-default-background);*/
}

/* --- .htmlcontent-default-filters --- */
.htmlcontent-default-filters {
    flex: var(--htmlcontent-default-filters-flex);
    padding: var(--htmlcontent-default-filters-padding);
    overflow: var(--htmlcontent-default-filters-overflow);
    display: var(--htmlcontent-default-filters-display);
}

/* --- .htmlinternalcontainer-default --- */
.htmlinternalcontainer-default {
    flex: var(--htmlinternalcontainer-default-flex);
    flex-direction: var(--htmlinternalcontainer-default-flex-direction);
    display: var(--htmlinternalcontainer-default-display);
    min-height: var(--htmlinternalcontainer-default-min-height);
    overflow: var(--htmlinternalcontainer-default-overflow);
    border-left: var(--htmlinternalcontainer-default-border-left);
}

/* --- .simply-nav-logo --- */
.simply-nav-logo {
    border: var(--simply-nav-logo-border);
    background-color: var(--simply-nav-logo-bg);
    margin-bottom: var(--simply-nav-logo-margin-bottom);
}

/* --- .simply-nav-userinfo --- */
.simply-nav-userinfo {
    border: var(--simply-nav-userinfo-border);
    background-color: var(--simply-nav-userinfo-bg);
    font-size: var(--simply-nav-userinfo-font-size);
    margin-bottom: var(--simply-nav-userinfo-margin-bottom);
    color: var(--simply-nav-userinfo-color);
}

    .simply-nav-userinfo img[data-ssweb-can-invert],
    .simply-nav-userinfo svg[data-ssweb-can-invert],
    .simply-nav-userinfo i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-nav-userinfo-filter-brightness)) invert(var(--simply-nav-userinfo-filter-invert));
    }

/* --- .simply-nav-mail --- */
.simply-nav-mail {
    border: var(--simply-nav-mail-border);
    background-color: var(--simply-nav-mail-bg);
    margin-bottom: var(--simply-nav-mail-margin-bottom);
}

    .simply-nav-mail img[data-ssweb-can-invert],
    .simply-nav-mail svg[data-ssweb-can-invert],
    .simply-nav-mail i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-nav-mail-filter-brightness)) invert(var(--simply-nav-mail-filter-invert));
    }

/* --- .simply-nav-calendar --- */
.simply-nav-calendar {
    border: var(--simply-nav-calendar-border);
    background-color: var(--simply-nav-calendar-bg);
    margin-bottom: var(--simply-nav-calendar-margin-bottom);
}

    .simply-nav-calendar img[data-ssweb-can-invert],
    .simply-nav-calendar svg[data-ssweb-can-invert],
    .simply-nav-calendar i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-nav-calendar-filter-brightness)) invert(var(--simply-nav-calendar-filter-invert));
    }

/* --- .simply-nav-settings --- */
.simply-nav-settings {
    border: var(--simply-nav-settings-border);
    background-color: var(--simply-nav-settings-bg);
    margin-bottom: var(--simply-nav-settings-margin-bottom);
}

    .simply-nav-settings img[data-ssweb-can-invert],
    .simply-nav-settings svg[data-ssweb-can-invert],
    .simply-nav-settings i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-nav-settings-filter-brightness)) invert(var(--simply-nav-settings-filter-invert));
    }

/* --- .simply-nav-logout --- */
.simply-nav-logout {
    background-color: var(--simply-nav-logout-bg);
    color: var(--simply-nav-logout-color);
    border: var(--simply-nav-logout-border);
    border-radius: var(--simply-nav-logout-border-radius);
    font-size: var(--simply-nav-logout-font-size);
    margin-bottom: var(--simply-nav-logout-margin-bottom);
    cursor: var(--simply-nav-logout-cursor);
    transition: var(--simply-nav-logout-transition);
}

    .simply-nav-logout:hover {
        background-color: var(--simply-nav-logout-hover-bg);
        color: var(--simply-nav-logout-hover-color);
        box-shadow: var(--simply-nav-logout-hover-box-shadow);
        transform: var(--simply-nav-logout-hover-transform);
    }

    .simply-nav-logout:active {
        transform: var(--simply-nav-logout-active-transform);
        box-shadow: var(--simply-nav-logout-active-box-shadow);
    }

/* --- .simply-sidebar-settings --- */
.simply-sidebar-settings {
    margin: var(--simply-sidebar-settings-margin) !important;
    padding: var(--simply-sidebar-settings-padding) !important;
}

/* --- .simply-sidebar-menu-settings --- */
.simply-sidebar-menu-settings {
    background-color: var(--simply-sidebar-menu-settings-bg);
    color: var(--simply-sidebar-menu-settings-color);
    border: var(--simply-sidebar-menu-settings-border);
    padding: var(--simply-sidebar-menu-settings-padding);
    cursor: var(--simply-sidebar-menu-settings-cursor);
    font-size: var(--simply-sidebar-menu-settings-font-size);
    font-weight: var(--simply-sidebar-menu-settings-font-weight);
    transition: var(--simply-sidebar-menu-settings-transition);
    display: var(--simply-sidebar-menu-settings-display);
    align-items: var(--simply-sidebar-menu-settings-align-items);
    position: var(--simply-sidebar-menu-settings-position);
    overflow: var(--simply-sidebar-menu-settings-overflow);
    min-height: var(--simply-sidebar-menu-settings-min-height);
    border-bottom: var(--simply-sidebar-menu-settings-border-bottom);
    width: var(--simply-sidebar-menu-settings-width);
}

    .simply-sidebar-menu-settings img[data-ssweb-can-invert],
    .simply-sidebar-menu-settings svg[data-ssweb-can-invert],
    .simply-sidebar-menu-settings i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-sidebar-menu-settings-filter-brightness)) invert(var(--simply-sidebar-menu-settings-filter-invert));
    }

    .simply-sidebar-menu-settings::before {
        position: var(--simply-sidebar-menu-settings-before-position);
        top: var(--simply-sidebar-menu-settings-before-top);
        left: var(--simply-sidebar-menu-settings-before-left);
        width: var(--simply-sidebar-menu-settings-before-width);
        height: var(--simply-sidebar-menu-settings-before-height);
        background: var(--simply-sidebar-menu-settings-before-bg);
        transition: var(--simply-sidebar-menu-settings-before-transition);
    }

    .simply-sidebar-menu-settings:hover::before {
        left: var(--simply-sidebar-menu-settings-before-hover-left);
    }

    .simply-sidebar-menu-settings:hover {
        background-color: var(--simply-sidebar-menu-settings-hover-bg);
        transform: var(--simply-sidebar-menu-settings-hover-transform);
        box-shadow: var(--simply-sidebar-menu-settings-hover-box-shadow);
        border-radius: var(--simply-sidebar-menu-settings-hover-border-radius);
        border: var(--simply-sidebar-menu-settings-hover-border);
    }

    .simply-sidebar-menu-settings.active {
        background-color: var(--simply-sidebar-menu-settings-active-bg);
        border-radius: var(--simply-sidebar-menu-settings-active-border-radius);
        border-bottom: var(--simply-sidebar-menu-settings-active-border-bottom);
        color: var(--simply-sidebar-menu-settings-active-color) !important;
        box-shadow: var(--simply-sidebar-menu-settings-active-box-shadow);
        transform: var(--simply-sidebar-menu-settings-active-transform);
    }

    .simply-sidebar-menu-settings:active {
        transform: var(--simply-sidebar-menu-settings-active-pressed-transform);
        transition-duration: var(--simply-sidebar-menu-settings-active-pressed-transition-duration);
    }

    .simply-sidebar-menu-settings i {
        font-size: var(--simply-sidebar-menu-settings-i-font-size);
        transition: var(--simply-sidebar-menu-settings-i-transition);
    }

    .simply-sidebar-menu-settings:hover i {
        transform: var(--simply-sidebar-menu-settings-i-hover-transform);
    }

/* --- .simply-topbar-main-tabs --- */
.simply-topbar-main-tabs {
    border-bottom: var(--simply-topbar-main-tabs-border-bottom);
    background-color: var(--simply-topbar-main-tabs-bg);
}

/* --- .simply-insidetab-toolbar --- */
.simply-insidetab-toolbar {
    background-color: var(--simply-insidetab-toolbar-bg) !important;
}

/* --- .simply-tabinternal-main-btn --- */
.simply-tabinternal-main-btn {
    background-color: var(--simply-tabinternal-main-btn-bg);
    color: var(--simply-tabinternal-main-btn-color);
    position: var(--simply-tabinternal-main-btn-position);
    border-end-end-radius: var(--simply-tabinternal-main-btn-border-end-radius);
    border-end-start-radius: var(--simply-tabinternal-main-btn-border-end-radius);
    border: var(--simply-tabinternal-main-btn-border);
}

    .simply-tabinternal-main-btn img[data-ssweb-can-invert],
    .simply-tabinternal-main-btn svg[data-ssweb-can-invert],
    .simply-tabinternal-main-btn i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-tabinternal-main-btn-filter-brightness)) invert(var(--simply-tabinternal-main-btn-filter-invert));
    }

    .simply-tabinternal-main-btn.active {
        background-color: var(--htmlelement-tab-button-base-active-background-color) !important;
        color: var(--simply-tabinternal-main-btn-active-color) !important;
        border: var(--simply-tabinternal-main-btn-active-border);
        border-end-end-radius: var(--simply-tabinternal-main-btn-border-end-radius);
        border-end-start-radius: var(--simply-tabinternal-main-btn-border-end-radius);
    }

        .simply-tabinternal-main-btn.active img[data-ssweb-can-invert],
        .simply-tabinternal-main-btn.active svg[data-ssweb-can-invert],
        .simply-tabinternal-main-btn.active i[data-ssweb-can-invert] {
            filter: brightness(var(--simply-tabinternal-main-btn-filter-brightness)) invert(var(--simply-tabinternal-main-btn-filter-invert));
        }

/* --- .simply-tabinternal-showsettings --- */
.simply-tabinternal-showsettings {
    background-color: var(--simply-tabinternal-showsettings-bg);
    border: var(--simply-tabinternal-showsettings-border) !important;
    margin-bottom: var(--simply-tabinternal-showsettings-margin-bottom);
    margin-left: var(--simply-tabinternal-showsettings-margin-left);
}

    .simply-tabinternal-showsettings.active {
        background-color: var(--simply-tabinternal-showsettings-active-bg);
        color: var(--simply-tabinternal-showsettings-active-color);
    }

    .simply-tabinternal-showsettings img[data-ssweb-can-invert],
    .simply-tabinternal-showsettings svg[data-ssweb-can-invert],
    .simply-tabinternal-showsettings i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-tabinternal-showsettings-filter-brightness)) invert(var(--simply-tabinternal-showsettings-filter-invert));
    }

    .simply-tabinternal-showsettings:hover i,
    .simply-tabinternal-showsettings:hover svg {
        filter: brightness(var(--simply-tabinternal-showsettings-hover-filter-brightness)) invert(var(--simply-tabinternal-showsettings-hover-filter-invert));
    }

        .simply-tabinternal-showsettings:hover img[data-ssweb-can-invert],
        .simply-tabinternal-showsettings:hover svg[data-ssweb-can-invert],
        .simply-tabinternal-showsettings:hover i[data-ssweb-can-invert] {
            filter: brightness(var(--simply-tabinternal-showsettings-hover-invert-filter-brightness)) invert(var(--simply-tabinternal-showsettings-hover-invert-filter-invert));
        }

/* --- .simply-tabinternal-quicksearchMoreDeep --- */
.simply-tabinternal-quicksearchMoreDeep {
    margin-bottom: var(--simply-tabinternal-quicksearchMoreDeep-margin-bottom);
    filter: brightness(var(--simply-tabinternal-quicksearchMoreDeep-filter-brightness)) invert(var(--simply-tabinternal-quicksearchMoreDeep-filter-invert)) !important;
}

    .simply-tabinternal-quicksearchMoreDeep img[data-ssweb-can-invert],
    .simply-tabinternal-quicksearchMoreDeep svg[data-ssweb-can-invert],
    .simply-tabinternal-quicksearchMoreDeep i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-tabinternal-quicksearchMoreDeep-inner-filter-brightness)) invert(var(--simply-tabinternal-quicksearchMoreDeep-inner-filter-invert));
    }

    .simply-tabinternal-quicksearchMoreDeep:hover i,
    .simply-tabinternal-quicksearchMoreDeep:hover svg
    .simply-tabinternal-quicksearchMoreDeep:hover img,
    .simply-tabinternal-quicksearchMoreDeep:hover div {
        filter: brightness(var(--simply-tabinternal-quicksearchMoreDeep-hover-filter-brightness)) invert(var(--simply-tabinternal-quicksearchMoreDeep-hover-filter-invert)) !important;
    }

        .simply-tabinternal-quicksearchMoreDeep:hover img[data-ssweb-can-invert],
        .simply-tabinternal-quicksearchMoreDeep:hover svg[data-ssweb-can-invert],
        .simply-tabinternal-quicksearchMoreDeep:hover i[data-ssweb-can-invert] {
            filter: brightness(var(--simply-tabinternal-quicksearchMoreDeep-hover-invert-filter-brightness)) invert(var(--simply-tabinternal-quicksearchMoreDeep-hover-invert-filter-invert));
        }

/* --- .simply-tabinternal-refreshbtn --- */
.simply-tabinternal-refreshbtn {
    background-color: var(--simply-tabinternal-refreshbtn-bg);
    border: var(--simply-tabinternal-refreshbtn-border);
    margin-bottom: var(--simply-tabinternal-refreshbtn-margin-bottom);
}

    .simply-tabinternal-refreshbtn.active {
        background-color: var(--simply-tabinternal-refreshbtn-active-bg);
        color: var(--simply-tabinternal-refreshbtn-active-color);
    }

    .simply-tabinternal-refreshbtn img[data-ssweb-can-invert],
    .simply-tabinternal-refreshbtn svg[data-ssweb-can-invert],
    .simply-tabinternal-refreshbtn i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-tabinternal-refreshbtn-filter-brightness)) invert(var(--simply-tabinternal-refreshbtn-filter-invert));
    }

    .simply-tabinternal-refreshbtn:hover i,
    .simply-tabinternal-refreshbtn:hover svg,
    .simply-tabinternal-refreshbtn:hover img {
        filter: brightness(var(--simply-tabinternal-refreshbtn-hover-filter-brightness)) invert(var(--simply-tabinternal-refreshbtn-hover-filter-invert)) !important;
    }

        .simply-tabinternal-refreshbtn:hover img[data-ssweb-can-invert],
        .simply-tabinternal-refreshbtn:hover svg[data-ssweb-can-invert],
        .simply-tabinternal-refreshbtn:hover i[data-ssweb-can-invert] {
            filter: brightness(var(--simply-tabinternal-refreshbtn-hover-invert-filter-brightness)) invert(var(--simply-tabinternal-refreshbtn-hover-invert-filter-invert));
        }

/* --- .simply-remove-date-btn --- */
.simply-remove-date-btn {
    border-top: var(--simply-remove-date-btn-border-top);
    border-bottom: var(--simply-remove-date-btn-border-bottom);
    border-right: var(--simply-remove-date-btn-border-right);
    border-left: var(--simply-remove-date-btn-border-left);
    background-color: var(--simply-remove-date-btn-bg);
    border-end-end-radius: var(--simply-remove-date-btn-border-radius-end-end);
    border-start-end-radius: var(--simply-remove-date-btn-border-radius-start-end);
}

    .simply-remove-date-btn:hover {
        border-top: var(--simply-remove-date-btn-hover-border-top);
        border-bottom: var(--simply-remove-date-btn-hover-border-bottom);
        border-right: var(--simply-remove-date-btn-hover-border-right);
        border-left: var(--simply-remove-date-btn-hover-border-left);
    }

.htmlelement-style-base.hasDatepicker:hover + .simply-remove-date-btn {
    border-top: var(--simply-remove-date-btn-hover-border-top);
    border-bottom: var(--simply-remove-date-btn-hover-border-bottom);
    border-right: var(--simply-remove-date-btn-hover-border-right);
    border-left: var(--simply-remove-date-btn-hover-border-left) !important;
    transition: var(--simply-remove-date-btn-transition);
}

.htmlelement-style-base-flex:hover .simply-remove-date-btn {
    border-top: var(--simply-remove-date-btn-hover-border-top) !important;
    border-bottom: var(--simply-remove-date-btn-hover-border-bottom) !important;
    border-right: var(--simply-remove-date-btn-hover-border-right) !important;
    border-left: var(--simply-remove-date-btn-hover-border-left) !important;
    transition: var(--simply-remove-date-btn-transition);
}

.htmlelement-style-base-flex:hover .simply-remove-btn {
    border-top: var(--simply-remove-btn-hover-border) !important;
    border-bottom: var(--simply-remove-btn-hover-border) !important;
    border-right: none !important;
    border-left: var(--simply-remove-btn-hover-border) !important;
    transition: var(--simply-remove-date-btn-transition);
}

.htmlelement-style-base-flex:hover .simply-search-btn {
    border-top: var(--simply-search-btn-hover-border) !important;
    border-bottom: var(--simply-search-btn-hover-border) !important;
    border-right: none !important;
    border-left: none !important;
    transition: var(--simply-remove-date-btn-transition);
}

.htmlelement-style-base-flex:hover .simply-search-btn-right {
    border-top: var(--simply-search-btn-hover-border) !important;
    border-bottom: var(--simply-search-btn-hover-border) !important;
    border-right: var(--simply-search-btn-hover-border) !important;
    border-left: 0px var(--color-hover-border) !important;
    transition: var(--simply-remove-date-btn-transition);
}

.htmlelement-style-base-flex:hover .simply-open-btn {
    border-top: var(--simply-open-btn-hover-border) !important;
    border-bottom: var(--simply-open-btn-hover-border) !important;
    border-right: var(--simply-open-btn-hover-border) !important;
    border-left: 0px var(--color-hover-border) !important;
    transition: var(--simply-remove-date-btn-transition);
}

.htmlelement-style-base-flex:has(input[data-ssweb-disabled]) .simply-remove-date-btn {
    opacity: var(--simply-remove-date-btn-disabled-opacity);
}

/* --- .simply-search-btn --- */
.simply-search-btn {
    background-color: var(--simply-search-btn-bg);
    border-top: var(--simply-search-btn-border-top);
    border-bottom: var(--simply-search-btn-border-bottom);
    border-right: var(--simply-search-btn-border-right);
    border-left: var(--simply-search-btn-border-left);
    cursor: var(--simply-search-btn-cursor);
    transition: var(--simply-search-btn-transition);
    outline: var(--simply-search-btn-outline);
}

    .simply-search-btn:not(:hover):not(:active) {
        border-top: var(--simply-search-btn-border-top);
        border-bottom: var(--simply-search-btn-border-bottom);
        border-right: none;
        border-left: none;
    }

    .simply-search-btn:hover:has(+ .simply-open-btn[data-ssweb-disabled]) {
        border-top: var(--simply-search-btn-border-top);
        border-bottom: var(--simply-search-btn-border-bottom);
        border-right: 1px solid var(--color-light-border) !important;
        border-left: none;
        transform: none;
    }

    .simply-search-btn:has(+ .simply-open-btn[data-ssweb-disabled]):hover {
        border-top: var(--simply-search-btn-border-top);
        border-bottom: var(--simply-search-btn-border-bottom);
        border-right: 1px solid var(--color-light-border) !important;
        border-left: none;
        transform: none;
    }

.htmlelement-style-base-flex:hover .simply-search-btn:has(+ .simply-open-btn[data-ssweb-disabled]) {
    border-top: var(--simply-search-btn-border-top);
    border-bottom: var(--simply-search-btn-border-bottom);
    border-right: 1px solid var(--color-hover-border) !important;
    border-left: none;
    transform: none;
}

.htmlelement-style-base-flex:has(input[data-ssweb-disabled]) .simply-search-btn {
    opacity: var(--simply-search-btn-disabled-opacity);
}

.simply-search-btn:active {
    background-color: var(--simply-search-btn-active-bg);
    border: var(--simply-search-btn-active-border) !important;
}

.simply-search-btn:hover {
    border: var(--simply-search-btn-hover-border);
    border-right: var(--simply-search-btn-hover-border-right) !important;
}

/* --- .simply-search-btn-right --- */
.simply-search-btn-right {
    background-color: var(--simply-search-btn-right-bg);
    border-top: var(--simply-search-btn-right-border-top);
    border-bottom: var(--simply-search-btn-right-border-bottom);
    border-right: var(--simply-search-btn-right-border-right);
    border-left: var(--simply-search-btn-right-border-left);
    cursor: var(--simply-search-btn-right-cursor);
    transition: var(--simply-search-btn-right-transition);
    outline: var(--simply-search-btn-right-outline);
    border-start-end-radius: var(--simply-search-btn-right-border-radius-start-end);
    border-end-end-radius: var(--simply-search-btn-right-border-radius-end-end);
}

    .simply-search-btn-right:active {
        background-color: var(--simply-search-btn-right-active-bg);
        border: var(--simply-search-btn-right-active-border) !important;
    }

.htmlelement-style-base-flex:has(input[data-ssweb-disabled]) .simply-search-btn-right {
    opacity: var(--simply-search-btn-right-disabled-opacity);
}

/* --- .simply-open-btn --- */
.simply-open-btn {
    background-color: var(--simply-open-btn-bg);
    border-top: var(--simply-open-btn-border-top);
    border-bottom: var(--simply-open-btn-border-bottom);
    border-right: var(--simply-open-btn-border-right);
    border-left: var(--simply-open-btn-border-left);
    cursor: var(--simply-open-btn-cursor);
    transition: var(--simply-open-btn-transition);
    outline: var(--simply-open-btn-outline);
    border-end-end-radius: var(--simply-open-btn-border-radius-end-end);
    border-start-end-radius: var(--simply-open-btn-border-radius-start-end);
}

    .simply-open-btn:active {
        background-color: var(--simply-open-btn-active-bg);
        border: var(--simply-open-btn-active-border) !important;
    }

    .simply-open-btn:hover {
        border: var(--simply-open-btn-hover-border);
    }

    .simply-open-btn:not(:hover):not(:active) {
        border-top: var(--simply-open-btn-border-top);
        border-bottom: var(--simply-open-btn-border-bottom);
        border-right: var(--simply-open-btn-border-right);
        border-left: none !important;
    }

.htmlelement-style-base-flex:has(input[data-ssweb-disabled]) .simply-open-btn {
    opacity: var(--simply-open-btn-disabled-opacity);
}

/* --- .simply-remove-btn --- */
.simply-remove-btn {
    background-color: var(--simply-remove-btn-bg);
    border-top: var(--simply-remove-btn-border-top);
    border-bottom: var(--simply-remove-btn-border-bottom);
    border-right: var(--simply-remove-btn-border-right) !important;
    border-left: var(--simply-remove-btn-border-left);
    cursor: var(--simply-remove-btn-cursor);
    transition: var(--simply-remove-btn-transition);
    outline: var(--simply-remove-btn-outline);
}

    .simply-remove-btn:active {
        background-color: var(--simply-remove-btn-active-bg);
        border: var(--simply-remove-btn-active-border) !important;
    }

    .simply-remove-btn:hover {
        border: var(--simply-remove-btn-hover-border);
    }

    .simply-remove-btn:not(:hover):not(:active) {
        border-top: var(--simply-remove-btn-border-top);
        border-bottom: var(--simply-remove-btn-border-bottom);
        border-right: none;
        border-left: none;
    }

.htmlelement-style-base-flex:has(input[data-ssweb-disabled]) .simply-remove-btn:hover {
    opacity: var(--simply-remove-btn-disabled-opacity);
}

.htmlelement-style-base-flex:has(input[data-ssweb-disabled]) .simply-remove-btn {
    opacity: var(--simply-remove-btn-disabled-opacity);
    border: var(--simply-remove-btn-disabled-border);
}

/* --- .simply-tabinternal-deletebtn (e simili) --- */
.simply-tabinternal-deletebtn,
.simply-tabinternal-sysdeletedbtn,
.simply-tabinternal-syssuspendedbtn,
.simply-tabinternal-copybtn,
.simply-tabinternal-trashbtn,
.simply-tabinternal-exportexcel,
.simply-tabinternal-quicksearchbtn {
    background-color: var(--simply-tabinternal-btn-bg);
    border: var(--simply-tabinternal-btn-border) !important;
    margin-bottom: var(--simply-tabinternal-btn-margin-bottom);
}

    .simply-tabinternal-deletebtn.active,
    .simply-tabinternal-sysdeletedbtn.active,
    .simply-tabinternal-syssuspendedbtn.active,
    .simply-tabinternal-copybtn.active,
    .simply-tabinternal-trashbtn.active,
    .simply-tabinternal-exportexcel.active,
    .simply-tabinternal-quicksearchbtn.active {
        background-color: var(--simply-tabinternal-btn-active-bg);
        border-color: var(--simply-tabinternal-btn-active-border-color);
        color: var(--simply-tabinternal-btn-active-color);
    }

    .simply-tabinternal-deletebtn img[data-ssweb-can-invert],
    .simply-tabinternal-deletebtn svg[data-ssweb-can-invert],
    .simply-tabinternal-deletebtn i[data-ssweb-can-invert],
    .simply-tabinternal-sysdeletedbtn img[data-ssweb-can-invert],
    .simply-tabinternal-sysdeletedbtn svg[data-ssweb-can-invert],
    .simply-tabinternal-sysdeletedbtn i[data-ssweb-can-invert],
    .simply-tabinternal-syssuspendedbtn img[data-ssweb-can-invert],
    .simply-tabinternal-syssuspendedbtn svg[data-ssweb-can-invert],
    .simply-tabinternal-syssuspendedbtn i[data-ssweb-can-invert],
    .simply-tabinternal-copybtn img[data-ssweb-can-invert],
    .simply-tabinternal-copybtn svg[data-ssweb-can-invert],
    .simply-tabinternal-copybtn i[data-ssweb-can-invert],
    .simply-tabinternal-trashbtn img[data-ssweb-can-invert],
    .simply-tabinternal-trashbtn svg[data-ssweb-can-invert],
    .simply-tabinternal-trashbtn i[data-ssweb-can-invert],
    .simply-tabinternal-exportexcel img[data-ssweb-can-invert],
    .simply-tabinternal-exportexcel svg[data-ssweb-can-invert],
    .simply-tabinternal-exportexcel i[data-ssweb-can-invert],
    .simply-tabinternal-quicksearchbtn img[data-ssweb-can-invert],
    .simply-tabinternal-quicksearchbtn svg[data-ssweb-can-invert],
    .simply-tabinternal-quicksearchbtn i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-tabinternal-btn-filter-brightness)) invert(var(--simply-tabinternal-btn-filter-invert));
    }

    .simply-tabinternal-deletebtn:hover img,
    .simply-tabinternal-deletebtn:hover svg,
    .simply-tabinternal-deletebtn:hover i,
    .simply-tabinternal-sysdeletedbtn:hover img,
    .simply-tabinternal-sysdeletedbtn:hover svg,
    .simply-tabinternal-sysdeletedbtn:hover i,
    .simply-tabinternal-syssuspendedbtn:hover img,
    .simply-tabinternal-syssuspendedbtn:hover svg,
    .simply-tabinternal-syssuspendedbtn:hover i,
    .simply-tabinternal-copybtn:hover img,
    .simply-tabinternal-copybtn:hover svg,
    .simply-tabinternal-copybtn:hover i,
    .simply-tabinternal-trashbtn:hover img,
    .simply-tabinternal-trashbtn:hover svg,
    .simply-tabinternal-trashbtn:hover i,
    .simply-tabinternal-exportexcel:hover img,
    .simply-tabinternal-exportexcel:hover svg,
    .simply-tabinternal-exportexcel:hover i,
    .simply-tabinternal-quicksearchbtn:hover img,
    .simply-tabinternal-quicksearchbtn:hover svg,
    .simply-tabinternal-quicksearchbtn:hover i {
        filter: brightness(var(--simply-tabinternal-btn-hover-filter-brightness)) invert(var(--simply-tabinternal-btn-hover-filter-invert));
    }

        .simply-tabinternal-deletebtn:hover img[data-ssweb-can-invert],
        .simply-tabinternal-deletebtn:hover svg[data-ssweb-can-invert],
        .simply-tabinternal-deletebtn:hover i[data-ssweb-can-invert],
        .simply-tabinternal-sysdeletedbtn:hover img[data-ssweb-can-invert],
        .simply-tabinternal-sysdeletedbtn:hover svg[data-ssweb-can-invert],
        .simply-tabinternal-sysdeletedbtn:hover i[data-ssweb-can-invert],
        .simply-tabinternal-syssuspendedbtn:hover img[data-ssweb-can-invert],
        .simply-tabinternal-syssuspendedbtn:hover svg[data-ssweb-can-invert],
        .simply-tabinternal-syssuspendedbtn:hover i[data-ssweb-can-invert],
        .simply-tabinternal-copybtn:hover img[data-ssweb-can-invert],
        .simply-tabinternal-copybtn:hover svg[data-ssweb-can-invert],
        .simply-tabinternal-copybtn:hover i[data-ssweb-can-invert],
        .simply-tabinternal-trashbtn:hover img[data-ssweb-can-invert],
        .simply-tabinternal-trashbtn:hover svg[data-ssweb-can-invert],
        .simply-tabinternal-trashbtn:hover i[data-ssweb-can-invert],
        .simply-tabinternal-exportexcel:hover img[data-ssweb-can-invert],
        .simply-tabinternal-exportexcel:hover svg[data-ssweb-can-invert],
        .simply-tabinternal-exportexcel:hover i[data-ssweb-can-invert],
        .simply-tabinternal-quicksearchbtn:hover img[data-ssweb-can-invert],
        .simply-tabinternal-quicksearchbtn:hover svg[data-ssweb-can-invert],
        .simply-tabinternal-quicksearchbtn:hover i[data-ssweb-can-invert] {
            filter: brightness(var(--simply-tabinternal-btn-hover-data-filter-brightness)) invert(var(--simply-tabinternal-btn-hover-data-filter-invert));
        }

    /* --- .simply-tabinternal-exportexcel (hover specifico) --- */
    .simply-tabinternal-exportexcel:hover img,
    .simply-tabinternal-exportexcel:hover svg,
    .simply-tabinternal-exportexcel:hover i {
        filter: brightness(var(--simply-tabinternal-exportexcel-hover-filter-brightness)) invert(var(--simply-tabinternal-exportexcel-hover-filter-invert));
    }

/* --- .simply-tabinternal-reportmodal --- */
.simply-tabinternal-reportmodal {
    background-color: var(--simply-tabinternal-reportmodal-bg);
    border: var(--simply-tabinternal-reportmodal-border) !important;
    margin-bottom: var(--simply-tabinternal-reportmodal-margin-bottom);
}

    .simply-tabinternal-reportmodal.active {
        background-color: var(--simply-tabinternal-reportmodal-active-bg);
        border-color: var(--simply-tabinternal-reportmodal-active-border-color);
        color: var(--simply-tabinternal-reportmodal-active-color);
    }

    .simply-tabinternal-reportmodal img[data-ssweb-can-invert],
    .simply-tabinternal-reportmodal svg[data-ssweb-can-invert],
    .simply-tabinternal-reportmodal i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-tabinternal-reportmodal-filter-brightness)) invert(var(--simply-tabinternal-reportmodal-filter-invert));
    }

    .simply-tabinternal-reportmodal:hover img,
    .simply-tabinternal-reportmodal:hover svg,
    .simply-tabinternal-reportmodal:hover i {
        filter: brightness(var(--simply-tabinternal-reportmodal-hover-filter-brightness)) invert(var(--simply-tabinternal-reportmodal-hover-filter-invert));
    }

        .simply-tabinternal-reportmodal:hover img[data-ssweb-can-invert],
        .simply-tabinternal-reportmodal:hover svg[data-ssweb-can-invert],
        .simply-tabinternal-reportmodal:hover i[data-ssweb-can-invert] {
            filter: brightness(var(--simply-tabinternal-reportmodal-hover-data-filter-brightness)) invert(var(--simply-tabinternal-reportmodal-hover-data-filter-invert));
        }

/* --- .simply-tabinternal-newbtn --- */
.simply-tabinternal-newbtn {
    background-color: var(--simply-tabinternal-newbtn-bg);
    border: var(--simply-tabinternal-newbtn-border);
    margin-bottom: var(--simply-tabinternal-newbtn-margin-bottom);
}

    .simply-tabinternal-newbtn.active {
        background-color: var(--simply-tabinternal-newbtn-active-bg);
        border-color: var(--simply-tabinternal-newbtn-active-border-color);
        color: var(--simply-tabinternal-newbtn-active-color);
    }

    .simply-tabinternal-newbtn img[data-ssweb-can-invert],
    .simply-tabinternal-newbtn svg[data-ssweb-can-invert],
    .simply-tabinternal-newbtn i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-tabinternal-newbtn-filter-brightness)) invert(var(--simply-tabinternal-newbtn-filter-invert));
    }

    .simply-tabinternal-newbtn:hover img,
    .simply-tabinternal-newbtn:hover svg,
    .simply-tabinternal-newbtn:hover i {
        filter: brightness(var(--simply-tabinternal-newbtn-hover-filter-brightness)) invert(var(--simply-tabinternal-newbtn-hover-filter-invert));
    }

        .simply-tabinternal-newbtn:hover img[data-ssweb-can-invert],
        .simply-tabinternal-newbtn:hover svg[data-ssweb-can-invert],
        .simply-tabinternal-newbtn:hover i[data-ssweb-can-invert] {
            filter: brightness(var(--simply-tabinternal-newbtn-hover-data-filter-brightness)) invert(var(--simply-tabinternal-newbtn-hover-data-filter-invert));
        }

    .simply-tabinternal-newbtn.htmlelement-disable-default {
        background-color: var(--simply-tabinternal-newbtn-disable-bg) !important;
    }

/* --- .simply-tabinternal-openfilterbtn --- */
.simply-tabinternal-openfilterbtn {
    background-color: var(--simply-tabinternal-openfilterbtn-bg);
    border: var(--simply-tabinternal-openfilterbtn-border) !important;
    font-size: var(--simply-tabinternal-openfilterbtn-font-size);
    margin-bottom: 5px;
    border-radius: 5px;
}

    .simply-tabinternal-openfilterbtn.active {
        background-color: var(--simply-tabinternal-openfilterbtn-active-bg);
        border-color: var(--simply-tabinternal-openfilterbtn-active-border-color);
        color: var(--simply-tabinternal-openfilterbtn-active-color);
    }

    .simply-tabinternal-openfilterbtn img[data-ssweb-can-invert],
    .simply-tabinternal-openfilterbtn svg[data-ssweb-can-invert],
    .simply-tabinternal-openfilterbtn i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-tabinternal-openfilterbtn-filter-brightness)) invert(var(--simply-tabinternal-openfilterbtn-filter-invert));
    }

    .simply-tabinternal-openfilterbtn:hover img,
    .simply-tabinternal-openfilterbtn:hover svg,
    .simply-tabinternal-openfilterbtn:hover i {
        filter: brightness(var(--simply-tabinternal-openfilterbtn-hover-filter-brightness)) invert(var(--simply-tabinternal-openfilterbtn-hover-filter-invert));
    }

        .simply-tabinternal-openfilterbtn:hover img[data-ssweb-can-invert],
        .simply-tabinternal-openfilterbtn:hover svg[data-ssweb-can-invert],
        .simply-tabinternal-openfilterbtn:hover i[data-ssweb-can-invert] {
            filter: brightness(var(--simply-tabinternal-openfilterbtn-hover-data-filter-brightness)) invert(var(--simply-tabinternal-openfilterbtn-hover-data-filter-invert));
        }

/* --- .simply-modal-closebtn, .simply-modalclose, .simply-modalbtn-close --- */
.simply-modal-closebtn,
.simply-modalclose {
    background-color: var(--simply-modal-closebtn-bg);
    border-radius: var(--simply-modal-closebtn-border-radius);
    margin-bottom: var(--simply-modal-closebtn-margin-bottom);
    border: var(--simply-modal-closebtn-border);
    min-height: var(--simply-modal-closebtn-min-height);
    min-width: var(--simply-modal-closebtn-min-width);
    height: var(--simply-modal-closebtn-height);
    width: var(--simply-modal-closebtn-width);
}

.simply-modalbtn-close {
    background-color: var(--simply-modal-closebtn-bg);
    border-radius: var(--simply-modal-closebtn-border-radius);
    margin-bottom: var(--simply-modal-closebtn-margin-bottom);
    border: var(--simply-modal-closebtn-border);
}

/* --- .simply-tabinternal-inputrows, .simply-tabinternal-quicksearchselect, .simply-tabinternal-quicksearchtext --- */
.simply-tabinternal-inputrows,
.simply-tabinternal-quicksearchselect,
.simply-tabinternal-quicksearchtext {
    margin-bottom: var(--simply-tabinternal-margin-bottom);
}

.simply-input-relogin.simply-input-error {
    border-color: var(--bs-danger);
    box-shadow: 0 0 0 0.15rem rgba(var(--bs-danger-rgb), 0.25);
}

    .simply-input-relogin.simply-input-error:focus {
        border-color: var(--bs-danger);
        outline-color: var(--bs-danger);
    }

/* --- .simply-exitbtn-relogin --- */
.simply-exitbtn-relogin {
    background-color: var(--simply-exitbtn-relogin-bg);
    border: var(--simply-exitbtn-relogin-border);
}

/* --- .custom-modal-struct-relogin --- */
.custom-modal-struct-relogin {
    width: var(--custom-modal-struct-relogin-width);
    max-width: var(--custom-modal-struct-relogin-max-width);
    height: var(--custom-modal-struct-relogin-height);
    max-height: var(--custom-modal-struct-relogin-max-height);
    z-index: var(--custom-modal-struct-relogin-z-index) !important;
}

@media (max-width: 980px) {
    .custom-modal-struct-relogin {
        width: var(--custom-modal-struct-relogin-mobile-width);
        max-width: var(--custom-modal-struct-relogin-mobile-max-width);
        height: var(--custom-modal-struct-relogin-mobile-height);
        max-height: var(--custom-modal-struct-relogin-mobile-max-height);
    }
}

/* --- .simply-label-relogin --- */
.simply-label-relogin {
    display: var(--simply-label-relogin-display);
    margin-bottom: var(--simply-label-relogin-margin-bottom);
    font-weight: var(--simply-label-relogin-font-weight);
    color: var(--simply-label-relogin-color);
    font-size: var(--simply-label-relogin-font-size);
    letter-spacing: var(--simply-label-relogin-letter-spacing);
}

/* --- .simply-btn-close-modal-topbar --- */
.simply-btn-close-modal-topbar {
    padding: var(--simply-btn-close-modal-topbar-padding) !important;
    background-color: var(--simply-btn-close-modal-topbar-bg) !important;
    border-radius: var(--simply-btn-close-modal-topbar-border-radius) !important;
}

/* --- .simply-btn-maximized-modal-topbar --- */
.simply-btn-maximized-modal-topbar {
    padding: var(--simply-btn-maximized-modal-topbar-padding) !important;
    border-radius: var(--simply-btn-maximized-modal-topbar-border-radius) !important;
}

/* --- .simply-jquery-form-cont --- */
.simply-jquery-form-cont {
    border-top-left-radius: var(--simply-jquery-form-cont-border-radius-top) !important;
    border-top-right-radius: var(--simply-jquery-form-cont-border-radius-top) !important;
    width: var(--simply-jquery-form-cont-width) !important;
}

    .simply-jquery-form-cont .dlg-content {
        border-radius: var(--simply-jquery-form-cont-dlg-border-radius) !important;
        width: var(--simply-jquery-form-cont-dlg-width) !important;
    }

/* --- .simply-topbar-attachment --- */
.simply-topbar-attachment {
    padding-bottom: var(--simply-topbar-attachment-padding-bottom) !important;
    border-radius: var(--simply-topbar-attachment-border-radius) !important;
    background-color: var(--simply-topbar-attachment-bg) !important;
}

/* --- .simply-modal-attachment-maincont, .simply-modal-attachment-maincont-internal --- */
.simply-modal-attachment-maincont,
.simply-modal-attachment-maincont-internal {
    border-top-left-radius: var(--simply-modal-attachment-maincont-border-radius-top) !important;
    border-top-right-radius: var(--simply-modal-attachment-maincont-border-radius-top) !important;
}

/* --- .simply-input-relogin --- */
.simply-input-relogin {
    width: var(--simply-input-relogin-width);
    border: var(--simply-input-relogin-border);
    border-radius: var(--simply-input-relogin-border-radius);
    font-size: var(--simply-input-relogin-font-size) !important;
    color: var(--simply-input-relogin-color);
    background-color: var(--simply-input-relogin-bg);
    outline: var(--simply-input-relogin-outline);
    transition: var(--simply-input-relogin-transition);
    box-sizing: var(--simply-input-relogin-box-sizing);
}

/* --- .simply-btn-relogin-login --- */
.simply-btn-relogin-login {
    font-size: var(--simply-btn-relogin-login-font-size) !important;
    padding-right: var(--simply-btn-relogin-login-padding-right);
    border-radius: var(--simply-btn-relogin-login-border-radius);
    border: var(--simply-btn-relogin-login-border);
}

/* --- .simply-btn-relogin-exit --- */
.simply-btn-relogin-exit {
    font-size: var(--simply-btn-relogin-exit-font-size) !important;
    padding-left: var(--simply-btn-relogin-exit-padding-left);
    padding-right: var(--simply-btn-relogin-exit-padding-right);
    border-radius: var(--simply-btn-relogin-exit-border-radius);
    border: var(--simply-btn-relogin-exit-border);
    background-color: var(--simply-btn-relogin-exit-bg);
    color: var(--simply-btn-relogin-exit-color);
}

/* --- .ui-dialog --- */
.ui-dialog {
    position: var(--ui-dialog-position);
    top: var(--ui-dialog-top);
    left: var(--ui-dialog-left);
    padding: var(--ui-dialog-padding);
    background-color: var(--ui-dialog-bg) !important;
    outline: var(--ui-dialog-outline);
}

.ui-dialog-buttonpane {
    background-color: var(--ui-dialog-buttonpane-bg) !important;
}

.ui-dialog[class*="ui-corner-"] {
    border-radius: 0px !important;
}

.ui-dialog {
    position: var(--ui-dialog-position);
    top: var(--ui-dialog-top);
    left: var(--ui-dialog-left);
    padding: var(--ui-dialog-override-padding);
    outline: var(--ui-dialog-override-outline);
}

/* --- .ui-widget-content --- */
.ui-widget-content {
    border: var(--ui-widget-content-border);
    background: var(--ui-widget-content-bg);
    color: var(--ui-widget-content-color);
}

.ui-widget.ui-widget-content {
    border: var(--ui-widget-content-border-fallback);
}

/* --- .ui-front, .ui-autocomplete, .ui-menu, .ui-datepicker --- */
.ui-front {
    scrollbar-gutter: var(--ui-front-scrollbar-gutter);
}

.ui-autocomplete {
    text-align: var(--ui-autocomplete-text-align) !important;
    max-height: var(--ui-autocomplete-max-height) !important;
    overflow-y: var(--ui-autocomplete-overflow-y) !important;
    overflow-x: var(--ui-autocomplete-overflow-x) !important;
}

.ui-menu .ui-menu-item-wrapper {
    font-size: var(--ui-menu-item-wrapper-font-size);
}

.ui-datepicker {
    font-size: var(--ui-datepicker-font-size) !important;
    z-index: var(--ui-datepicker-z-index) !important;
}

/* --- .ui-widget, .set-simply-font, .ui-timepicker-select --- */
.ui-widget {
    font-family: var(--ui-widget-font-family);
    font-size: var(--ui-widget-font-size);
}

.set-simply-font {
    font-family: var(--set-simply-font-family) !important;
}

.ui-timepicker-select,
.ui-timepicker-select option {
    font-family: var(--ui-timepicker-font-family) !important;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: var(--ui-widget-input-font-family);
    font-size: var(--ui-widget-input-font-size);
}

/* --- .ui-state-active --- */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: var(--ui-state-active-border);
    background: var(--ui-state-active-bg);
    font-weight: var(--ui-state-active-font-weight);
    color: var(--ui-state-active-color);
}

/* --- .htmltopbar-default --- */
.htmltopbar-default {
    position: var(--htmltopbar-default-position);
    padding-top: var(--htmltopbar-default-padding-top);
    padding-right: var(--htmltopbar-default-padding-right);
    padding-bottom: var(--htmltopbar-default-padding-bottom);
    gap: var(--htmltopbar-default-gap);
    display: var(--htmltopbar-default-display);
    flex-direction: var(--htmltopbar-default-flex-direction);
    overflow-x: var(--htmltopbar-default-overflow-x);
    overflow-y: var(--htmltopbar-default-overflow-y);
    align-items: var(--htmltopbar-default-align-items);
    white-space: var(--htmltopbar-default-white-space);
    color: var(--htmltopbar-default-color) !important;
}

    .htmltopbar-default:focus-within {
        overflow-y: visible;
    }

/* --- .htmltopbar-default-chart --- */
.htmltopbar-default-chart {
    background-color: var(--htmltopbar-default-chart-bg);
    position: var(--htmltopbar-default-chart-position);
    padding-top: var(--htmltopbar-default-chart-padding-top);
    padding-right: var(--htmltopbar-default-chart-padding-right);
    padding-bottom: var(--htmltopbar-default-chart-padding-bottom);
    gap: var(--htmltopbar-default-chart-gap);
    display: var(--htmltopbar-default-chart-display);
    flex-direction: var(--htmltopbar-default-chart-flex-direction);
    overflow-x: var(--htmltopbar-default-chart-overflow-x);
    overflow-y: var(--htmltopbar-default-chart-overflow-y);
    align-items: var(--htmltopbar-default-chart-align-items);
    color: var(--htmltopbar-default-chart-color) !important;
}

/* --- .simply-navbar-general --- */
.simply-navbar-general {
    background-color: var(--simply-navbar-general-bg);
    color: var(--simply-navbar-general-color) !important;
    margin: var(--simply-navbar-general-margin);
}

/* --- .simply-codeselection-filter --- */
.simply-codeselection-filter {
    background-color: var(--color-bg-light);
}

/* --- .htmltopbar-default-codeselection --- */
.htmltopbar-default-codeselection {
    position: var(--htmltopbar-default-codeselection-position);
    padding-top: var(--htmltopbar-default-codeselection-padding-top);
    padding-right: var(--htmltopbar-default-codeselection-padding-right);
    padding-bottom: var(--htmltopbar-default-codeselection-padding-bottom);
    padding-left: var(--htmltopbar-default-codeselection-padding-left);
    gap: var(--htmltopbar-default-codeselection-gap);
    display: var(--htmltopbar-default-codeselection-display);
    flex-direction: var(--htmltopbar-default-codeselection-flex-direction);
    overflow-x: var(--htmltopbar-default-codeselection-overflow-x);
    overflow-y: var(--htmltopbar-default-codeselection-overflow-y);
    align-items: var(--htmltopbar-default-codeselection-align-items);
    white-space: var(--htmltopbar-default-codeselection-white-space);
    width: var(--htmltopbar-default-codeselection-width);
    min-width: var(--htmltopbar-default-codeselection-min-width);
    min-height: var(--htmltopbar-default-codeselection-min-height);
    font-size: var(--htmltopbar-default-codeselection-font-size);
    border-radius: var(--htmltopbar-default-codeselection-border-radius);
    outline: var(--htmltopbar-default-codeselection-outline);
    color: var(--htmltopbar-default-codeselection-color);
    background-color: var(--htmltopbar-default-codeselection-bg);
}

    .htmltopbar-default-codeselection:focus-within {
        overflow-y: visible;
    }

/* --- .simply-codeselection-checkbox --- */
.simply-codeselection-checkbox {
    color: var(--simply-codeselection-checkbox-color);
}

/* --- .htmltopbar-report --- */
.htmltopbar-report {
    position: var(--htmltopbar-report-position);
    padding-top: var(--htmltopbar-report-padding-top);
    padding-right: var(--htmltopbar-report-padding-right);
    padding-bottom: var(--htmltopbar-report-padding-bottom);
    margin-left: var(--htmltopbar-report-margin-left);
    display: var(--htmltopbar-report-display);
    flex-direction: var(--htmltopbar-report-flex-direction);
    flex-wrap: var(--htmltopbar-report-flex-wrap);
    gap: var(--htmltopbar-report-gap);
    overflow-x: var(--htmltopbar-report-overflow-x);
    overflow-y: var(--htmltopbar-report-overflow-y);
    align-items: var(--htmltopbar-report-align-items);
    white-space: var(--htmltopbar-report-white-space);
}

    .htmltopbar-report:focus-within {
        overflow-y: visible;
    }

/* --- .htmlbottombar-default --- */
.htmlbottombar-default {
    position: var(--htmlbottombar-default-position);
    padding: var(--htmlbottombar-default-padding);
    margin-left: var(--htmlbottombar-default-margin-left);
    gap: var(--htmlbottombar-default-gap);
    display: var(--htmlbottombar-default-display);
    flex-direction: var(--htmlbottombar-default-flex-direction);
    overflow-x: var(--htmlbottombar-default-overflow-x);
    overflow-y: var(--htmlbottombar-default-overflow-y);
    align-items: var(--htmlbottombar-default-align-items);
    white-space: var(--htmlbottombar-default-white-space);
    color: var(--htmlbottombar-default-color);
}

    .htmlbottombar-default:focus-within {
        overflow-y: visible;
    }

/* --- .htmlselect-default --- */
[data-ssweb-simply-element="HtmlSelect"] {
    /* Sfondo SVG pulito con trasparenza nativa attorno al simbolo */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><text x="2" y="15" font-size="11" fill="%23555">▼</text></svg>');
    background-repeat: no-repeat;
    background-position: right 00px center;
    background-size: 12px;
    /* Spazio a destra per fare in modo che il testo dell'input non finisca sotto la freccia */
    padding-right: 5px !important;
    cursor: pointer;
}

/* --- .htmlsidebar-default --- */
.htmlsidebar-default {
    background-color: var(--htmlsidebar-default-bg);
    padding: var(--htmlsidebar-default-padding);
    gap: var(--htmlsidebar-default-gap);
    display: var(--htmlsidebar-default-display);
    flex-direction: var(--htmlsidebar-default-flex-direction);
    overflow: var(--htmlsidebar-default-overflow);
    align-items: var(--htmlsidebar-default-align-items);
    white-space: var(--htmlsidebar-default-white-space);
}

/* --- .sidebar-icon-container --- */
.sidebar-icon-container {
    padding: var(--sidebar-icon-container-padding);
    gap: var(--sidebar-icon-container-gap);
    display: var(--sidebar-icon-container-display);
    flex-direction: var(--sidebar-icon-container-flex-direction);
    overflow: var(--sidebar-icon-container-overflow);
    white-space: var(--sidebar-icon-container-white-space);
    background-color: var(--sidebar-icon-container-bg);
}

/* --- .sidebar-menus-container --- */
.sidebar-menus-container {
    gap: var(--sidebar-menus-container-gap);
    display: var(--sidebar-menus-container-display);
    flex-direction: var(--sidebar-menus-container-flex-direction);
    overflow: var(--sidebar-menus-container-overflow);
    align-items: var(--sidebar-menus-container-align-items);
    white-space: var(--sidebar-menus-container-white-space);
    background-color: var(--sidebar-menus-container-bg);
}

/* --- .simply-menu-container --- */
.simply-menu-container {
    margin-left: var(--simply-menu-container-margin-left);
    margin-right: var(--simply-menu-container-margin-right);
    margin-top: var(--simply-menu-container-margin-top);
    margin-bottom: var(--simply-menu-container-margin-bottom);
}

/* --- .simply-menus-container --- */
.simply-menus-container {
    padding: var(--simply-menus-container-padding);
    gap: var(--simply-menus-container-gap);
    display: var(--simply-menus-container-display);
    flex-direction: var(--simply-menus-container-flex-direction);
    overflow: var(--simply-menus-container-overflow);
    align-items: var(--simply-menus-container-align-items);
    white-space: var(--simply-menus-container-white-space);
    background-color: var(--simply-menus-container-bg);
}

/* --- .htmlmaincontainer-default --- */
.htmlmaincontainer-default {
    height: var(--htmlmaincontainer-default-height);
    width: var(--htmlmaincontainer-default-width);
    display: var(--htmlmaincontainer-default-display);
    flex-direction: var(--htmlmaincontainer-default-flex-direction);
}

/* --- .htmlmaincontainer-filters --- */
.htmlmaincontainer-filters {
    width: var(--htmlmaincontainer-filters-width);
    display: var(--htmlmaincontainer-filters-display);
    flex-direction: var(--htmlmaincontainer-filters-flex-direction);
}

/* --- .htmldropdown-default --- */
.htmldropdown-default {
    position: var(--htmldropdown-default-position);
    display: var(--htmldropdown-default-display);
}

/* --- .htmldropdown-default-content --- */
.htmldropdown-default-content {
    position: var(--htmldropdown-default-content-position);
    left: var(--htmldropdown-default-content-left);
    margin-top: var(--htmldropdown-default-content-margin-top);
    margin-left: var(--htmldropdown-default-content-margin-left);
    background-color: var(--htmldropdown-default-content-bg);
    color: var(--htmldropdown-default-content-color);
    max-width: var(--htmldropdown-default-content-max-width);
    max-height: var(--htmldropdown-default-content-max-height);
    z-index: var(--htmldropdown-default-content-z-index);
    border: var(--htmldropdown-default-content-border);
    overflow: var(--htmldropdown-default-content-overflow);
    box-shadow: var(--htmldropdown-default-content-box-shadow);
}

/* --- .htmldropdown-default-content-status --- */
.htmldropdown-default-content-status {
    position: var(--htmldropdown-default-content-status-position);
    background-color: var(--htmldropdown-default-content-status-bg);
    color: var(--htmldropdown-default-content-status-color);
    max-width: var(--htmldropdown-default-content-status-max-width);
    max-height: var(--htmldropdown-default-content-status-max-height);
    z-index: var(--htmldropdown-default-content-status-z-index);
    border: var(--htmldropdown-default-content-status-border);
    overflow: var(--htmldropdown-default-content-status-overflow);
    box-shadow: var(--htmldropdown-default-content-status-box-shadow);
}

/* --- .htmldropdown-default-content-status-forinfo --- */
.htmldropdown-default-content-status-forinfo {
    position: var(--htmldropdown-default-content-status-forinfo-position);
    margin: var(--htmldropdown-default-content-status-forinfo-margin);
    background-color: var(--htmldropdown-default-content-status-forinfo-bg);
    color: var(--htmldropdown-default-content-status-forinfo-color);
    width: var(--htmldropdown-default-content-status-forinfo-width);
    max-height: var(--htmldropdown-default-content-status-forinfo-max-height);
    z-index: var(--htmldropdown-default-content-status-forinfo-z-index);
    border: var(--htmldropdown-default-content-status-forinfo-border);
    overflow: var(--htmldropdown-default-content-status-forinfo-overflow);
    box-shadow: var(--htmldropdown-default-content-status-forinfo-box-shadow);
}

@media (min-width: 576px) {
    .htmldropdown-default-content-status-forinfo {
        width: var(--htmldropdown-default-content-status-forinfo-width-desktop);
    }
}

/* --- .htmldropdown-default-content-htmlcodeselection --- */
.htmldropdown-default-content-htmlcodeselection {
    position: var(--htmldropdown-default-content-htmlcodeselection-position);
    background-color: var(--htmldropdown-default-content-htmlcodeselection-bg);
    color: var(--htmldropdown-default-content-htmlcodeselection-color);
    width: var(--htmldropdown-default-content-htmlcodeselection-width);
    z-index: var(--htmldropdown-default-content-htmlcodeselection-z-index);
    border: var(--htmldropdown-default-content-htmlcodeselection-border);
    overflow: var(--htmldropdown-default-content-htmlcodeselection-overflow);
    box-shadow: var(--htmldropdown-default-content-htmlcodeselection-box-shadow);
    padding: var(--htmldropdown-default-content-htmlcodeselection-padding);
    border-radius: var(--htmldropdown-default-content-htmlcodeselection-border-radius);
    transition: var(--htmldropdown-default-content-htmlcodeselection-transition);
}

@media (min-width: 576px) {
    .htmldropdown-default-content-htmlcodeselection {
        width: var(--htmldropdown-default-content-htmlcodeselection-width-desktop);
        transition: var(--htmldropdown-default-content-htmlcodeselection-transition);
    }
}

/* --- .htmldropdown-default-content-htmlcodeselection-listitemwrapper --- */
.htmldropdown-default-content-htmlcodeselection-listitemwrapper {
    border: var(--htmldropdown-default-content-htmlcodeselection-listitemwrapper-border);
    background-color: var(--htmldropdown-default-content-htmlcodeselection-listitemwrapper-bg);
    overflow-y: var(--htmldropdown-default-content-htmlcodeselection-listitemwrapper-overflow-y);
    border-radius: var(--htmldropdown-default-content-htmlcodeselection-listitemwrapper-border-radius);
}

/* --- .htmldropdown-default-content-htmlcodeselection-listitem --- */
.htmldropdown-default-content-htmlcodeselection-listitem {
    margin-top: var(--htmldropdown-default-content-htmlcodeselection-listitem-margin-top);
    padding: var(--htmldropdown-default-content-htmlcodeselection-listitem-padding);
    border-radius: var(--htmldropdown-default-content-htmlcodeselection-listitem-border-radius);
}

/* --- .modal-default --- */
.modal-default {
    display: var(--modal-default-display);
    position: var(--modal-default-position);
    inset: var(--modal-default-inset);
    background: var(--modal-default-bg);
    z-index: var(--modal-default-z-index);
    justify-content: var(--modal-default-justify-content);
    align-items: var(--modal-default-align-items);
}

body:has(.modal-default.show) {
    overflow: hidden;
}

.modal-default.show {
    display: flex;
}

/* --- .htmlmaincontainer-default-modal --- */
.htmlmaincontainer-default-modal {
    background-color: var(--htmlmaincontainer-default-modal-bg);
    width: var(--htmlmaincontainer-default-modal-width);
    height: var(--htmlmaincontainer-default-modal-height);
    display: var(--htmlmaincontainer-default-modal-display);
    flex-direction: var(--htmlmaincontainer-default-modal-flex-direction);
    animation: var(--htmlmaincontainer-default-modal-animation);
    border-radius: var(--htmlmaincontainer-default-modal-border-radius);
}

/* --- .htmlmaincontainer-default-modal-codesel --- */
.htmlmaincontainer-default-modal-codesel {
    background-color: var(--htmlmaincontainer-default-modal-codesel-bg);
    width: var(--htmlmaincontainer-default-modal-codesel-width);
    height: var(--htmlmaincontainer-default-modal-codesel-height);
    display: var(--htmlmaincontainer-default-modal-codesel-display);
    flex-direction: var(--htmlmaincontainer-default-modal-codesel-flex-direction);
    animation: var(--htmlmaincontainer-default-modal-codesel-animation);
    border-radius: var(--htmlmaincontainer-default-modal-codesel-border-radius);
}

@media (max-width: 600px) {
    .htmlmaincontainer-default-modal-codesel {
        width: var(--htmlmaincontainer-default-modal-codesel-width-mobile);
        transition: var(--htmldropdown-default-content-htmlcodeselection-transition);
    }
}

/* --- .htmlelement-searchgridfast-mto --- */
.htmlelement-searchgridfast-mto {
    background-color: var(--htmlelement-searchgridfast-mto-bg);
    width: var(--htmlelement-searchgridfast-mto-width);
    max-width: var(--htmlelement-searchgridfast-mto-max-width);
    height: var(--htmlelement-searchgridfast-mto-height);
    max-height: var(--htmlelement-searchgridfast-mto-max-height);
    z-index: var(--htmlelement-searchgridfast-mto-z-index);
}

/* --- .htmlmaincontainer-default-modal-many-to-one --- */
.htmlmaincontainer-default-modal-many-to-one {
    background-color: var(--htmlmaincontainer-default-modal-many-to-one-bg);
    width: var(--htmlmaincontainer-default-modal-many-to-one-width);
    height: var(--htmlmaincontainer-default-modal-many-to-one-height);
    display: var(--htmlmaincontainer-default-modal-many-to-one-display);
    flex-direction: var(--htmlmaincontainer-default-modal-many-to-one-flex-direction);
    animation: var(--htmlmaincontainer-default-modal-many-to-one-animation);
    border-radius: var(--htmlmaincontainer-default-modal-many-to-one-border-radius);
}

@media (max-height: 500px) {
    .htmlmaincontainer-default-modal-many-to-one {
        height: var(--htmlmaincontainer-default-modal-many-to-one-height-mobile);
    }
}

/* --- .htmlmaincontainer-default-modal-report --- */
.htmlmaincontainer-default-modal-report {
    color: var(--htmlmaincontainer-default-modal-report-color);
    background-color: var(--htmlmaincontainer-default-modal-report-bg);
    width: var(--htmlmaincontainer-default-modal-report-width);
    height: var(--htmlmaincontainer-default-modal-report-height);
    display: var(--htmlmaincontainer-default-modal-report-display);
    flex-direction: var(--htmlmaincontainer-default-modal-report-flex-direction);
    animation: var(--htmlmaincontainer-default-modal-report-animation);
    border-radius: var(--htmlmaincontainer-default-modal-report-border-radius);
}

@media (max-width: 500px) {
    .htmlmaincontainer-default-modal-report {
        width: var(--htmlmaincontainer-default-modal-report-width-mobile);
    }
}

@media (max-height: 500px) {
    .htmlmaincontainer-default-modal-report {
        height: var(--htmlmaincontainer-default-modal-report-height-mobile);
    }
}

@media (max-height: 500px) {
    .htmlmaincontainer-default-modal-report {
        height: var(--htmlmaincontainer-default-modal-report-height-mobile-sm);
    }
}

/* --- .htmlfilterscontainer --- */
.htmlfilterscontainer {
    display: var(--htmlfilterscontainer-display);
    flex-wrap: var(--htmlfilterscontainer-flex-wrap);
    gap: var(--htmlfilterscontainer-gap);
    background-color: var(--htmlfilterscontainer-bg);
    color: var(--htmlfilterscontainer-color);
    height: var(--htmlfilterscontainer-height);
    max-height: var(--htmlfilterscontainer-max-height);
    overflow-y: var(--htmlfilterscontainer-overflow-y);
    border: var(--htmlfilterscontainer-border);
    align-items: var(--htmlfilterscontainer-align-items);
    align-content: var(--htmlfilterscontainer-align-content);
}

/* --- .htmlmaincontainer-default-modal-one-to-many --- */
.htmlmaincontainer-default-modal-one-to-many {
    border: var(--htmlmaincontainer-default-modal-one-to-many-border);
    border-radius: var(--htmlmaincontainer-default-modal-one-to-many-border-radius);
    width: var(--htmlmaincontainer-default-modal-one-to-many-width);
}

/* --- .modal-default-visible --- */
.modal-default-visible {
    background-color: var(--modal-default-visible-bg);
    text-align: var(--modal-default-visible-text-align);
}

/* --- .modal-default-content --- */
.modal-default-content {
    background: var(--modal-default-content-bg);
    padding: var(--modal-default-content-padding);
    width: var(--modal-default-content-width);
    height: var(--modal-default-content-height);
    animation: var(--modal-default-content-animation);
}

/* --- TABS --- */
.active-tab {
    cursor: var(--active-tab-cursor) !important;
}

.tab-buttons button.active-tab {
    background-color: var(--color-active-tab) !important;
    color: var(--color-text-active-tab);
    font-weight: 600;
    cursor: cell;
    font-size: var(--text-font-general-md);
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-right: 1px solid var(--color-tab-border);
    border-left: 1px solid var(--color-tab-border);
    border-top: 1px solid var(--color-tab-border);
}

.tab-buttons button.no-active-tab {
    background-color: var(--color-no-active-tab) !important;
    color: var(--color-text-no-active-tab);
    font-weight: 500;
    font-size: var(--text-font-general-md);
}

.tab-group {
    position: relative;
    border: 1px solid var(--color-tab-border);
    overflow: hidden;
}

.tab-buttons {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 4;
    display: flex;
    gap: 3px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    background-color: var(--color-tabs-btn);
}

    .tab-buttons button {
        border: none;
        flex: 0 0 auto;
        color: var(--color-text);
        font-size: var(--text-font-general-md);
        padding-left: var(--tab-buttons-btn-padding-left);
        padding-right: var(--tab-buttons-btn-padding-right);
        padding-top: var(--tab-buttons-btn-padding-top);
        padding-bottom: var(--tab-buttons-btn-padding-bottom);
        font-weight: var(--tab-buttons-btn-font-weight);
        border-radius: var(--tab-buttons-btn-border-radius);
        transition: var(--tab-buttons-btn-transition);
    }

.tab-contents {
    position: absolute;
    top: var(--tab-contents-top);
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    border-bottom: 1px solid var(--color-tab-border);
    border-right: 1px solid var(--color-tab-border);
    border-left: 1px solid var(--color-tab-border);
}

/* --- Shadows --- */
.shadow-light {
    box-shadow: var(--shadow-light);
}

.shadow-medium-light {
    box-shadow: var(--shadow-medium-light);
}

.shadow-medium {
    box-shadow: var(--shadow-medium);
}

.shadow-hard {
    box-shadow: var(--shadow-hard);
}

/* --- Borders --- */
.border-light {
    border: 1px solid var(--color-light-border);
}

.border-light-medium {
    border: 1px solid var(--border-light-medium-color);
}

.border-light-hard {
    border: 1px solid var(--border-light-hard-color);
}

.border-medium {
    border: 2px solid var(--border-medium-color);
}

.border-medium-medium {
    border: 2px solid var(--color-gray-medium);
}

.border-medium-hard {
    border: 2px solid var(--border-medium-hard-color);
}

.border-top-light-medium {
    border-top: var(--border-top-light-medium);
}

/* --- Text shadows --- */
.txt-shadow-light {
    text-shadow: var(--txt-shadow-light);
}

.txt-shadow-medium {
    text-shadow: var(--txt-shadow-medium);
}

.txt-shadow-strong {
    text-shadow: var(--txt-shadow-strong);
}

/* --- .lbl-inp-* --- */
.lbl-inp-multiline {
    display: flex;
    gap: var(--lbl-inp-gap);
}

.lbl-inp {
    flex: var(--lbl-inp-flex);
    display: var(--lbl-inp-display);
    flex-direction: var(--lbl-inp-flex-direction);
    font-weight: var(--lbl-inp-font-weight);
    font-size: var(--text-font-general-md);
    color: var(--color-text-gray);
    border-radius: var(--lbl-inp-border-radius);
    color: var(--color-text);
}

    .lbl-inp input {
        border: var(--color-light-border);
        border-radius: var(--lbl-inp-input-border-radius);
        height: var(--lbl-inp-input-height);
        padding: var(--lbl-inp-input-padding);
        font-size: var(--text-font-general-md);
        color: var(--color-text);
        min-width: var(--lbl-inp-input-min-width);
        transition: var(--lbl-inp-input-transition);
    }

    .lbl-inp p,
    .lbl-inp label,
    .lbl-inp span {
        padding: 0px;
        margin: 0px;
        font-size: var(--text-font-general-md);
    }

/* --- .cont-accord --- */
.cont-accord details {
    overflow: var(--cont-accord-details-overflow);
}

.cont-accord summary {
    cursor: var(--cont-accord-summary-cursor);
    display: var(--cont-accord-summary-display);
    justify-content: var(--cont-accord-summary-justify-content);
    align-items: var(--cont-accord-summary-align-items);
}

    .cont-accord summary::marker {
        display: var(--cont-accord-summary-marker-display);
    }

    .cont-accord summary::after {
        transition: var(--cont-accord-summary-after-transition);
    }

details[open] summary::after {
    transform: var(--details-open-summary-after-transform);
}

/* --- .custom-input-Ax1 --- */
.custom-input-Ax1 {
    border-radius: var(--custom-input-Ax1-border-radius);
    height: var(--custom-input-Ax1-height);
    padding: var(--custom-input-Ax1-padding);
    font-size: var(--custom-input-Ax1-font-size);
    min-width: var(--custom-input-Ax1-min-width);
    transition: var(--custom-input-Ax1-transition);
}

/* --- .custom-input-container-Ax1 --- */
.custom-input-container-Ax1 {
    width: var(--custom-input-container-Ax1-width);
    max-width: var(--custom-input-container-Ax1-max-width);
    overflow: var(--custom-input-container-Ax1-overflow);
    box-sizing: var(--custom-input-container-Ax1-box-sizing);
}

    .custom-input-container-Ax1 label {
        font-weight: var(--custom-input-container-Ax1-label-font-weight);
        font-size: var(--custom-input-container-Ax1-label-font-size);
        text-decoration: none;
        text-align: var(--custom-input-container-Ax1-label-text-align) !important;
    }

    .custom-input-container-Ax1 input {
        background-color: var(--custom-input-container-Ax1-input-bg);
        border: var(--custom-input-container-Ax1-input-border);
        border-radius: var(--custom-input-container-Ax1-input-border-radius);        
        height: var(--custom-input-container-Ax1-input-height);
        padding: var(--custom-input-container-Ax1-input-padding);
        font-size: var(--custom-input-container-Ax1-input-font-size);
        min-width: var(--custom-input-container-Ax1-input-min-width);
        transition: var(--custom-input-container-Ax1-input-transition);
    }

        .custom-input-container-Ax1 input:focus {
            outline: none;
        }

        .custom-input-container-Ax1 input:hover {
            border-color: var(--custom-input-container-Ax1-input-hover-border-color);
        }

    .custom-input-container-Ax1 textarea {
        border: var(--custom-input-container-Ax1-textarea-border);
        border-radius: var(--custom-input-container-Ax1-textarea-border-radius) !important;
        padding: var(--custom-input-container-Ax1-textarea-padding);
        font-size: var(--custom-input-container-Ax1-textarea-font-size);
        min-width: var(--custom-input-container-Ax1-textarea-min-width);
        transition: var(--custom-input-container-Ax1-textarea-transition);
    }

        .custom-input-container-Ax1 textarea:focus {
            border-color: var(--custom-input-container-Ax1-textarea-focus-border-color);
            outline: none;
        }

    .custom-input-container-Ax1 .htmlelement-style-base-flex:has(button:not([hidden])) input {
        border-right: none !important;
        border-start-end-radius: 0px;
        border-end-end-radius: 0px;
    }

    .custom-input-container-Ax1 input,
    .custom-input-container-Ax1 textarea {
        min-width: var(--custom-input-container-Ax1-input-min-width-zero);
        max-width: var(--custom-input-container-Ax1-input-max-width);
        width: var(--custom-input-container-Ax1-input-width);
        box-sizing: var(--custom-input-container-Ax1-input-box-sizing);
    }

@media (max-width: 800px) {
    button [simply-text] {
        display: none !important;
    }
}

/* --- .simply-login-base-container --- */
.simply-login-base-container {
    transition: var(--simply-login-base-container-transition);
    animation: var(--simply-login-base-container-animation);
    overflow: var(--simply-login-base-container-overflow);
}

    .simply-login-base-container .show {
        opacity: 1;
        transform: translateY(0);
    }

/* --- .simply-header-login --- */
.simply-header-login {
    font-weight: var(--simply-header-login-font-weight);
    padding: var(--simply-header-login-padding);
}

/* --- .simply-login-card, .simply-login-card-sx, .simply-login-card-dx --- */
.simply-login-card {
    width: var(--simply-login-card-width);
}

.simply-login-card-sx {
    max-width: var(--simply-login-card-sx-max-width);
    min-width: var(--simply-login-card-sx-min-width);
    width: var(--simply-login-card-sx-width);
    padding: var(--simply-login-card-sx-padding);
    box-sizing: var(--simply-login-card-sx-box-sizing);
}

.simply-login-card-dx {
    max-width: var(--simply-login-card-dx-max-width);
    min-width: var(--simply-login-card-dx-min-width);
    width: var(--simply-login-card-dx-width);
}

/* --- .simply-label-login --- */
.simply-label-login {
    display: var(--simply-label-login-display);
    margin-bottom: var(--simply-label-login-margin-bottom);
    font-weight: var(--simply-label-login-font-weight);
    color: var(--simply-label-login-color);
    font-size: var(--simply-label-login-font-size);
    letter-spacing: var(--simply-label-login-letter-spacing);
}

/* Contenitore di posizionamento dell'occhietto del login.
   Il pulsante .btnShowPassLogin e' position:absolute con bottom:0, quindi ha
   bisogno di un antenato posizionato: senza questa regola si aggancia a un
   antenato piu' esterno e l'icona finisce fuori dal campo password.
   Regola presente prima della conversione a variabili e persa per strada. */
#Label___Password {
    position: relative;
}

/* --- .btnShowPassLogin --- */
.btnShowPassLogin {
    position: var(--btnShowPassLogin-position);
    right: var(--btnShowPassLogin-right);
    bottom: var(--btnShowPassLogin-bottom);
    border: var(--btnShowPassLogin-border);
    background-color: var(--btnShowPassLogin-bg);
    margin-bottom: var(--btnShowPassLogin-margin-bottom);
}

/* --- .simply-pass-inp --- */
.simply-pass-inp {
    width: var(--simply-pass-inp-width);
    padding-right: var(--simply-pass-inp-padding-right);
}

    .simply-pass-inp::-ms-reveal,
    .simply-pass-inp::-webkit-credentials-auto-fill-button,
    .simply-pass-inp::-webkit-clear-button {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

/* --- .simply-input-login --- */
.simply-input-login {
    width: var(--simply-input-login-width);
    padding: var(--simply-input-login-padding);
    border: var(--simply-input-login-border);
    border-radius: var(--simply-input-login-border-radius);
    font-size: var(--simply-input-login-font-size);
    color: var(--simply-input-login-color);
    background-color: var(--simply-input-login-bg);
    outline: var(--simply-input-login-outline);
    transition: var(--simply-input-login-transition);
    box-sizing: var(--simply-input-login-box-sizing);
}

/* --- .gradient-login-dx --- */
.gradient-login-dx {
    background-color: var(--gradient-login-dx-bg-color);
    background-image: var(--gradient-login-dx-bg-image);
    background-size: var(--gradient-login-dx-bg-size);
    background-position: var(--gradient-login-dx-bg-position);
    background-repeat: var(--gradient-login-dx-bg-repeat);
    transition: var(--gradient-login-dx-transition);
    position: var(--gradient-login-dx-position);
    overflow: var(--gradient-login-dx-overflow);
}

    .gradient-login-dx:hover {
        background: var(--gradient-login-dx-hover-bg);
        box-shadow: var(--gradient-login-dx-hover-box-shadow);
    }

    .gradient-login-dx:active {
        background: var(--gradient-login-dx-active-bg);
        transform: var(--gradient-login-dx-active-transform);
    }

    /* --- Snow (lasciato invariato) --- */
    .gradient-login-dx:hover::before,
    .gradient-login-dx:hover::after,
    .snoww::before,
    .snow_wrap,
    .snow,
    .snow:before,
    .snow:after,
    .gradient-login-dx:hover .snow,
    .gradient-login-dx:hover .snow:before,
    .gradient-login-dx:hover .snow:after,
    @keyframes snow,
    @keyframes cadutaNeveVeloce,
    @keyframes cadutaNeveLenta {
        /* mantenuti esattamente come originali, già specifici per le classi */
    }

/* --- .simply-login-button --- */
.simply-login-button {
    display: var(--simply-login-button-display);
    align-items: var(--simply-login-button-align-items);
    justify-content: var(--simply-login-button-justify-content);
    width: var(--simply-login-button-width);
    padding: var(--simply-login-button-padding);
    font-size: var(--simply-login-button-font-size);
    font-weight: var(--simply-login-button-font-weight);
    text-align: var(--simply-login-button-text-align);
    text-decoration: var(--simply-login-button-text-decoration);
    border: var(--simply-login-button-border);
    border-radius: var(--simply-login-button-border-radius);
    cursor: var(--simply-login-button-cursor);
    transition: var(--simply-login-button-transition);
    user-select: var(--simply-login-button-user-select);
    box-sizing: var(--simply-login-button-box-sizing);
    position: var(--simply-login-button-position);
    overflow: var(--simply-login-button-overflow);
    background: var(--simply-login-button-bg);
    background-size: var(--simply-login-button-bg-size);
    color: var(--simply-login-button-color);
    box-shadow: var(--simply-login-button-box-shadow);
    text-shadow: var(--simply-login-button-text-shadow);
}

    .simply-login-button:hover {
        transform: var(--simply-login-button-hover-transform);
        background-position: var(--simply-login-button-hover-bg-position);
        box-shadow: var(--simply-login-button-hover-box-shadow);
        animation: var(--simply-login-button-hover-animation);
    }

    .simply-login-button:focus {
        outline: var(--simply-login-button-focus-outline);
        box-shadow: var(--simply-login-button-focus-box-shadow);
        transform: var(--simply-login-button-focus-transform);
    }

    .simply-login-button:active {
        transform: var(--simply-login-button-active-transform);
        background-position: var(--simply-login-button-active-bg-position);
        box-shadow: var(--simply-login-button-active-box-shadow);
        transition-duration: var(--simply-login-button-active-transition-duration);
    }

/* --- keyframes --- */
@keyframes showLoginCard {
    0% {
        opacity: 0;
        transform: translateY(300px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.pulse {
    animation: pulse 0.3s ease-in-out;
}

@keyframes dlg-spin {
    to {
        transform: rotate(360deg);
    }
}

/* --- Media queries per login --- */
@media screen and (max-width: 900px) {
    .simply-login-card-dx {
        visibility: hidden;
    }

    .simply-input-login {
        font-size: 16px;
    }

    .simply-header-login {
        font-size: 1.5rem;
    }

    .gradient-login-dx {
        min-height: 200px;
    }
}

@media screen and (max-width: 480px) {
    .simply-login-base-container {
        width: 100% !important;
    }

    .gradient-login-dx {
        display: none;
    }
}

/* --- .form-group-custom --- */
.form-group-custom {
    display: var(--form-group-custom-display);
    align-items: var(--form-group-custom-align-items);
    gap: var(--form-group-custom-gap);
    min-width: var(--form-group-custom-min-width);
}

.form-group-custom-filters {
    flex: var(--form-group-custom-filters-flex);
    display: var(--form-group-custom-filters-display);
    align-items: var(--form-group-custom-filters-align-items);
    gap: var(--form-group-custom-filters-gap);
    min-width: var(--form-group-custom-filters-min-width);
}

/* --- .form-label-custom --- */
.form-label-custom {
    flex: var(--form-label-custom-flex);
    white-space: var(--form-label-custom-white-space);
    overflow: var(--form-label-custom-overflow);
    text-overflow: var(--form-label-custom-text-overflow);
    text-align: var(--form-label-custom-text-align) !important;
    font-size: var(--form-label-custom-font-size);
    font-weight: var(--form-label-custom-font-weight);
}

.form-label-custom-filters {
    flex: var(--form-label-custom-filters-flex);
    white-space: var(--form-label-custom-filters-white-space);
    overflow: var(--form-label-custom-filters-overflow);
    text-overflow: var(--form-label-custom-filters-text-overflow);
    text-align: var(--form-label-custom-filters-text-align) !important;
    font-size: var(--form-label-custom-filters-font-size);
}

.form-label-custom-info {
    flex: var(--form-label-custom-info-flex);
    white-space: var(--form-label-custom-info-white-space);
    overflow: var(--form-label-custom-info-overflow);
    text-overflow: var(--form-label-custom-info-text-overflow);
    text-align: var(--form-label-custom-info-text-align) !important;
    font-size: var(--form-label-custom-info-font-size);
}

/* --- .form-input-custom --- */
.form-input-custom {
    flex: var(--form-input-custom-flex);
    max-width: var(--form-input-custom-max-width);
    color: var(--form-input-custom-color);
    min-width: var(--form-input-custom-min-width);
    min-height: var(--form-input-custom-min-height);
    font-size: var(--form-input-custom-font-size);
}

    .form-input-custom input:hover {
        border-color: var(--form-input-custom-hover-border-color);
    }

    .form-input-custom :focus {
        border-color: var(--form-input-custom-focus-border-color);
    }

.form-input-custom-filters {
    min-width: var(--form-input-custom-filters-min-width);
    font-size: var(--form-input-custom-filters-font-size) !important;
}

    .form-input-custom-filters [data-ssweb-simply-element="HtmlCheckBox"] i {
        color: var(--color-text);
    }

@container ro-cl (max-width: 400px) {
    .form-group-custom {
        flex-direction: column;
        align-items: stretch;
    }

    .form-label-custom,
    .form-label-custom-info {
        flex: none;
        width: 100%;
        white-space: normal;
        text-overflow: unset;
        overflow: visible;
        text-align: left !important;
    }

    .form-input-custom {
        width: 100%;
    }
}

/* --- .form-card-cont --- */
.form-card-cont {
    background-color: var(--form-card-cont-bg);
    border: var(--form-card-cont-border);
    margin: var(--form-card-cont-margin);
    border-radius: var(--form-card-cont-border-radius);
}

/* --- .custom-modal-struct --- */
.custom-modal-struct {
    max-width: var(--custom-modal-struct-max-width);
    width: var(--custom-modal-struct-width);
    max-height: var(--custom-modal-struct-max-height);
    height: var(--custom-modal-struct-height);
}

/* --- Stat buttons --- */
.simply-refresh-btn-stat {
    background-color: var(--simply-refresh-btn-stat-bg);
    border: var(--simply-refresh-btn-stat-border);
    font-size: var(--simply-refresh-btn-stat-font-size);
    color: var(--simply-refresh-btn-stat-color);
}

    .simply-refresh-btn-stat img[data-ssweb-can-invert],
    .simply-refresh-btn-stat svg[data-ssweb-can-invert],
    .simply-refresh-btn-stat i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-refresh-btn-stat-filter-brightness)) invert(var(--simply-refresh-btn-stat-filter-invert));
    }

    .simply-refresh-btn-stat img,
    .simply-refresh-btn-stat svg,
    .simply-refresh-btn-stat i {
        filter: brightness(0.4) !important;
    }

    .simply-refresh-btn-stat:hover img,
    .simply-refresh-btn-stat:hover svg,
    .simply-refresh-btn-stat:hover i {
        filter: brightness(var(--simply-refresh-btn-stat-hover-filter-brightness)) invert(var(--simply-refresh-btn-stat-hover-filter-invert)) !important;
    }

.simply-question-mark-btn-stat {
    background-color: var(--simply-question-mark-btn-stat-bg);
    border: var(--simply-question-mark-btn-stat-border);
    font-size: var(--simply-question-mark-btn-stat-font-size);
    color: var(--simply-question-mark-btn-stat-color);
}

    .simply-question-mark-btn-stat img[data-ssweb-can-invert],
    .simply-question-mark-btn-stat svg[data-ssweb-can-invert],
    .simply-question-mark-btn-stat i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-question-mark-btn-stat-filter-brightness)) invert(var(--simply-question-mark-btn-stat-filter-invert));
    }

    .simply-question-mark-btn-stat:hover img,
    .simply-question-mark-btn-stat:hover svg,
    .simply-question-mark-btn-stat:hover i {
        filter: brightness(var(--simply-question-mark-btn-stat-hover-filter-brightness)) invert(var(--simply-question-mark-btn-stat-hover-filter-invert)) !important;
    }

.simply-paperclip-btn-stat {
    background-color: var(--simply-paperclip-btn-stat-bg);
    border: var(--simply-paperclip-btn-stat-border);
    font-size: var(--simply-paperclip-btn-stat-font-size);
}

    .simply-paperclip-btn-stat img[data-ssweb-can-invert],
    .simply-paperclip-btn-stat svg[data-ssweb-can-invert],
    .simply-paperclip-btn-stat i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-paperclip-btn-stat-filter-brightness)) invert(var(--simply-paperclip-btn-stat-filter-invert));
    }

.simply-exp-btn-stat {
    background-color: var(--simply-exp-btn-stat-bg);
    border: var(--simply-exp-btn-stat-border);
    font-size: var(--simply-exp-btn-stat-font-size);
}

    .simply-exp-btn-stat img[data-ssweb-can-invert],
    .simply-exp-btn-stat svg[data-ssweb-can-invert],
    .simply-exp-btn-stat i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-exp-btn-stat-filter-brightness)) invert(var(--simply-exp-btn-stat-filter-invert));
    }

.simply-mess-btn-stat {
    background-color: var(--simply-mess-btn-stat-bg);
    border: var(--simply-mess-btn-stat-border);
    font-size: var(--simply-mess-btn-stat-font-size);
}

    .simply-mess-btn-stat img[data-ssweb-can-invert],
    .simply-mess-btn-stat svg[data-ssweb-can-invert],
    .simply-mess-btn-stat i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-mess-btn-stat-filter-brightness)) invert(var(--simply-mess-btn-stat-filter-invert));
    }

.simply-trash-btn-stat {
    background-color: var(--simply-trash-btn-stat-bg);
    border: var(--simply-trash-btn-stat-border);
    font-size: var(--simply-trash-btn-stat-font-size);
}

    .simply-trash-btn-stat img[data-ssweb-can-invert],
    .simply-trash-btn-stat svg[data-ssweb-can-invert],
    .simply-trash-btn-stat i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-trash-btn-stat-filter-brightness)) invert(var(--simply-trash-btn-stat-filter-invert));
    }

.simply-edit-btn-stat {
    background-color: var(--simply-edit-btn-stat-bg);
    border: var(--simply-edit-btn-stat-border);
    font-size: var(--simply-edit-btn-stat-font-size);
}

    .simply-edit-btn-stat img[data-ssweb-can-invert],
    .simply-edit-btn-stat svg[data-ssweb-can-invert],
    .simply-edit-btn-stat i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-edit-btn-stat-filter-brightness)) invert(var(--simply-edit-btn-stat-filter-invert));
    }

/* --- .simply-export-btn-stat --- */
.simply-export-btn-stat {
    background-color: var(--simply-export-btn-stat-bg);
    border: var(--simply-export-btn-stat-border);
    font-size: var(--simply-export-btn-stat-font-size);
    color: var(--simply-export-btn-stat-color);
}

    .simply-export-btn-stat img[data-ssweb-can-invert],
    .simply-export-btn-stat svg[data-ssweb-can-invert],
    .simply-export-btn-stat i[data-ssweb-can-invert] {
        filter: brightness(var(--simply-export-btn-stat-filter-brightness)) invert(var(--simply-export-btn-stat-filter-invert));
    }

    .simply-export-btn-stat img,
    .simply-export-btn-stat svg,
    .simply-export-btn-stat i {
        filter: brightness(0.4) !important;
    }

        .simply-export-btn-stat img:hover,
        .simply-export-btn-stat svg:hover,
        .simply-export-btn-stat i:hover {
            filter: brightness(var(--simply-export-btn-stat-hover-filter-brightness)) invert(var(--simply-export-btn-stat-hover-filter-invert)) !important;
        }

/* --- .simply-topbar-statistics --- */
.simply-topbar-statistics {
    color: var(--simply-topbar-statistics-color);
    background-color: var(--simply-topbar-statistics-bg);
}

/* --- Gradients --- */
.gradient-background-hex-sky {
    background: var(--gradient-hex-sky-bg);
    background: var(--gradient-hex-sky-bg-gradient);
}

.radial-gradient-background-sky {
    background: var(--radial-gradient-sky-bg);
    background: var(--radial-gradient-sky-bg-radial);
    background: var(--radial-gradient-sky-bg-moz);
    background: var(--radial-gradient-sky-bg-webkit);
}

/* --- .dlg-busy --- */
.dlg-busy::after {
    content: var(--dlg-busy-after-content);
    position: var(--dlg-busy-after-position);
    inset: var(--dlg-busy-after-inset);
    background: var(--dlg-busy-after-bg);
    z-index: var(--dlg-busy-after-z-index);
}

.dlg-busy::before {
    content: var(--dlg-busy-before-content);
    position: var(--dlg-busy-before-position);
    top: var(--dlg-busy-before-top);
    left: var(--dlg-busy-before-left);
    width: var(--dlg-busy-before-width);
    height: var(--dlg-busy-before-height);
    margin: var(--dlg-busy-before-margin);
    border: var(--dlg-busy-before-border);
    border-top-color: var(--dlg-busy-before-border-top-color);
    border-radius: var(--dlg-busy-before-border-radius);
    animation: var(--dlg-busy-before-animation);
    z-index: var(--dlg-busy-before-z-index);
}

/* --- .dlg-error --- */
.dlg-error {
    display: var(--dlg-error-display);
    margin-top: var(--dlg-error-margin-top);
    padding: var(--dlg-error-padding);
    border: var(--dlg-error-border);
    background: var(--dlg-error-bg);
    color: var(--dlg-error-color);
    border-radius: var(--dlg-error-border-radius);
}

/* --- .btn-yes --- */
.btn-yes {
    background-color: var(--btn-yes-bg);
    color: var(--btn-yes-color);
    border: var(--btn-yes-border);
    border-radius: var(--btn-yes-border-radius);
    padding: var(--btn-yes-padding);
    font-size: var(--btn-yes-font-size);
    font-weight: var(--btn-yes-font-weight);
    cursor: var(--btn-yes-cursor);
    transition: var(--btn-yes-transition);
    box-shadow: var(--btn-yes-box-shadow);
}

    .btn-yes:hover {
        background-color: var(--btn-yes-hover-bg);
        transform: var(--btn-yes-hover-transform);
        box-shadow: var(--btn-yes-hover-box-shadow);
    }

    .btn-yes:active {
        background-color: var(--btn-yes-active-bg);
        transform: var(--btn-yes-active-transform);
        box-shadow: var(--btn-yes-active-box-shadow);
    }

/* --- .btn-no --- */
.btn-no {
    background-color: var(--btn-no-bg);
    color: var(--btn-no-color);
    border: var(--btn-no-border);
    border-radius: var(--btn-no-border-radius);
    padding: var(--btn-no-padding);
    font-size: var(--btn-no-font-size);
    font-weight: var(--btn-no-font-weight);
    cursor: var(--btn-no-cursor);
    transition: var(--btn-no-transition);
    box-shadow: var(--btn-no-box-shadow);
}

    .btn-no:hover {
        background-color: var(--btn-no-hover-bg);
        transform: var(--btn-no-hover-transform);
        box-shadow: var(--btn-no-hover-box-shadow);
    }

    .btn-no:active {
        background-color: var(--btn-no-active-bg);
        transform: var(--btn-no-active-transform);
        box-shadow: var(--btn-no-active-box-shadow);
    }

/* --- .ui-dialog già gestito sopra --- */

/* --- .simply-config-div-class --- */
.simply-config-div-class {
    margin-right: var(--simply-config-div-class-margin-right);
    margin-left: var(--simply-config-div-class-margin-left);
    font-size: var(--simply-config-div-class-font-size);
    border: var(--simply-config-div-class-border);
    border-radius: var(--simply-config-div-class-border-radius);
    overflow: var(--simply-config-div-class-overflow);
}

    .simply-config-div-class summary {
        white-space: var(--simply-config-div-class-summary-white-space);
        text-overflow: var(--simply-config-div-class-summary-text-overflow);
        overflow: var(--simply-config-div-class-summary-overflow);
        padding: var(--simply-config-div-class-summary-padding);
        cursor: var(--simply-config-div-class-summary-cursor);
        user-select: var(--simply-config-div-class-summary-user-select);
        list-style: var(--simply-config-div-class-summary-list-style);
        display: var(--simply-config-div-class-summary-display);
        align-items: var(--simply-config-div-class-summary-align-items);
    }

        .simply-config-div-class summary::after {
            font-size: var(--simply-config-div-class-summary-after-font-size);
            transition: var(--simply-config-div-class-summary-after-transition);
            flex-shrink: var(--simply-config-div-class-summary-after-flex-shrink);
            margin-left: var(--simply-config-div-class-summary-after-margin-left);
        }

    .simply-config-div-class[open] summary::after {
        transform: var(--simply-config-div-class-open-summary-after-transform);
    }

    .simply-config-div-class .accordion-content {
        padding: var(--simply-config-div-class-accordion-content-padding);
        border-top: var(--simply-config-div-class-accordion-content-border-top);
        display: var(--simply-config-div-class-accordion-content-display);
        flex-direction: var(--simply-config-div-class-accordion-content-flex-direction);
        gap: var(--simply-config-div-class-accordion-content-gap);
    }

/* --- .simply-settings-selection-mobile --- */
.simply-settings-selection-mobile {
    margin-bottom: var(--simply-settings-selection-mobile-margin-bottom);
    margin-left: var(--simply-settings-selection-mobile-margin-left);
    font-size: var(--simply-settings-selection-mobile-font-size);
}

/* --- .simply-cont-entities-all --- */
.simply-cont-entities-all {
    padding: var(--simply-cont-entities-all-padding);
}

.simply-cont-entities-all-check-lbl {
    display: var(--simply-cont-entities-all-check-lbl-display);
    align-items: var(--simply-cont-entities-all-check-lbl-align-items);
    margin-bottom: var(--simply-cont-entities-all-check-lbl-margin-bottom);
    gap: var(--simply-cont-entities-all-check-lbl-gap);
}

/* --- .btn-categ-anagr-wrapper, .btn-categ-anagr --- */
.btn-categ-anagr-wrapper {
    display: var(--btn-categ-anagr-wrapper-display);
    align-items: var(--btn-categ-anagr-wrapper-align-items);
}

.btn-categ-anagr {
    display: var(--btn-categ-anagr-display);
    align-items: var(--btn-categ-anagr-align-items);
    justify-content: var(--btn-categ-anagr-justify-content);
    padding: var(--btn-categ-anagr-padding);
    color: var(--btn-categ-anagr-color);
    border: var(--btn-categ-anagr-border);
    border-radius: var(--btn-categ-anagr-border-radius);
    font-size: var(--btn-categ-anagr-font-size);
    font-weight: var(--btn-categ-anagr-font-weight);
    letter-spacing: var(--btn-categ-anagr-letter-spacing);
    cursor: var(--btn-categ-anagr-cursor);
    transition: var(--btn-categ-anagr-transition);
    box-shadow: var(--btn-categ-anagr-box-shadow);
    user-select: var(--btn-categ-anagr-user-select);
    margin: var(--btn-categ-anagr-margin);
}

    .btn-categ-anagr:hover {
        filter: var(--btn-categ-anagr-hover-filter);
        box-shadow: var(--btn-categ-anagr-hover-box-shadow);
    }

    .btn-categ-anagr:active {
        transform: var(--btn-categ-anagr-active-transform);
        background-color: var(--btn-categ-anagr-active-bg);
        box-shadow: var(--btn-categ-anagr-active-box-shadow);
    }

/* --- .btn-clip-doc-grid --- */
.btn-clip-doc-grid {
    background-color: var(--btn-clip-doc-grid-bg);
    border-radius: var(--btn-clip-doc-grid-border-radius);
    align-content: var(--btn-clip-doc-grid-align-content);
    text-align: var(--btn-clip-doc-grid-text-align);
    padding-left: var(--btn-clip-doc-grid-padding-left);
    padding-right: var(--btn-clip-doc-grid-padding-right);
    border: var(--btn-clip-doc-grid-border);
}

    .btn-clip-doc-grid:hover {
        background-color: var(--btn-clip-doc-grid-hover-bg);
        border-color: var(--btn-clip-doc-grid-hover-border-color);
        transform: var(--btn-clip-doc-grid-hover-transform);
        box-shadow: var(--btn-clip-doc-grid-hover-box-shadow);
    }

    .btn-clip-doc-grid:active {
        transform: var(--btn-clip-doc-grid-active-transform);
        box-shadow: var(--btn-clip-doc-grid-active-box-shadow);
        background-color: var(--btn-clip-doc-grid-active-bg);
    }

/* --- .ui-dialog .ui-dialog-titlebar --- */
.ui-dialog .ui-dialog-titlebar {
    border-bottom-left-radius: var(--ui-dialog-titlebar-border-bottom-left-radius);
    border-bottom-right-radius: var(--ui-dialog-titlebar-border-bottom-right-radius);
}

/* --- Media query per pulsanti sidebar --- */
@media (max-width: 576px) {
    .htmlelement-button-style-base-side div {
        font-size: var(--btn-side-mobile-font-size, 0) !important;
        line-height: var(--btn-side-mobile-line-height, 0) !important;
        gap: var(--btn-side-mobile-gap, 0) !important;
        justify-content: var(--btn-side-mobile-justify, center) !important;
    }

        .htmlelement-button-style-base-side div i,
        .htmlelement-button-style-base-side div img {
            font-size: var(--btn-side-mobile-icon-font-size, 1.5rem) !important;
            line-height: var(--btn-side-mobile-icon-line-height, 1.5rem) !important;
            width: var(--btn-side-mobile-icon-width, 1.563rem) !important;
            height: var(--btn-side-mobile-icon-height, 1.563rem) !important;
            display: var(--btn-side-mobile-icon-display, inline-block) !important;
        }

    .htmlelement-button-style-base-side {
        padding: var(--btn-side-mobile-padding, 8px 10px) !important;
        min-width: var(--btn-side-mobile-min-width, 40px) !important;
        width: var(--btn-side-mobile-width, 100%) !important;
    }
}

/* --- Slider --- */
.slider-tank-container {
    display: var(--slider-tank-container-display, flex);
    align-items: var(--slider-tank-container-align-items, center);
    gap: var(--slider-tank-container-gap, 0);
    width: var(--slider-tank-container-width, 100%);
    background-color: var(--slider-tank-container-bg, transparent);
    padding: var(--slider-tank-container-padding, 0);
    font-family: var(--slider-tank-container-font-family, 'Segoe UI', Arial, sans-serif);
    box-shadow: var(--slider-tank-container-box-shadow, none);
    user-select: var(--slider-tank-container-user-select, none);
    margin-bottom: var(--slider-tank-container-margin-bottom, 0);
}

/* Box contenitore del singolo slider */
.slider-tank-sliders {
    border: var(--slider-tank-sliders-border, 1px solid #000);
    background: var(--slider-tank-sliders-bg, #fff);
}

/* La riga dello slider con il gradiente a taglio netto */
.slider-row {
    position: var(--slider-row-position, relative);
    height: var(--slider-row-height, 18px);
    width: var(--slider-row-width, 200px);
    display: var(--slider-row-display, flex);
    align-items: var(--slider-row-align-items, center);
    /* Percentuale corrente: calcolata QUI, dove --val e --max sono ereditati */
    --perc: calc((var(--val, 0) / var(--max, 100)) * 100%);
    /* Doppio livello di background */
    background: linear-gradient(to right, transparent var(--perc), var(--slider-row-empty-color, #ebebeb) var(--perc)), linear-gradient(to right, var(--slider-row-scale-from, #ff6b6b), var(--slider-row-scale-mid, #ffee55), var(--slider-row-scale-to, #6bcb6b));
}

/* Testo della frazione sovrapposto */
.slider-label {
    position: var(--slider-label-position, absolute);
    left: var(--slider-label-left, 6px);
    font-weight: var(--slider-label-font-weight, bold);
    font-size: var(--slider-label-font-size, 10px);
    color: var(--slider-label-color, #000);
    text-shadow: var(--slider-label-text-shadow, 1px 1px 0px rgba(255, 255, 255, 0.6));
    pointer-events: var(--slider-label-pointer-events, none);
    z-index: var(--slider-label-z-index, 2);
}

/* L'input range vero e proprio */
.slider-row input[type="range"] {
    position: var(--slider-input-position, absolute);
    width: var(--slider-input-width, 100%);
    height: var(--slider-input-height, 100%);
    margin: var(--slider-input-margin, 0);
    padding: var(--slider-input-padding, 0);
    cursor: var(--slider-input-cursor, pointer);
    z-index: var(--slider-input-z-index, 3);
    -webkit-appearance: none;
    appearance: none;
    background: var(--slider-input-bg, transparent);
}

/* Generazione matematica delle tacchette nere sul fondo in base agli STEP */
.slider-ticks-marks {
    position: var(--slider-ticks-marks-position, absolute);
    bottom: var(--slider-ticks-marks-bottom, 0);
    left: var(--slider-ticks-marks-left, 0);
    width: var(--slider-ticks-marks-width, 100%);
    height: var(--slider-ticks-marks-height, 4px);
    /* Gradiente e background-size calcolati QUI: --step e --max sono ereditati dall'elemento */
    background: linear-gradient(to right, var(--slider-ticks-marks-color, #000) var(--slider-ticks-marks-thickness, 1px), transparent var(--slider-ticks-marks-thickness, 1px));
    background-size: calc((var(--step, 1) / var(--max, 1)) * 100%) 100%;
    pointer-events: var(--slider-ticks-marks-pointer-events, none);
    z-index: var(--slider-ticks-marks-z-index, 1);
}

/* 1. Thumb per WebKit (Chrome, Safari, Edge) */
.slider-row input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--slider-thumb-width, 2px);
    height: var(--slider-thumb-height, auto);
    background: var(--slider-thumb-bg, rgba(0, 0, 0, 0.4));
    cursor: var(--slider-thumb-cursor, pointer);
    border-radius: var(--slider-thumb-radius, 2px);
    box-shadow: var(--slider-thumb-shadow, 1px 0px 2px rgba(255, 255, 255, 0.5));
}

/* 2. Thumb per Firefox */
.slider-row input[type="range"]::-moz-range-thumb {
    width: var(--slider-thumb-width, 2px);
    height: var(--slider-thumb-height, auto);
    background: var(--slider-thumb-bg, rgba(0, 0, 0, 0.4));
    cursor: var(--slider-thumb-cursor, pointer);
    border: var(--slider-thumb-border, none);
    border-radius: var(--slider-thumb-radius, 2px);
    box-shadow: var(--slider-thumb-shadow, 1px 0px 2px rgba(255, 255, 255, 0.5));
}

/* =========================================
   STILI PER LO STATO DISABILITATO
   ========================================= */
.slider-tank-container.htmlelement-disable-default {
    opacity: var(--slider-disabled-opacity, 0.6);
    pointer-events: var(--slider-disabled-pointer-events, none);
}

    .slider-tank-container.htmlelement-disable-default .slider-row {
        background: var(--slider-disabled-row-bg, #e0e0e0);
    }

    .slider-tank-container.htmlelement-disable-default .slider-label {
        color: var(--slider-disabled-label-color, #333);
        text-shadow: var(--slider-disabled-label-text-shadow, none);
    }

    .slider-tank-container.htmlelement-disable-default input[type="range"] {
        cursor: var(--slider-disabled-input-cursor, not-allowed);
    }

        .slider-tank-container.htmlelement-disable-default input[type="range"]::-webkit-slider-thumb {
            background: var(--slider-disabled-thumb-bg, transparent);
            box-shadow: var(--slider-disabled-thumb-shadow, none);
        }

        .slider-tank-container.htmlelement-disable-default input[type="range"]::-moz-range-thumb {
            background: var(--slider-disabled-thumb-bg, transparent);
            box-shadow: var(--slider-disabled-thumb-shadow, none);
        }

/* ========================================
    Slider Label Style
   ======================================== */

.slider-label-basic {
    white-space: var(--slider-label-basic-white-space, nowrap);
    overflow: var(--slider-label-basic-overflow, hidden);
    text-overflow: var(--slider-label-basic-text-overflow, ellipsis);
    font-size: var(--slider-label-basic-font-size, 10px);
}
/*
        =============================================
        TOOLTIP CHARTS
        =============================================
    */

/* --- Tooltip charts --- */
.info-box {
    position: var(--info-box-position);
    z-index: var(--info-box-z-index);
    background: var(--info-box-bg);
    color: var(--info-box-color);
    border-radius: var(--info-box-border-radius);
    padding: var(--info-box-padding);
    box-shadow: var(--info-box-box-shadow);
    opacity: var(--info-box-opacity);
    transform: var(--info-box-transform);
    transition: var(--info-box-transition);
    pointer-events: var(--info-box-pointer-events);
    min-width: var(--info-box-min-width);
    max-width: var(--info-box-max-width);
    border: var(--info-box-border);
}

    .info-box.show {
        opacity: var(--info-box-show-opacity);
        transform: var(--info-box-show-transform);
    }

.info-box-content {
    padding: var(--info-box-content-padding);
    position: var(--info-box-content-position);
    display: var(--info-box-content-display);
    align-items: var(--info-box-content-align-items);
    justify-content: var(--info-box-content-justify-content);
    gap: var(--info-box-content-gap);
}

    .info-box-content p {
        margin: var(--info-box-content-p-margin);
        font-size: var(--info-box-content-p-font-size);
        line-height: var(--info-box-content-p-line-height);
        flex: var(--info-box-content-p-flex);
        color: var(--info-box-content-p-color);
    }

.info-box-close {
    background-color: var(--info-box-close-bg);
    border: var(--info-box-close-border);
    color: var(--info-box-close-color);
    width: var(--info-box-close-width);
    height: var(--info-box-close-height);
    cursor: var(--info-box-close-cursor);
    display: var(--info-box-close-display);
    align-items: var(--info-box-close-align-items);
    justify-content: var(--info-box-close-justify-content);
    font-size: var(--info-box-close-font-size);
    transition: var(--info-box-close-transition);
}

    .info-box-close:hover {
        background: var(--info-box-close-hover-bg);
        color: var(--info-box-close-hover-color);
        transform: var(--info-box-close-hover-transform);
    }

/* --- .simply-normal-btn-openchart --- */
.simply-normal-btn-openchart {
    background-color: var(--simply-normal-btn-openchart-bg);
    padding: var(--simply-normal-btn-openchart-padding);
    font-size: var(--simply-normal-btn-openchart-font-size);
    border: var(--simply-normal-btn-openchart-border);
    border-radius: var(--simply-normal-btn-openchart-border-radius);
    cursor: var(--simply-normal-btn-openchart-cursor);
    transition: var(--simply-normal-btn-openchart-transition);
}

    .simply-normal-btn-openchart:hover {
        background-color: var(--simply-normal-btn-openchart-hover-bg);
    }

    .simply-normal-btn-openchart:active {
        background-color: var(--simply-normal-btn-openchart-active-bg) !important;
        border-color: var(--simply-normal-btn-openchart-active-border-color);
        transform: var(--simply-normal-btn-openchart-active-transform);
    }

        .simply-normal-btn-openchart:active img,
        .simply-normal-btn-openchart:active svg,
        .simply-normal-btn-openchart:active i {
            filter: brightness(var(--simply-normal-btn-openchart-active-filter-brightness)) invert(var(--simply-normal-btn-openchart-active-filter-invert));
        }

/* --- Validazione --- */
.is-invalid.is-invalid {
    border: var(--is-invalid-border);
}

.form-error-custom {
    flex: var(--form-error-custom-flex);
    min-width: var(--form-error-custom-min-width);
    overflow: var(--form-error-custom-overflow);
    text-overflow: var(--form-error-custom-text-overflow);
    white-space: var(--form-error-custom-white-space);
    color: var(--form-error-custom-color);
    font-size: var(--form-error-custom-font-size);
    padding-left: var(--form-error-custom-padding-left);
}

/* --- Many-to-many --- */
.htmlelement-default-m2m-maincontainer {
    display: var(--htmlelement-default-m2m-maincontainer-display);
    flex-direction: var(--htmlelement-default-m2m-maincontainer-flex-direction);
    align-items: var(--htmlelement-default-m2m-maincontainer-align-items);
    justify-content: var(--htmlelement-default-m2m-maincontainer-justify-content);
}

.htmlelement-default-m2m-list {
    display: var(--htmlelement-default-m2m-list-display);
    flex-direction: var(--htmlelement-default-m2m-list-flex-direction);
    max-height: var(--htmlelement-default-m2m-list-max-height);
    min-width: var(--htmlelement-default-m2m-list-min-width);
    overflow-y: var(--htmlelement-default-m2m-list-overflow-y);
    padding: var(--htmlelement-default-m2m-list-padding);
    height: var(--htmlelement-default-m2m-list-height);
}

.btn-m2m-box-inside {
    background-color: var(--htmlelement-default-m2m-btn-bg);
    margin-bottom: var(--htmlelement-default-m2m-btn-margin-bottom);
    margin-top: var(--htmlelement-default-m2m-btn-margin-top);
    border-radius: var(--htmlelement-default-m2m-btn-border-radius);
    font-size: var(--htmlelement-default-m2m-btn-font-size) !important;
    border: var(--htmlelement-default-m2m-btn-border);
    transition: var(--htmlelement-default-m2m-btn-transition);
}

    .btn-m2m-box-inside:hover {
        background-color: var(--htmlelement-default-m2m-btn-hover-bg);
        border-color: var(--htmlelement-default-m2m-btn-hover-border-color);
        box-shadow: var(--htmlelement-default-m2m-btn-hover-box-shadow);
    }

    .btn-m2m-box-inside.active {
        background-color: var(--htmlelement-default-m2m-btn-active-bg);
        border-color: var(--htmlelement-default-m2m-btn-active-border-color);
        color: var(--htmlelement-default-m2m-btn-active-color);
        box-shadow: var(--htmlelement-default-m2m-btn-active-box-shadow);
        font-weight: var(--htmlelement-default-m2m-btn-active-font-weight);
    }

.htmlelement-default-m2m-btn-up-down {
    display: var(--htmlelement-default-m2m-btn-updown-display);
    flex-direction: var(--htmlelement-default-m2m-btn-updown-flex-direction);
    justify-content: var(--htmlelement-default-m2m-btn-updown-justify-content);
    margin-left: var(--htmlelement-default-m2m-btn-updown-margin-left);
}

.htmlelement-default-m2m-btn-left-right {
    display: var(--htmlelement-default-m2m-btn-leftright-display);
    flex-direction: var(--htmlelement-default-m2m-btn-leftright-flex-direction);
    align-items: var(--htmlelement-default-m2m-btn-leftright-align-items);
    margin-left: var(--htmlelement-default-m2m-btn-leftright-margin-left);
    margin-right: var(--htmlelement-default-m2m-btn-leftright-margin-right);
    gap: var(--htmlelement-default-m2m-btn-leftright-gap);
}

.htmlelement-default-m2m-box {
    position: var(--htmlelement-default-m2m-box-position);
    border: var(--htmlelement-default-m2m-box-border);
    box-shadow: var(--htmlelement-default-m2m-box-box-shadow);
    margin-top: var(--htmlelement-default-m2m-box-margin-top);
}

    .htmlelement-default-m2m-box .htmlelement-default-m2m-title-box {
        position: var(--htmlelement-default-m2m-title-box-position);
        top: var(--htmlelement-default-m2m-title-box-top);
        left: var(--htmlelement-default-m2m-title-box-left);
        background-color: var(--htmlelement-default-m2m-title-box-bg);
        border: var(--htmlelement-default-m2m-title-box-border);
        padding: var(--htmlelement-default-m2m-title-box-padding);
        font-size: var(--htmlelement-default-m2m-title-box-font-size);
    }

/* --- Switch --- */
.htmlelement-switch-base {
    display: var(--htmlelement-switch-base-display);
    align-items: var(--htmlelement-switch-base-align-items);
    cursor: var(--htmlelement-switch-base-cursor);
    user-select: var(--htmlelement-switch-base-user-select);
}

.htmlelement-switch-track {
    position: var(--htmlelement-switch-track-position);
    display: var(--htmlelement-switch-track-display);
    width: var(--htmlelement-switch-track-width);
    height: var(--htmlelement-switch-track-height);
    flex: var(--htmlelement-switch-track-flex);
    border-radius: var(--htmlelement-switch-track-border-radius);
    background-color: var(--htmlelement-switch-track-bg);
    border: var(--htmlelement-switch-track-border);
    transition: var(--htmlelement-switch-track-transition);
}

.htmlelement-switch-thumb {
    position: var(--htmlelement-switch-thumb-position);
    top: var(--htmlelement-switch-thumb-top);
    left: var(--htmlelement-switch-thumb-left);
    width: var(--htmlelement-switch-thumb-width);
    height: var(--htmlelement-switch-thumb-height);
    border-radius: var(--htmlelement-switch-thumb-border-radius);
    background-color: var(--htmlelement-switch-thumb-bg);
    box-shadow: var(--htmlelement-switch-thumb-box-shadow);
    transition: var(--htmlelement-switch-thumb-transition);
}

.htmlelement-switch-on .htmlelement-switch-track {
    background-color: var(--htmlelement-switch-on-track-bg);
    border-color: var(--htmlelement-switch-on-track-border-color);
}

.htmlelement-switch-on .htmlelement-switch-thumb {
    transform: var(--htmlelement-switch-on-thumb-transform);
}

/* --- RadioGroup --- */
.htmlelement-radiogroup-base {
    display: var(--htmlelement-radiogroup-base-display);
    flex-direction: var(--htmlelement-radiogroup-base-flex-direction);
    gap: var(--htmlelement-radiogroup-base-gap);
}

.htmlelement-radiogroup-horizontal {
    flex-direction: var(--htmlelement-radiogroup-horizontal-flex-direction);
    flex-wrap: var(--htmlelement-radiogroup-horizontal-flex-wrap);
    gap: var(--htmlelement-radiogroup-horizontal-gap);
}

.htmlelement-radiogroup-item {
    display: var(--htmlelement-radiogroup-item-display);
    align-items: var(--htmlelement-radiogroup-item-align-items);
    gap: var(--htmlelement-radiogroup-item-gap);
    cursor: var(--htmlelement-radiogroup-item-cursor);
    user-select: var(--htmlelement-radiogroup-item-user-select);
    padding: var(--htmlelement-radiogroup-item-padding);
    border-radius: var(--htmlelement-radiogroup-item-border-radius);
    border: var(--htmlelement-radiogroup-item-border);
    font-size: var(--htmlelement-radiogroup-item-font-size);
    transition: var(--htmlelement-radiogroup-item-transition);
}

    .htmlelement-radiogroup-item:hover {
        background-color: var(--htmlelement-radiogroup-item-hover-bg);
        border-color: var(--htmlelement-radiogroup-item-hover-border-color);
    }

    .htmlelement-radiogroup-item.active {
        color: var(--htmlelement-radiogroup-item-active-color);
        font-weight: var(--htmlelement-radiogroup-item-active-font-weight);
    }

/* --- DateRange --- */
.htmlelement-daterange-base {
    display: var(--htmlelement-daterange-base-display);
    flex-direction: var(--htmlelement-daterange-base-flex-direction);
    align-items: var(--htmlelement-daterange-base-align-items);
    gap: var(--htmlelement-daterange-base-gap);
    flex-wrap: var(--htmlelement-daterange-base-flex-wrap);
    min-width: var(--htmlelement-daterange-base-min-width);
}

.htmlelement-daterange-separator {
    flex: var(--htmlelement-daterange-separator-flex);
    color: var(--htmlelement-daterange-separator-color);
    user-select: var(--htmlelement-daterange-separator-user-select);
}

.htmlelement-daterange-days {
    flex: var(--htmlelement-daterange-days-flex);
    white-space: var(--htmlelement-daterange-days-white-space);
    color: var(--htmlelement-daterange-days-color);
    font-size: var(--htmlelement-daterange-days-font-size);
    padding-left: var(--htmlelement-daterange-days-padding-left);
}

/* --- BinaryFile --- */
.htmlelement-binaryfile-base {
    display: var(--htmlelement-binaryfile-base-display);
    flex-direction: var(--htmlelement-binaryfile-base-flex-direction);
    gap: var(--htmlelement-binaryfile-base-gap);
    min-width: var(--htmlelement-binaryfile-base-min-width);
}

.htmlelement-binaryfile-preview:not(:empty) {
    border: var(--htmlelement-binaryfile-preview-border);
    border-radius: var(--htmlelement-binaryfile-preview-border-radius);
    padding: var(--htmlelement-binaryfile-preview-padding);
    width: var(--htmlelement-binaryfile-preview-width);
    background-color: var(--htmlelement-binaryfile-preview-bg);
}

.htmlelement-binaryfile-preview img {
    display: var(--htmlelement-binaryfile-preview-img-display);
    max-width: var(--htmlelement-binaryfile-preview-img-max-width);
    max-height: var(--htmlelement-binaryfile-preview-img-max-height);
    object-fit: var(--htmlelement-binaryfile-preview-img-object-fit);
}

.htmlelement-binaryfile-info {
    font-size: var(--htmlelement-binaryfile-info-font-size);
    color: var(--htmlelement-binaryfile-info-color);
    overflow: var(--htmlelement-binaryfile-info-overflow);
    text-overflow: var(--htmlelement-binaryfile-info-text-overflow);
    white-space: var(--htmlelement-binaryfile-info-white-space);
}

.htmlelement-binaryfile-actions {
    display: var(--htmlelement-binaryfile-actions-display);
    flex-direction: var(--htmlelement-binaryfile-actions-flex-direction);
    align-items: var(--htmlelement-binaryfile-actions-align-items);
    gap: var(--htmlelement-binaryfile-actions-gap);
    flex-wrap: var(--htmlelement-binaryfile-actions-flex-wrap);
}

/* --- Currency --- */
.htmlelement-currency-base {
    display: var(--htmlelement-currency-base-display);
    flex-direction: var(--htmlelement-currency-base-flex-direction);
    align-items: var(--htmlelement-currency-base-align-items);
    gap: var(--htmlelement-currency-base-gap);
    min-width: var(--htmlelement-currency-base-min-width);
}

.htmlelement-currency-symbol {
    flex: var(--htmlelement-currency-symbol-flex);
    color: var(--htmlelement-currency-symbol-color);
    user-select: var(--htmlelement-currency-symbol-user-select);
}

/* --- DisplayField --- */
.htmlelement-displayfield-base {
    min-height: var(--htmlelement-displayfield-base-min-height);
    display: var(--htmlelement-displayfield-base-display);
    align-items: var(--htmlelement-displayfield-base-align-items);
    padding: var(--htmlelement-displayfield-base-padding);
    font-size: var(--htmlelement-displayfield-base-font-size);
    overflow: var(--htmlelement-displayfield-base-overflow);
    text-overflow: var(--htmlelement-displayfield-base-text-overflow);
    white-space: var(--htmlelement-displayfield-base-white-space);
}

.htmlelement-displayfield-empty {
    color: var(--htmlelement-displayfield-empty-color);
    font-style: var(--htmlelement-displayfield-empty-font-style);
}

/* --- CurrentStatus --- */
.htmlelement-currentstatus-base {
    display: var(--htmlelement-currentstatus-base-display);
    flex-direction: var(--htmlelement-currentstatus-base-flex-direction);
    align-items: var(--htmlelement-currentstatus-base-align-items);
    gap: var(--htmlelement-currentstatus-base-gap);
    min-width: var(--htmlelement-currentstatus-base-min-width);
}

.htmlelement-currentstatus-arrow-dx {
    flex: var(--htmlelement-currentstatus-arrow-flex);
    min-width: var(--htmlelement-currentstatus-arrow-min-width);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .htmlelement-currentstatus-arrow-dx::before {
        content: "";
        width: 0;
        height: 0;
        border-top: var(--htmlelement-currentstatus-arrow-size) solid transparent;
        border-bottom: var(--htmlelement-currentstatus-arrow-size) solid transparent;
        border-left: var(--htmlelement-currentstatus-arrow-head) solid var(--htmlelement-currentstatus-arrow-color);
    }

.htmlelement-currentstatus-arrow-sx {
    flex: var(--htmlelement-currentstatus-arrow-flex);
    min-width: var(--htmlelement-currentstatus-arrow-min-width);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .htmlelement-currentstatus-arrow-sx::before {
        content: "";
        width: 0;
        height: 0;
        border-top: var(--htmlelement-currentstatus-arrow-size) solid transparent;
        border-bottom: var(--htmlelement-currentstatus-arrow-size) solid transparent;
        border-right: var(--htmlelement-currentstatus-arrow-head) solid var(--htmlelement-currentstatus-arrow-color);
    }

/* I colori dello stato (fondo, bordo, testo) NON stanno qui: arrivano dal dato,
   calcolati da SStaticVariable.StatusColor come per il riquadro di stato della griglia,
   e il controllo li scrive inline. Qui c'e' solo la forma. */
.htmlelement-currentstatus-central {
    flex: var(--htmlelement-currentstatus-central-flex);
    min-width: var(--htmlelement-currentstatus-central-min-width);
    overflow: var(--htmlelement-currentstatus-central-overflow);
    text-overflow: var(--htmlelement-currentstatus-central-text-overflow);
    white-space: var(--htmlelement-currentstatus-central-white-space);
}

    /* Il contenuto del pulsante sta in un div flex creato da HtmlButton, che dichiara
       inline display e align-items ma non l'asse orizzontale: la descrizione dello stato
       va centrata, non lasciata a sinistra come la scritta di un pulsante qualsiasi. */
    .htmlelement-currentstatus-central > div {
        justify-content: var(--htmlelement-currentstatus-central-justify-content);
    }

/* --- Wizard --- */
.htmlelement-wizard-base {
    display: var(--htmlelement-wizard-base-display);
    flex-direction: var(--htmlelement-wizard-base-flex-direction);
    gap: var(--htmlelement-wizard-base-gap);
    width: var(--htmlelement-wizard-base-width);
}

.htmlelement-wizard-head {
    display: var(--htmlelement-wizard-head-display);
    flex-wrap: var(--htmlelement-wizard-head-flex-wrap);
    align-items: var(--htmlelement-wizard-head-align-items);
    gap: var(--htmlelement-wizard-head-gap);
    padding: var(--htmlelement-wizard-head-padding);
    border-bottom: var(--htmlelement-wizard-head-border-bottom);
}

.htmlelement-wizard-head-item {
    display: var(--htmlelement-wizard-head-item-display);
    align-items: var(--htmlelement-wizard-head-item-align-items);
    gap: var(--htmlelement-wizard-head-item-gap);
    flex: var(--htmlelement-wizard-head-item-flex);
    min-width: var(--htmlelement-wizard-head-item-min-width);
    padding: var(--htmlelement-wizard-head-item-padding);
    border-radius: var(--htmlelement-wizard-head-item-border-radius);
    color: var(--htmlelement-wizard-head-item-color);
}

.htmlelement-wizard-head-number {
    display: var(--htmlelement-wizard-head-number-display);
    align-items: var(--htmlelement-wizard-head-number-align-items);
    justify-content: var(--htmlelement-wizard-head-number-justify-content);
    flex: var(--htmlelement-wizard-head-number-flex);
    width: var(--htmlelement-wizard-head-number-width);
    height: var(--htmlelement-wizard-head-number-height);
    border-radius: var(--htmlelement-wizard-head-number-border-radius);
    font-size: var(--htmlelement-wizard-head-number-font-size);
    background-color: var(--htmlelement-wizard-head-number-bg);
    color: var(--htmlelement-wizard-head-number-color);
    border: var(--htmlelement-wizard-head-number-border);
}

.htmlelement-wizard-head-texts {
    display: var(--htmlelement-wizard-head-texts-display);
    flex-direction: var(--htmlelement-wizard-head-texts-flex-direction);
    overflow: var(--htmlelement-wizard-head-texts-overflow);
}

.htmlelement-wizard-head-title {
    font-size: var(--htmlelement-wizard-head-title-font-size);
    overflow: var(--htmlelement-wizard-head-title-overflow);
    text-overflow: var(--htmlelement-wizard-head-title-text-overflow);
    white-space: var(--htmlelement-wizard-head-title-white-space);
}

.htmlelement-wizard-head-description {
    font-size: var(--htmlelement-wizard-head-description-font-size);
    color: var(--htmlelement-wizard-head-description-color);
    overflow: var(--htmlelement-wizard-head-description-overflow);
    text-overflow: var(--htmlelement-wizard-head-description-text-overflow);
    white-space: var(--htmlelement-wizard-head-description-white-space);
}

.htmlelement-wizard-head-item-active {
    color: var(--htmlelement-wizard-head-item-active-color);
    background-color: var(--htmlelement-wizard-head-item-active-bg);
    font-weight: var(--htmlelement-wizard-head-item-active-font-weight);
}

    .htmlelement-wizard-head-item-active .htmlelement-wizard-head-number {
        background-color: var(--htmlelement-wizard-head-item-active-number-bg);
        color: var(--htmlelement-wizard-head-item-active-number-color);
        border-color: var(--htmlelement-wizard-head-item-active-number-border-color);
    }

.htmlelement-wizard-head-item-done {
    color: var(--htmlelement-wizard-head-item-done-color);
}

    .htmlelement-wizard-head-item-done .htmlelement-wizard-head-number {
        background-color: var(--htmlelement-wizard-head-item-done-number-bg);
        color: var(--htmlelement-wizard-head-item-done-number-color);
        border-color: var(--htmlelement-wizard-head-item-done-number-border-color);
    }

.htmlelement-wizard-contents {
    display: var(--htmlelement-wizard-contents-display);
    width: var(--htmlelement-wizard-contents-width);
}

.htmlelement-wizard-step {
    display: var(--htmlelement-wizard-step-display);
    width: var(--htmlelement-wizard-step-width);
}

    .htmlelement-wizard-step.htmlelement-wizard-step-active {
        display: var(--htmlelement-wizard-step-active-display);
    }

.htmlelement-wizard-buttons {
    display: var(--htmlelement-wizard-buttons-display);
    justify-content: var(--htmlelement-wizard-buttons-justify-content);
    align-items: var(--htmlelement-wizard-buttons-align-items);
    gap: var(--htmlelement-wizard-buttons-gap);
    padding-top: var(--htmlelement-wizard-buttons-padding-top);
    border-top: var(--htmlelement-wizard-buttons-border-top);
}

.htmlelement-wizard-layout {
    display: var(--htmlelement-wizard-layout-display);
    align-items: var(--htmlelement-wizard-layout-align-items);
    gap: var(--htmlelement-wizard-layout-gap);
    width: var(--htmlelement-wizard-layout-width);
}

    .htmlelement-wizard-layout > .htmlelement-wizard-base {
        flex: var(--htmlelement-wizard-layout-wizard-flex);
        min-width: var(--htmlelement-wizard-layout-wizard-min-width);
    }

.htmlelement-wizard-summary {
    flex: var(--htmlelement-wizard-summary-flex);
    display: var(--htmlelement-wizard-summary-display);
    flex-direction: var(--htmlelement-wizard-summary-flex-direction);
    gap: var(--htmlelement-wizard-summary-gap);
    padding: var(--htmlelement-wizard-summary-padding);
    border: var(--htmlelement-wizard-summary-border);
    border-radius: var(--htmlelement-wizard-summary-border-radius);
    background-color: var(--htmlelement-wizard-summary-bg);
}

.htmlelement-wizard-summary-title {
    font-weight: var(--htmlelement-wizard-summary-title-font-weight);
    padding-bottom: var(--htmlelement-wizard-summary-title-padding-bottom);
    border-bottom: var(--htmlelement-wizard-summary-title-border-bottom);
}

.htmlelement-wizard-summary-label {
    font-size: var(--htmlelement-wizard-summary-label-font-size);
    text-transform: var(--htmlelement-wizard-summary-label-text-transform);
    color: var(--htmlelement-wizard-summary-label-color);
}

@media (max-width: 900px) {
    .htmlelement-wizard-layout {
        flex-direction: column;
    }

    .htmlelement-wizard-summary {
        flex: 1 1 auto;
        width: 100%;
    }
}

/* --- .active (selezione) --- */
.active {
    background-color: var(--active-bg) !important;
}