html.theme-dark {
    color-scheme: dark;
    --app-dark-bg: #1f1f1f;
    --app-dark-surface: #2a2a2a;
    --app-dark-surface-soft: #303236;
    --app-dark-surface-strong: #232425;
    --app-dark-border: #404347;
    --app-dark-border-soft: rgba(255, 255, 255, 0.08);
    --app-dark-text: #ececec;
    --app-dark-text-soft: #b8bcc1;
    --app-dark-accent: #7f858d;
    --app-dark-accent-strong: #666b72;
    --app-dark-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
    --app-dark-header: linear-gradient(180deg, #2c2c2d 0%, #232324 100%);
}

html.theme-dark body,
html.theme-dark .main-p,
html.theme-dark #main {
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.04), transparent 24%),
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.03), transparent 20%),
        var(--app-dark-bg) !important;
    color: var(--app-dark-text);
}

html.theme-dark #head,
html.theme-dark .head-p {
    background: var(--app-dark-header) !important;
    color: #f7fbff !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}

html.theme-dark #logo,
html.theme-dark #logo a,
html.theme-dark #titoloBAR,
html.theme-dark #head-nome,
html.theme-dark #giorno,
html.theme-dark #clock,
html.theme-dark #logout-icon,
html.theme-dark #titolo div img,
html.theme-dark #titolo div i,
html.theme-dark #titolo div svg,
html.theme-dark .area-item a,
html.theme-dark .area-item i,
html.theme-dark .area-item svg {
    color: #f7fbff !important;
}

html.theme-dark #titolo div img {
    filter: brightness(0) invert(1) contrast(1.12) !important;
    opacity: 0.96;
}

html.theme-dark #titolo_prog img#very_soll_state,
html.theme-dark #titolo_prog img#soll_state {
    filter: none !important;
    opacity: 1 !important;
}

html.theme-dark .area-item:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

html.theme-dark .area-item:active {
    background-color: rgba(255, 255, 255, 0.16);
}

html.theme-dark img.areas {
    filter: brightness(0) invert(1);
    opacity: 0.92;
}

html.theme-dark #main-gestione,
html.theme-dark #main-gestione-wiz,
html.theme-dark #main-wrapper,
html.theme-dark .ui-widget-content,
html.theme-dark .ui-widget.ui-widget-content {
    background: linear-gradient(180deg, rgba(44, 44, 45, 0.98), rgba(33, 33, 34, 0.96)) !important;
    color: var(--app-dark-text) !important;
    border-color: var(--app-dark-border) !important;
    box-shadow: var(--app-dark-shadow);
}

html.theme-dark .ui-dialog .ui-dialog-content,
html.theme-dark .ui-dialog,
html.theme-dark .ui-widget-content a,
html.theme-dark .ui-dialog .ui-dialog-title {
    color: var(--app-dark-text) !important;
}

html.theme-dark .ui-dialog .ui-dialog-content,
html.theme-dark .ui-tabs .ui-tabs-panel,
html.theme-dark #desc_int,
html.theme-dark #note_interne {
    background: #232425 !important;
    color: var(--app-dark-text) !important;
}

html.theme-dark .ui-widget-header,
html.theme-dark .ui-dialog .ui-dialog-titlebar,
html.theme-dark .ui-tabs .ui-tabs-nav {
    background: linear-gradient(180deg, #333436, #28292b) !important;
    color: var(--app-dark-text) !important;
    border-color: var(--app-dark-border) !important;
}

html.theme-dark a {
    color: #d8dde3;
}

html.theme-dark a:hover {
    color: #f2f4f6;
}

html.theme-dark .menu-item,
html.theme-dark div.overlay button {
    background: linear-gradient(180deg, #3a3b3e, #2a2b2d) !important;
    color: #eef6ff !important;
    border-color: var(--app-dark-border) !important;
}

html.theme-dark .div_setup,
html.theme-dark .tab-left,
html.theme-dark .tab-right,
html.theme-dark .filtri,
html.theme-dark #tabTecWrap,
html.theme-dark #control_pianifica,
html.theme-dark #interventi_wrapper,
html.theme-dark #clienti_wrapper,
html.theme-dark .dt-container,
html.theme-dark .dataTables_wrapper {
    background: rgba(40, 41, 43, 0.82) !important;
    color: var(--app-dark-text) !important;
    border-color: var(--app-dark-border) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.3);
}

html.theme-dark .div_setup {
    border: 1px solid var(--app-dark-border);
}

html.theme-dark .setup-desc,
html.theme-dark .titolo-pagina,
html.theme-dark .title_filter,
html.theme-dark label,
html.theme-dark .ui-widget-content,
html.theme-dark .ui-widget,
html.theme-dark .state_col,
html.theme-dark h1,
html.theme-dark h2,
html.theme-dark h3,
html.theme-dark h4,
html.theme-dark h5,
html.theme-dark h6 {
    color: var(--app-dark-text);
}

html.theme-dark input[type="text"],
html.theme-dark input[type="search"],
html.theme-dark input[type="number"],
html.theme-dark input[type="password"],
html.theme-dark input[type="date"],
html.theme-dark input[type="time"],
html.theme-dark select,
html.theme-dark textarea,
html.theme-dark .dt-search input,
html.theme-dark .dataTables_filter input,
html.theme-dark .dt-length select,
html.theme-dark .select2-selection,
html.theme-dark .ui-widget input,
html.theme-dark .ui-widget select,
html.theme-dark .ui-widget textarea,
html.theme-dark .multiselect {
    background: var(--app-dark-surface-strong) !important;
    color: var(--app-dark-text) !important;
    border: 1px solid #4c4f54 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

html.theme-dark input::placeholder,
html.theme-dark textarea::placeholder {
    color: #91979e;
}

html.theme-dark button,
html.theme-dark .buttonState,
html.theme-dark .shadow,
html.theme-dark .ui-button,
html.theme-dark .ui-dialog-buttonpane button {
    background: linear-gradient(180deg, #63676d, #4b4f54) !important;
    color: #eff6ff !important;
    border: 1px solid #71767d !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22);
}

html.theme-dark button:hover,
html.theme-dark .buttonState:hover,
html.theme-dark .shadow:hover,
html.theme-dark .ui-button:hover,
html.theme-dark .ui-dialog-buttonpane button:hover {
    background: linear-gradient(180deg, #6d7279, #54595f) !important;
}

html.theme-dark .button-prog,
html.theme-dark .blue,
html.theme-dark .green,
html.theme-dark .red {
    border-color: transparent !important;
}

html.theme-dark #programma,
html.theme-dark #filtri,
html.theme-dark #delete,
html.theme-dark .blue.clear.shadow {
    background: linear-gradient(180deg, #63676d, #4b4f54) !important;
    color: #eef6ff !important;
    border: 1px solid #71767d !important;
}

html.theme-dark table.dataTable thead tr,
html.theme-dark table.dataTable tfoot tr,
html.theme-dark .dataTable thead tr,
html.theme-dark .dataTable tfoot tr {
    background: #2e3033 !important;
    color: var(--app-dark-text) !important;
}

html.theme-dark table.dataTable thead th,
html.theme-dark table.dataTable tfoot th {
    border-bottom-color: #45484c !important;
    color: #f2f7ff !important;
    letter-spacing: 0.01em;
}

html.theme-dark table.dataTable tbody tr:not(.contract-custom) > td,
html.theme-dark table.dataTable tbody tr:not(.contract-custom) > th {
    background-color: rgba(44, 46, 49, 0.96) !important;
}

html.theme-dark table.dataTable tbody td,
html.theme-dark table.dataTable tbody th {
    color: #eceff2 !important;
    border-color: rgba(255, 255, 255, 0.035) !important;
    border-top-color: rgba(255, 255, 255, 0.03) !important;
    border-bottom-color: rgba(255, 255, 255, 0.03) !important;
    line-height: 1.24em;
}

html.theme-dark #interventi tbody td,
html.theme-dark #interventi tbody th {
    color: #f0f2f4 !important;
    font-size: 12.5px;
}

html.theme-dark #clienti.dataTable tr.visita td,
html.theme-dark #interventi.dataTable tr.visita td,
html.theme-dark #clienti.dataTable tr.visita-tel td,
html.theme-dark #interventi.dataTable tr.visita-tel td,
html.theme-dark #clienti.dataTable tr.teleassistenza td,
html.theme-dark #interventi.dataTable tr.teleassistenza td,
html.theme-dark #clienti.dataTable tr.personalizzato td,
html.theme-dark #interventi.dataTable tr.personalizzato td,
html.theme-dark #clienti.dataTable tr.disdettato td,
html.theme-dark #interventi.dataTable tr.disdettato td,
html.theme-dark #clienti.dataTable tr.contract-custom td,
html.theme-dark #interventi.dataTable tr.contract-custom td {
    box-shadow: inset 0 0 0 9999px rgba(10, 16, 28, 0.38) !important;
}

html.theme-dark #clienti.dataTable tr.visita td,
html.theme-dark #interventi.dataTable tr.visita td {
    background-color: #81efa7 !important;
}

html.theme-dark #clienti.dataTable tr.visita-tel td,
html.theme-dark #interventi.dataTable tr.visita-tel td {
    background-color: #6ccaf7 !important;
}

html.theme-dark #clienti.dataTable tr.teleassistenza td,
html.theme-dark #interventi.dataTable tr.teleassistenza td {
    background-color: #d8a7ff !important;
}

html.theme-dark #clienti.dataTable tr.personalizzato td,
html.theme-dark #interventi.dataTable tr.personalizzato td {
    background-color: #f7f36c !important;
}

html.theme-dark #clienti.dataTable tr.disdettato td,
html.theme-dark #interventi.dataTable tr.disdettato td {
    background-color: rgb(255, 158, 155) !important;
}

html.theme-dark #clienti.dataTable tr.contract-custom td,
html.theme-dark #interventi.dataTable tr.contract-custom td {
    background-color: var(--contract-row-color) !important;
}

html.theme-dark #clienti.dataTable tr.contract-custom td,
html.theme-dark #interventi.dataTable tr.contract-custom td,
html.theme-dark #clienti.dataTable tr.contract-custom td.sorting_1,
html.theme-dark #interventi.dataTable tr.contract-custom td.sorting_1 {
    border-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    box-shadow: inset 0 0 0 9999px rgba(10, 16, 28, 0.38) !important;
}

html.theme-dark #clienti.dataTable.display tbody tr.contract-custom + tr > td,
html.theme-dark #clienti.dataTable.display tbody tr.contract-custom + tr > th,
html.theme-dark #interventi.dataTable.display tbody tr.contract-custom + tr > td,
html.theme-dark #interventi.dataTable.display tbody tr.contract-custom + tr > th,
html.theme-dark #clienti.dataTable.row-border tbody tr.contract-custom + tr > td,
html.theme-dark #clienti.dataTable.row-border tbody tr.contract-custom + tr > th,
html.theme-dark #interventi.dataTable.row-border tbody tr.contract-custom + tr > td,
html.theme-dark #interventi.dataTable.row-border tbody tr.contract-custom + tr > th {
    border-top-color: transparent !important;
}

html.theme-dark #clienti.dataTable tr.visita td,
html.theme-dark #interventi.dataTable tr.visita td,
html.theme-dark #clienti.dataTable tr.visita-tel td,
html.theme-dark #interventi.dataTable tr.visita-tel td,
html.theme-dark #clienti.dataTable tr.teleassistenza td,
html.theme-dark #interventi.dataTable tr.teleassistenza td,
html.theme-dark #clienti.dataTable tr.personalizzato td,
html.theme-dark #interventi.dataTable tr.personalizzato td,
html.theme-dark #clienti.dataTable tr.disdettato td {
    color: #101722 !important;
}

html.theme-dark table.dataTable.display tbody tr:hover > *,
html.theme-dark table.dataTable.hover tbody tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04) !important;
}

html.theme-dark #clienti.dataTable tbody tr.selected > td,
html.theme-dark #clienti.dataTable tbody tr.selected > th,
html.theme-dark #interventi.dataTable tbody tr.selected > td,
html.theme-dark #interventi.dataTable tbody tr.selected > th,
html.theme-dark .dialogRichiesta #lista_prog.dataTable tbody tr.selected > td,
html.theme-dark .dialogRichiesta #lista_prog.dataTable tbody tr.selected > th {
    box-shadow: inset 0 0 0 9999px rgba(133, 88, 84, 0.82) !important;
    color: #fff4f2 !important;
}

html.theme-dark #clienti.dataTable tbody tr.selected,
html.theme-dark #interventi.dataTable tbody tr.selected,
html.theme-dark .dialogRichiesta #lista_prog.dataTable tbody tr.selected {
    background: transparent !important;
}

html.theme-dark #clienti.dataTable tbody tr.selected:hover > td,
html.theme-dark #clienti.dataTable tbody tr.selected:hover > th,
html.theme-dark #interventi.dataTable tbody tr.selected:hover > td,
html.theme-dark #interventi.dataTable tbody tr.selected:hover > th,
html.theme-dark .dialogRichiesta #lista_prog.dataTable tbody tr.selected:hover > td,
html.theme-dark .dialogRichiesta #lista_prog.dataTable tbody tr.selected:hover > th {
    box-shadow: inset 0 0 0 9999px rgba(149, 97, 92, 0.88) !important;
}

html.theme-dark #clienti.dataTable tbody tr.selected a,
html.theme-dark #clienti.dataTable tbody tr.selected span,
html.theme-dark #clienti.dataTable tbody tr.selected strong,
html.theme-dark #interventi.dataTable tbody tr.selected a,
html.theme-dark #interventi.dataTable tbody tr.selected span,
html.theme-dark #interventi.dataTable tbody tr.selected strong,
html.theme-dark .dialogRichiesta #lista_prog.dataTable tbody tr.selected a,
html.theme-dark .dialogRichiesta #lista_prog.dataTable tbody tr.selected span,
html.theme-dark .dialogRichiesta #lista_prog.dataTable tbody tr.selected strong {
    color: inherit !important;
}

html.theme-dark .interventi-drag-proxy tbody tr.selected > td,
html.theme-dark .interventi-drag-proxy tbody tr.selected > th {
    box-shadow: inset 0 0 0 9999px rgba(133, 88, 84, 0.82) !important;
    color: #fff4f2 !important;
}

html.theme-dark .interventi-drag-proxy tbody tr.selected > td *,
html.theme-dark .interventi-drag-proxy tbody tr.selected > th * {
    color: inherit !important;
}

html.theme-dark #clienti.dataTable tbody tr.selected.visita > td,
html.theme-dark #clienti.dataTable tbody tr.selected.visita > th,
html.theme-dark #clienti.dataTable tbody tr.selected.visita-tel > td,
html.theme-dark #clienti.dataTable tbody tr.selected.visita-tel > th,
html.theme-dark #clienti.dataTable tbody tr.selected.teleassistenza > td,
html.theme-dark #clienti.dataTable tbody tr.selected.teleassistenza > th,
html.theme-dark #clienti.dataTable tbody tr.selected.personalizzato > td,
html.theme-dark #clienti.dataTable tbody tr.selected.personalizzato > th,
html.theme-dark #clienti.dataTable tbody tr.selected.disdettato > td,
html.theme-dark #clienti.dataTable tbody tr.selected.disdettato > th,
html.theme-dark #clienti.dataTable tbody tr.selected.contract-custom > td,
html.theme-dark #clienti.dataTable tbody tr.selected.contract-custom > th,
html.theme-dark #interventi.dataTable tbody tr.selected.visita > td,
html.theme-dark #interventi.dataTable tbody tr.selected.visita > th,
html.theme-dark #interventi.dataTable tbody tr.selected.visita-tel > td,
html.theme-dark #interventi.dataTable tbody tr.selected.visita-tel > th,
html.theme-dark #interventi.dataTable tbody tr.selected.teleassistenza > td,
html.theme-dark #interventi.dataTable tbody tr.selected.teleassistenza > th,
html.theme-dark #interventi.dataTable tbody tr.selected.personalizzato > td,
html.theme-dark #interventi.dataTable tbody tr.selected.personalizzato > th,
html.theme-dark #interventi.dataTable tbody tr.selected.disdettato > td,
html.theme-dark #interventi.dataTable tbody tr.selected.disdettato > th,
html.theme-dark #interventi.dataTable tbody tr.selected.contract-custom > td,
html.theme-dark #interventi.dataTable tbody tr.selected.contract-custom > th {
    box-shadow: inset 0 0 0 9999px rgba(10, 16, 28, 0.18), inset 0 0 0 2px rgba(255, 255, 255, 0.12) !important;
}

html.theme-dark #clienti.dataTable tbody tr.selected.visita:hover > td,
html.theme-dark #clienti.dataTable tbody tr.selected.visita:hover > th,
html.theme-dark #clienti.dataTable tbody tr.selected.visita-tel:hover > td,
html.theme-dark #clienti.dataTable tbody tr.selected.visita-tel:hover > th,
html.theme-dark #clienti.dataTable tbody tr.selected.teleassistenza:hover > td,
html.theme-dark #clienti.dataTable tbody tr.selected.teleassistenza:hover > th,
html.theme-dark #clienti.dataTable tbody tr.selected.personalizzato:hover > td,
html.theme-dark #clienti.dataTable tbody tr.selected.personalizzato:hover > th,
html.theme-dark #clienti.dataTable tbody tr.selected.disdettato:hover > td,
html.theme-dark #clienti.dataTable tbody tr.selected.disdettato:hover > th,
html.theme-dark #clienti.dataTable tbody tr.selected.contract-custom:hover > td,
html.theme-dark #clienti.dataTable tbody tr.selected.contract-custom:hover > th,
html.theme-dark #interventi.dataTable tbody tr.selected.visita:hover > td,
html.theme-dark #interventi.dataTable tbody tr.selected.visita:hover > th,
html.theme-dark #interventi.dataTable tbody tr.selected.visita-tel:hover > td,
html.theme-dark #interventi.dataTable tbody tr.selected.visita-tel:hover > th,
html.theme-dark #interventi.dataTable tbody tr.selected.teleassistenza:hover > td,
html.theme-dark #interventi.dataTable tbody tr.selected.teleassistenza:hover > th,
html.theme-dark #interventi.dataTable tbody tr.selected.personalizzato:hover > td,
html.theme-dark #interventi.dataTable tbody tr.selected.personalizzato:hover > th,
html.theme-dark #interventi.dataTable tbody tr.selected.disdettato:hover > td,
html.theme-dark #interventi.dataTable tbody tr.selected.disdettato:hover > th,
html.theme-dark #interventi.dataTable tbody tr.selected.contract-custom:hover > td,
html.theme-dark #interventi.dataTable tbody tr.selected.contract-custom:hover > th {
    box-shadow: inset 0 0 0 9999px rgba(10, 16, 28, 0.18), inset 0 0 0 2px rgba(255, 255, 255, 0.18) !important;
}

html.theme-dark .dt-layout-row,
html.theme-dark .dataTables_length,
html.theme-dark .dataTables_filter,
html.theme-dark .dt-length,
html.theme-dark .dt-search,
html.theme-dark .dt-paging,
html.theme-dark .dataTables_info,
html.theme-dark .dt-info {
    color: var(--app-dark-text-soft) !important;
}

html.theme-dark .dt-paging .dt-paging-button,
html.theme-dark .dataTables_paginate .paginate_button {
    color: var(--app-dark-text) !important;
}

html.theme-dark .dt-paging .dt-paging-button.current,
html.theme-dark .dataTables_paginate .paginate_button.current {
    background: linear-gradient(180deg, var(--app-dark-accent), var(--app-dark-accent-strong)) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

html.theme-dark button.dt-button,
html.theme-dark div.dt-button,
html.theme-dark a.dt-button,
html.theme-dark button.dt-button:hover,
html.theme-dark div.dt-button:hover,
html.theme-dark a.dt-button:hover {
    background: linear-gradient(180deg, #70757c, #565b61) !important;
    border: 1px solid #7d838a !important;
    color: #f1f4f7 !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

html.theme-dark .dt-buttons .dt-button img,
html.theme-dark button.dt-button img,
html.theme-dark div.dt-button img,
html.theme-dark a.dt-button img {
    filter: brightness(0) invert(1);
    opacity: 0.96;
}

html.theme-dark #interventi.dataTable thead th,
html.theme-dark #interventi.dataTable thead td,
html.theme-dark #clienti.dataTable thead th,
html.theme-dark #clienti.dataTable thead td {
    vertical-align: middle !important;
    line-height: 1.15 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

html.theme-dark #interventi.dataTable thead .dt-column-title,
html.theme-dark #clienti.dataTable thead .dt-column-title {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
}

html.theme-dark #wizard,
html.theme-dark .wizard-div,
html.theme-dark #step-1,
html.theme-dark .stepContainer {
    color: var(--app-dark-text) !important;
}

html.theme-dark ul.wizard {
    padding-bottom: 18px;
}

html.theme-dark li.wizard.active {
    background: linear-gradient(180deg, #5f646b, #4a4f56) !important;
    border-color: #767c83 !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.26) !important;
    color: #f7f8fa !important;
}

html.theme-dark li.wizard.todo {
    background: #2c2f33 !important;
    border-color: #474b50 !important;
    color: #9ea4ab !important;
}

html.theme-dark li.wizard.done {
    background: linear-gradient(180deg, #3d4740, #333b35) !important;
    border-color: #58645b !important;
    color: #eef3ef !important;
}

html.theme-dark li.wizard a,
html.theme-dark li.wizard.active a,
html.theme-dark li.wizard.todo a,
html.theme-dark li.wizard.done a,
html.theme-dark li.wizard small,
html.theme-dark li.wizard.done a small {
    color: inherit !important;
}

html.theme-dark .buttons_wizard,
html.theme-dark #nuovo_wizard,
html.theme-dark #sollecito_wizard,
html.theme-dark #prev_wizard,
html.theme-dark #avanti_wizard,
html.theme-dark #indietro2_wizard,
html.theme-dark #avanti2_wizard,
html.theme-dark #indietro3_wizard,
html.theme-dark #avanti3_wizard,
html.theme-dark #inserisciPrev {
    background: linear-gradient(180deg, #6a6f75, #52565c) !important;
    border: 1px solid #7a8087 !important;
    color: #eef2f6 !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) !important;
}

html.theme-dark .buttons_wizard:hover,
html.theme-dark #nuovo_wizard:hover,
html.theme-dark #sollecito_wizard:hover,
html.theme-dark #prev_wizard:hover,
html.theme-dark #avanti_wizard:hover,
html.theme-dark #indietro2_wizard:hover,
html.theme-dark #avanti2_wizard:hover,
html.theme-dark #indietro3_wizard:hover,
html.theme-dark #avanti3_wizard:hover,
html.theme-dark #inserisciPrev:hover {
    background: linear-gradient(180deg, #747981, #5a5f66) !important;
}

html.theme-dark .buttons_wizard .ui-button-text,
html.theme-dark #nuovo_wizard .ui-button-text,
html.theme-dark #sollecito_wizard .ui-button-text,
html.theme-dark #prev_wizard .ui-button-text,
html.theme-dark #avanti_wizard .ui-button-text,
html.theme-dark #indietro2_wizard .ui-button-text,
html.theme-dark #avanti2_wizard .ui-button-text,
html.theme-dark #indietro3_wizard .ui-button-text,
html.theme-dark #avanti3_wizard .ui-button-text,
html.theme-dark #inserisciPrev .ui-button-text {
    color: #eef2f6 !important;
}

html.theme-dark .buttons_wizard.applica-no,
html.theme-dark #sollecito_wizard.applica-no,
html.theme-dark #prev_wizard.applica-no,
html.theme-dark #avanti_wizard.applica-no {
    background: linear-gradient(180deg, #505459, #3f4347) !important;
    border-color: #63676d !important;
    color: #c1c6cc !important;
}

html.theme-dark .legenda,
html.theme-dark .contract-type-legend-mounted,
html.theme-dark .contract-type-legend-item {
    color: var(--app-dark-text) !important;
}

html.theme-dark #clienti_wrapper .contract-type-legend-mounted,
html.theme-dark #interventi_wrapper .contract-type-legend-mounted {
    padding-top: 12px !important;
    margin-bottom: 12px !important;
}

html.theme-dark .contract-type-legend-swatch {
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow: inset 0 0 0 9999px rgba(10, 16, 28, 0.34) !important;
    filter: saturate(0.82) brightness(0.88);
}

html.theme-dark .legenda .contract-type-legend-text,
html.theme-dark .dt-length,
html.theme-dark .dt-length label,
html.theme-dark .dt-search label {
    color: var(--app-dark-text-soft) !important;
}

html.theme-dark .filtri_com_little {
    background: #3a3c40;
}

html.theme-dark #div_filtri,
html.theme-dark .filtri,
html.theme-dark .filtri_col,
html.theme-dark .filtri_prio,
html.theme-dark .filtri_prio2,
html.theme-dark .filtri_stato1,
html.theme-dark .filtri_dot,
html.theme-dark .filtri_dot_left {
    background: linear-gradient(180deg, rgba(52, 53, 56, 0.98), rgba(39, 40, 42, 0.96)) !important;
    border-color: #484b4f !important;
    color: var(--app-dark-text) !important;
}

html.theme-dark #interventi_wrapper .dt-search input,
html.theme-dark #clienti_wrapper .dt-search input,
html.theme-dark .dt-search input {
    background-color: #232425 !important;
    color: #edf5ff !important;
    border-color: #51545a !important;
}

html.theme-dark .dt-search input:hover,
html.theme-dark .dt-search input:focus {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08) !important;
    border-color: #6a6d72 !important;
}

html.theme-dark #date_prog,
html.theme-dark .date_prog {
    background: #282a2d !important;
    color: #f0f6ff !important;
    border: 1px solid #575a60 !important;
    box-shadow: none !important;
    font-weight: 600;
}

html.theme-dark .ui-datepicker {
    background: #26282b !important;
    color: #e7eaee !important;
    border: 1px solid #4b4f55 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38) !important;
}

html.theme-dark .ui-datepicker .ui-datepicker-header {
    background: linear-gradient(180deg, #34363a, #2a2c2f) !important;
    color: #f2f4f6 !important;
    border: 0 !important;
    border-bottom: 1px solid #474a4f !important;
}

html.theme-dark .ui-datepicker .ui-datepicker-title,
html.theme-dark .ui-datepicker .ui-datepicker-title select {
    color: #f2f4f6 !important;
}

html.theme-dark .ui-datepicker .ui-datepicker-prev,
html.theme-dark .ui-datepicker .ui-datepicker-next {
    top: 3px !important;
    width: 26px !important;
    height: 26px !important;
    border: 1px solid #4d5056 !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #3b3e43, #2f3236) !important;
}

html.theme-dark .ui-datepicker .ui-datepicker-prev:hover,
html.theme-dark .ui-datepicker .ui-datepicker-next:hover {
    border-color: #64686e !important;
    background: linear-gradient(180deg, #46494e, #373a3f) !important;
}

html.theme-dark .ui-datepicker .ui-datepicker-prev .ui-icon,
html.theme-dark .ui-datepicker .ui-datepicker-next .ui-icon {
    background-image: url("../js/jquery-ui-1.14.2/images/ui-icons_ffffff_256x240.png") !important;
}

html.theme-dark .ui-datepicker th {
    color: #bfc5cb !important;
}

html.theme-dark .ui-datepicker td span,
html.theme-dark .ui-datepicker td a {
    background: #2f3236 !important;
    border: 1px solid #43474c !important;
    color: #eceff2 !important;
}

html.theme-dark .ui-datepicker td a:hover {
    background: #3a3d42 !important;
    border-color: #5a5e65 !important;
}

html.theme-dark .ui-datepicker .ui-state-highlight,
html.theme-dark .ui-datepicker .ui-widget-content .ui-state-highlight {
    background: #4f4434 !important;
    border-color: #76644b !important;
    color: #f5e6c9 !important;
}

html.theme-dark .ui-datepicker .ui-state-active,
html.theme-dark .ui-datepicker .ui-widget-content .ui-state-active {
    background: linear-gradient(180deg, #5e646b, #474c52) !important;
    border-color: #767c83 !important;
    color: #ffffff !important;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark {
    background: #26282b !important;
    color: #e7eaee !important;
    border: 1px solid #4b4f55 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38) !important;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_monthpicker,
html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label,
html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #2f3236 !important;
    color: #eceff2 !important;
    border-color: #484c52 !important;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
    background: #232528 !important;
    border-color: #464a50 !important;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    color: #dfe3e7 !important;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    background: #3a3d42 !important;
    color: #ffffff !important;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: linear-gradient(180deg, #5e646b, #474c52) !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    opacity: 0.9 !important;
    border-radius: 8px !important;
    background-color: #3a3d42 !important;
    background-image: none !important;
    position: relative;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev:hover,
html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next:hover,
html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button:hover {
    background-color: #474b50 !important;
    opacity: 1 !important;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev::before,
html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next::before,
html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i::before {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f3f5f7;
    text-indent: 0;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev::before {
    content: "\2039";
    font-size: 18px;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next::before {
    content: "\203A";
    font-size: 18px;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button::before {
    content: none;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i {
    background-image: none !important;
    opacity: 0.85 !important;
    position: relative;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i::before {
    content: "\25BE";
    font-size: 11px;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    text-indent: 0 !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button i,
html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button svg {
    color: #f3f5f7 !important;
    fill: #f3f5f7 !important;
    width: 12px;
    height: 12px;
    pointer-events: none;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #2a2d31 !important;
    border-color: #43474c !important;
    color: #e4e8ec !important;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_other_month,
html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_disabled,
html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    color: #81878e !important;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #d8c09a !important;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: linear-gradient(180deg, #5e646b, #474c52) !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: #3b3f44 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_time_box,
html.theme-dark .xdsoft_dark .xdsoft_time_box {
    border-color: #484c52 !important;
}

html.theme-dark .xdsoft_datetimepicker.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller,
html.theme-dark .xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
    background: #5a5f66 !important;
}

html.theme-dark #interventi_wrapper td.col-data-ora,
html.theme-dark #interventi_wrapper th.col-data-ora {
    color: #f6fbff !important;
    font-weight: 700;
    letter-spacing: 0.01em;
    font-variant-numeric: tabular-nums;
}

html.theme-dark #interventi_wrapper td.col-data-ora {
    text-shadow: 0 0 0 transparent;
}

html.theme-dark #interventi_wrapper td.col-data-ora br + * {
    color: #d6dbe1 !important;
}

html.theme-dark .prog_right,
html.theme-dark #tabTecWrap {
    background: transparent !important;
    box-shadow: none !important;
}

html.theme-dark .dip,
html.theme-dark .tabTec,
html.theme-dark table.tab_tecnici,
html.theme-dark table.noTec {
    background: #262729 !important;
    border-color: #46484c !important;
    color: var(--app-dark-text) !important;
}

html.theme-dark .dip {
    margin-bottom: 8px;
    border: 1px solid #44474b !important;
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.24);
}

html.theme-dark .tabTec {
    background: transparent !important;
}

html.theme-dark .tab_tecnici th,
html.theme-dark table.noTec th {
    background: #585f69 !important;
    color: #f5f7fa !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    text-shadow: none !important;
    font-weight: 600;
}

html.theme-dark .tab_tecnici.gruppo2 th {
    background: #5d7348 !important;
    color: #f7faee !important;
}

html.theme-dark .tab_tecnici tbody td,
html.theme-dark table.noTec td {
    background-color: #2d2f32 !important;
    color: #e4e7ea !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html.theme-dark .tab_tecnici.dataTable td:first-child,
html.theme-dark table.noTec td:first-child {
    background-color: #333539 !important;
    color: #d9dde2 !important;
}

html.theme-dark .tab_tecnici tbody tr:hover td,
html.theme-dark table.noTec tbody tr:hover td {
    background-color: #36393d !important;
}

html.theme-dark .stampaIcon,
html.theme-dark .addNote,
html.theme-dark .comm-up,
html.theme-dark .open_prog,
html.theme-dark .phone-inline {
    color: #f3f5f8 !important;
}

html.theme-dark .button-prog,
html.theme-dark .ui-widget-content .button-prog,
html.theme-dark .ui-dialog-buttonpane .button-prog,
html.theme-dark .dialogRichiesta .button-prog {
    background: linear-gradient(180deg, #7a5359, #5b3d41) !important;
    border-color: #8a676d !important;
    color: #f8f0f1 !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.24) !important;
}

html.theme-dark .button-prog:hover,
html.theme-dark .ui-widget-content .button-prog:hover,
html.theme-dark .ui-dialog-buttonpane .button-prog:hover,
html.theme-dark .dialogRichiesta .button-prog:hover {
    background: linear-gradient(180deg, #8a6067, #66464b) !important;
}

html.theme-dark .open_prog {
    background: linear-gradient(180deg, #8b6345, #684a33) !important;
    border: 1px solid #9d7759 !important;
    color: #fff4e7 !important;
}

html.theme-dark .open_prog:hover {
    background: linear-gradient(180deg, #9d7150, #735239) !important;
}

html.theme-dark .delete_prog {
    background: linear-gradient(180deg, #874648, #6a3739) !important;
    border: 1px solid #9c5d5f !important;
    color: #fff0f0 !important;
}

html.theme-dark .delete_prog:hover {
    background: linear-gradient(180deg, #9a5255, #774144) !important;
}

html.theme-dark .state_prog.done,
html.theme-dark .state_prog.verydone {
    background: linear-gradient(180deg, #4f8555, #3d6842) !important;
    border: 1px solid #699d6f !important;
    color: #eef9f0 !important;
}

html.theme-dark .state_prog.incharge,
html.theme-dark .state_prog.undone,
html.theme-dark .state_prog.notdone {
    border: 1px solid transparent !important;
}

html.theme-dark .state_prog.incharge {
    background: linear-gradient(180deg, #9b6d37, #765228) !important;
    border-color: #b1844d !important;
    color: #fff4e6 !important;
}

html.theme-dark .state_prog.undone {
    background: linear-gradient(180deg, #887834, #675b27) !important;
    border-color: #a3934c !important;
    color: #fff9e2 !important;
}

html.theme-dark .state_prog.notdone {
    background: linear-gradient(180deg, #666a70, #4e5257) !important;
    border-color: #7b8087 !important;
    color: #f0f2f4 !important;
}

html.theme-dark .notaCong,
html.theme-dark .giustificativo {
    color: #1d1e20 !important;
}

html.theme-dark tr.contract-custom td,
html.theme-dark tr.contract-custom th {
    color: var(--contract-row-text-color, #000000) !important;
}

html.theme-dark tr.contract-custom a,
html.theme-dark tr.contract-custom span,
html.theme-dark tr.contract-custom strong,
html.theme-dark tr.contract-custom pre {
    color: inherit !important;
}

html.theme-dark .select2-dropdown,
html.theme-dark .select2-results__option,
html.theme-dark .ui-menu,
html.theme-dark .ui-autocomplete {
    background: #282a2d !important;
    color: var(--app-dark-text) !important;
    border-color: var(--app-dark-border) !important;
}

html.theme-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
html.theme-dark .ui-state-active,
html.theme-dark .ui-widget-content .ui-state-active {
    background: linear-gradient(180deg, #54575d, #3f4247) !important;
    color: #eff6ff !important;
}

html.theme-dark .dialogRichiesta .ui-widget-header .ui-state-default,
html.theme-dark .ui-tabs .ui-tabs-nav li,
html.theme-dark .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    background: linear-gradient(180deg, #34363a, #2a2c2f) !important;
    color: #d9dde2 !important;
    border-color: #484b4f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

html.theme-dark .dialogRichiesta .ui-tabs-active,
html.theme-dark .dialogRichiesta .ui-tabs-active a,
html.theme-dark .dialogRichiesta .ui-state-active a,
html.theme-dark .dialogRichiesta .ui-state-active a:link {
    background: linear-gradient(180deg, #796067, #58454b) !important;
    color: #fff4f6 !important;
    border-color: #8b7178 !important;
}

html.theme-dark .dialogRichiesta .ui-tabs .ui-tabs-nav li.ui-tabs-active,
html.theme-dark .dialogRichiesta .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
html.theme-dark .dialogRichiesta .ui-tabs .ui-tabs-nav li.ui-state-active,
html.theme-dark .dialogRichiesta .ui-tabs .ui-tabs-nav li.ui-state-active .ui-tabs-anchor {
    background: linear-gradient(180deg, #796067, #58454b) !important;
    color: #fff4f6 !important;
    border-color: #8b7178 !important;
}

html.theme-dark .dialogRichiesta.ui-dialog,
html.theme-dark .dialogRichiesta .ui-dialog-content {
    border-color: #3f4247 !important;
    box-shadow: 0 24px 52px rgba(0, 0, 0, 0.42) !important;
}

html.theme-dark .dialogRichiesta .ui-dialog-titlebar {
    background: linear-gradient(180deg, #34363a, #292b2e) !important;
}

html.theme-dark .dialogRichiesta .ui-tabs {
    padding: 10px 12px 6px !important;
}

html.theme-dark .dialogRichiesta .ui-tabs .ui-tabs-nav {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

html.theme-dark .dialogRichiesta .ui-tabs .ui-tabs-panel {
    background: linear-gradient(180deg, #27292c, #242628) !important;
    border: 1px solid #393c40 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

html.theme-dark .dialogCliente.ui-dialog,
html.theme-dark .dialogCliente .ui-dialog-content {
    border-color: #3f4247 !important;
    box-shadow: 0 24px 52px rgba(0, 0, 0, 0.42) !important;
}

html.theme-dark .dialogCliente .ui-dialog-titlebar {
    background: linear-gradient(180deg, #34363a, #292b2e) !important;
}

html.theme-dark .dialogCliente .ui-dialog-titlebar .ui-dialog-titlebar-close {
    width: 18px !important;
    height: 18px !important;
    right: 6px !important;
    top: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #6a6e74 !important;
    border-radius: 4px !important;
    background: #50545a !important;
}

html.theme-dark .dialogCliente .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon,
html.theme-dark .dialogCliente .ui-dialog-titlebar .ui-dialog-titlebar-close span {
    transform: scale(0.85);
}

html.theme-dark .dialogCliente .ui-tabs {
    padding: 0 !important;
}

html.theme-dark .dialogCliente .ui-tabs .ui-tabs-nav {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    margin-bottom: 0 !important;
}

html.theme-dark .dialogCliente .ui-tabs .ui-tabs-nav li,
html.theme-dark .dialogCliente .ui-tabs .ui-tabs-nav .ui-tabs-anchor,
html.theme-dark .dialogCliente .ui-widget-header .ui-state-default {
    background: linear-gradient(180deg, #34363a, #2a2c2f) !important;
    color: #d9dde2 !important;
    border-color: #484b4f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

html.theme-dark .dialogCliente #tab-cli > ul > li,
html.theme-dark .dialogCliente #tab-cli > ul > li > a {
    background: linear-gradient(180deg, #34363a, #2a2c2f) !important;
    color: #d9dde2 !important;
    border-color: #484b4f !important;
}

html.theme-dark .dialogCliente .ui-tabs .ui-tabs-nav li.ui-tabs-active,
html.theme-dark .dialogCliente .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
html.theme-dark .dialogCliente .ui-tabs .ui-tabs-nav li.ui-state-active,
html.theme-dark .dialogCliente .ui-tabs .ui-tabs-nav li.ui-state-active .ui-tabs-anchor,
html.theme-dark .dialogCliente .ui-tabs-active,
html.theme-dark .dialogCliente .ui-tabs-active a,
html.theme-dark .dialogCliente .ui-state-active a,
html.theme-dark .dialogCliente .ui-state-active a:link {
    background: linear-gradient(180deg, #796067, #58454b) !important;
    color: #fff4f6 !important;
    border-color: #8b7178 !important;
}

html.theme-dark .dialogCliente #tab-cli > ul > li.ui-tabs-active,
html.theme-dark .dialogCliente #tab-cli > ul > li.ui-tabs-active > a,
html.theme-dark .dialogCliente #tab-cli > ul > li.ui-state-active,
html.theme-dark .dialogCliente #tab-cli > ul > li.ui-state-active > a {
    background: linear-gradient(180deg, #8a6971, #624d54) !important;
    color: #fff6f7 !important;
    border-color: #9b7a82 !important;
    border-bottom-color: transparent !important;
    box-shadow: inset 0 -2px 0 #ffd0d7, 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

html.theme-dark .dialogCliente #tab-cli > ul > li.ui-tabs-active,
html.theme-dark .dialogCliente #tab-cli > ul > li.ui-state-active,
html.theme-dark .dialogCliente #tab-cli > ul > li[aria-selected="true"] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

html.theme-dark .dialogCliente .ui-tabs .ui-tabs-panel {
    background: linear-gradient(180deg, #27292c, #242628) !important;
    border: 1px solid #393c40 !important;
    border-top: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
    padding: 0.75em 0.85em !important;
    margin-top: 0 !important;
}

html.theme-dark .dialogCliente #tabs-1 > p,
html.theme-dark .dialogCliente #tabs-2 > p,
html.theme-dark .dialogCliente #tabs-3 > p,
html.theme-dark .dialogCliente #tabs-4 > p,
html.theme-dark .dialogCliente #tabs-5 > p {
    margin: 0 !important;
}

html.theme-dark .dialogCliente .locked,
html.theme-dark .dialogCliente #locked {
    display: block;
    float: right;
    clear: both;
    margin: 0 0 4px 8px;
    color: #d7dde3 !important;
    font-size: 22px;
    line-height: 1;
    opacity: 0.95;
}

html.theme-dark .dialogCliente label,
html.theme-dark .dialogCliente .tab,
html.theme-dark .dialogCliente span,
html.theme-dark .dialogCliente p,
html.theme-dark .dialogCliente h1,
html.theme-dark .dialogCliente h2,
html.theme-dark .dialogCliente h3,
html.theme-dark .dialogCliente h4,
html.theme-dark .dialogCliente h5,
html.theme-dark .dialogCliente h6 {
    color: #e2e7ec !important;
}

html.theme-dark .dialogCliente #tab-cli-l-1 p.tab,
html.theme-dark .dialogCliente #tabs-2 p.tab,
html.theme-dark .dialogCliente label.tab,
html.theme-dark .dialogCliente legend.tab,
html.theme-dark .dialogCliente .check_tab,
html.theme-dark .dialogCliente .check_tab * {
    color: #e2e7ec !important;
}

html.theme-dark .dialogCliente input[type="text"],
html.theme-dark .dialogCliente input[type="search"],
html.theme-dark .dialogCliente input[type="number"],
html.theme-dark .dialogCliente input[type="date"],
html.theme-dark .dialogCliente input[type="time"],
html.theme-dark .dialogCliente select,
html.theme-dark .dialogCliente textarea {
    background: #1f2022 !important;
    border-color: #4a4d51 !important;
    color: #ececec !important;
}

html.theme-dark .dialogCliente input[readonly],
html.theme-dark .dialogCliente textarea[readonly],
html.theme-dark .dialogCliente input:disabled,
html.theme-dark .dialogCliente select:disabled,
html.theme-dark .dialogCliente textarea:disabled {
    background: #2a2d31 !important;
    border-color: #585d64 !important;
    color: #9ca3ab !important;
    opacity: 1 !important;
}

html.theme-dark .dialogCliente.cliente-dialog-locked .dropzone.upload,
html.theme-dark .dialogCliente.cliente-dialog-locked .ibc_fba,
html.theme-dark .dialogCliente.cliente-dialog-locked #ibc_fba_file,
html.theme-dark .dialogCliente.cliente-dialog-locked .select2-container--default.select2-container--disabled .select2-selection--single,
html.theme-dark .dialogCliente.cliente-dialog-locked .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background: #2a2d31 !important;
    border-color: #585d64 !important;
    color: #9ca3ab !important;
    opacity: 0.72 !important;
}

html.theme-dark .dialogCliente.cliente-dialog-locked .dropzone.upload,
html.theme-dark .dialogCliente.cliente-dialog-locked .ibc_fba,
html.theme-dark .dialogCliente.cliente-dialog-locked #ibc_fba_file {
    pointer-events: none;
}

html.theme-dark .dialogCliente.cliente-dialog-locked .dropzone.upload *,
html.theme-dark .dialogCliente.cliente-dialog-locked .ibc_fba *,
html.theme-dark .dialogCliente.cliente-dialog-locked #ibc_fba_file * {
    color: #9ca3ab !important;
}

html.theme-dark .dialogCliente.cliente-dialog-locked .dropzone.upload .dz-message,
html.theme-dark .dialogCliente.cliente-dialog-locked .dropzone.upload .dz-preview,
html.theme-dark .dialogCliente.cliente-dialog-locked .ibc_fba a,
html.theme-dark .dialogCliente.cliente-dialog-locked #ibc_fba_file a {
    color: #9ca3ab !important;
}

html.theme-dark .dialogCliente .checkb:disabled,
html.theme-dark .dialogCliente input.checkb:disabled {
    filter: grayscale(1);
    opacity: 0.55 !important;
}

html.theme-dark .dialogCliente .select2-container--default.select2-container--disabled .select2-selection--single,
html.theme-dark .dialogCliente .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background: #2a2d31 !important;
    border-color: #585d64 !important;
    color: #9ca3ab !important;
}

html.theme-dark .dialogCliente .select2-container--default.select2-container--disabled .select2-selection__rendered,
html.theme-dark .dialogCliente .select2-container--default.select2-container--disabled .select2-selection__choice {
    color: #9ca3ab !important;
}

html.theme-dark .dialogCliente #tabs-3,
html.theme-dark .dialogCliente #uploadCDDD,
html.theme-dark .dialogCliente .tab-cli-l-new,
html.theme-dark .dialogCliente .tab-cli-r-new {
    box-sizing: border-box;
    overflow: hidden;
}

html.theme-dark .dialogCliente #tabs-3 .tab-cli-l-new,
html.theme-dark .dialogCliente #tabs-3 .tab-cli-r-new {
    background: #26282b !important;
}

html.theme-dark .dialogCliente .dropzone,
html.theme-dark .dialogCliente .dz-message,
html.theme-dark .dialogCliente .ibc_fba,
html.theme-dark .dialogCliente #ibc_fba_file {
    background: #232528 !important;
    border-color: #474a4f !important;
    color: #d8dce1 !important;
}

html.theme-dark .dialogCliente #tabs-3 .dropzone,
html.theme-dark .dialogCliente #tabs-3 .dz-message,
html.theme-dark .dialogCliente #tabs-3 .ibc_fba,
html.theme-dark .dialogCliente #tabs-3 #ibc_fba_file {
    background: #232528 !important;
    color: #d8dce1 !important;
    border-color: #474a4f !important;
}

html.theme-dark .dialogCliente .dropzone {
    border: 1px dashed #5b6067 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

html.theme-dark .dialogCliente #tabs-3 .dropzone.dz-clickable .dz-message,
html.theme-dark .dialogCliente #tabs-3 .dropzone.dz-clickable .dz-message * {
    background: transparent !important;
    color: #d9dde2 !important;
}

html.theme-dark .dialogCliente .dropzone .dz-message,
html.theme-dark .dialogCliente .dropzone .dz-message * {
    color: #d9dde2 !important;
}

html.theme-dark .dialogCliente .dropzone .dz-preview .dz-image {
    background: #2f3236 !important;
    border: 1px solid #4c5056 !important;
}

html.theme-dark .dialogCliente .dropzone .dz-preview .dz-details,
html.theme-dark .dialogCliente .dropzone .dz-preview .dz-filename span,
html.theme-dark .dialogCliente .dropzone .dz-preview .dz-size,
html.theme-dark .dialogCliente .dropzone .dz-preview .dz-remove {
    color: #e4e8ec !important;
}

html.theme-dark .dialogCliente .ibc_fba,
html.theme-dark .dialogCliente #ibc_fba_file,
html.theme-dark .dialogCliente #uploadCl {
    max-width: 100%;
}

html.theme-dark .dialogCliente .ibc_fba {
    overflow-x: auto;
}

html.theme-dark .dialogCliente .ibc_fba table,
html.theme-dark .dialogCliente .ibc_fba tbody,
html.theme-dark .dialogCliente .ibc_fba tr,
html.theme-dark .dialogCliente .ibc_fba td,
html.theme-dark .dialogCliente .ibc_fba th {
    background: #232528 !important;
    color: #e2e6ea !important;
    border-color: #42464b !important;
}

html.theme-dark .dialogCliente .ibc_fba table {
    width: 100% !important;
    table-layout: fixed;
}

html.theme-dark .dialogCliente .ibc_fba th {
    color: #9db6a2 !important;
}

html.theme-dark .dialogCliente .ibc_fba td.root {
    background: #303338 !important;
}

html.theme-dark .dialogCliente .ibc_fba a,
html.theme-dark .dialogCliente .ibc_fba span,
html.theme-dark .dialogCliente .ibc_fba strong,
html.theme-dark .dialogCliente .ibc_fba td,
html.theme-dark .dialogCliente .ibc_fba th {
    color: #e2e6ea !important;
}

html.theme-dark .dialogCliente .ibc_fba .fa-folder {
    color: #c59a3f !important;
}

html.theme-dark .dialogCliente .ibc_fba .fa-file,
html.theme-dark .dialogCliente .ibc_fba .fa-file-text,
html.theme-dark .dialogCliente .ibc_fba .fa-file-o,
html.theme-dark .dialogCliente .ibc_fba .fa-file-text-o {
    color: #8bb6d4 !important;
}

html.theme-dark .dialogCliente .ibc_fba .fa-file-pdf-o,
html.theme-dark .dialogCliente .ibc_fba .fa-file-pdf {
    color: #d38383 !important;
}

html.theme-dark .dialogCliente .ibc_fba .fa-archive {
    color: #b98acc !important;
}

html.theme-dark .dialogCliente .ibc_fba .fa-reply,
html.theme-dark .dialogCliente .ibc_fba .fa-trash,
html.theme-dark .dialogCliente .ibc_fba .fa-remove,
html.theme-dark .dialogCliente .ibc_fba .fa-times {
    color: #f0c6c6 !important;
}

html.theme-dark .dialogCliente iframe.google-map,
html.theme-dark .dialogCliente iframe.googlemap {
    filter: invert(0.92) hue-rotate(190deg) saturate(1.2) brightness(0.78) contrast(0.96) sepia(0.12);
    border: 1px solid #4a4d51 !important;
    border-radius: 4px;
    display: block;
    width: 100% !important;
    max-width: 328px;
    height: 198px;
    box-sizing: border-box;
}

html.theme-dark .dialogCliente #tab-cli-r address,
html.theme-dark .dialogCliente #tab-cli-r .intrinsic-container {
    display: block;
    width: 328px;
    max-width: 100%;
    overflow: hidden;
}

html.theme-dark .dialogRichiesta input[type="text"],
html.theme-dark .dialogRichiesta input[type="search"],
html.theme-dark .dialogRichiesta input[type="number"],
html.theme-dark .dialogRichiesta input[type="date"],
html.theme-dark .dialogRichiesta input[type="time"],
html.theme-dark .dialogRichiesta select,
html.theme-dark .dialogRichiesta textarea {
    background: #1f2022 !important;
    border-color: #4a4d51 !important;
    color: #ececec !important;
}

html.theme-dark .dialogRichiesta textarea,
html.theme-dark #desc_int,
html.theme-dark #note_interne {
    background: #222427 !important;
    border-color: #43464b !important;
}

html.theme-dark .dialogRichiesta .tab,
html.theme-dark .dialogRichiesta #label_note,
html.theme-dark .dialogRichiesta .label_desc_int,
html.theme-dark .dialogRichiesta .desc-p .tab,
html.theme-dark .dialogRichiesta .desc-s .tab {
    color: #d5d9de !important;
}

html.theme-dark .dialogRichiesta .dropzone,
html.theme-dark .dialogRichiesta .dz-message,
html.theme-dark .dialogRichiesta .ibc_fba,
html.theme-dark .dialogRichiesta #ibc_fba_file {
    background: #232528 !important;
    border-color: #474a4f !important;
    color: #d8dce1 !important;
}

html.theme-dark .dialogRichiesta .dropzone {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

html.theme-dark #wizard .dropzone,
html.theme-dark #wizard .dz-message,
html.theme-dark .wizard-div .dropzone,
html.theme-dark .wizard-div .dz-message {
    background: #24272a !important;
    border: 1px dashed #5b6067 !important;
    color: #d9dde2 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

html.theme-dark #wizard .dropzone .dz-message,
html.theme-dark #wizard .dropzone .dz-message *,
html.theme-dark .wizard-div .dropzone .dz-message,
html.theme-dark .wizard-div .dropzone .dz-message * {
    color: #d9dde2 !important;
}

html.theme-dark #wizard .dropzone .dz-preview .dz-image,
html.theme-dark .wizard-div .dropzone .dz-preview .dz-image {
    background: #2f3236 !important;
    border: 1px solid #4c5056 !important;
}

html.theme-dark #wizard .dropzone .dz-preview .dz-details,
html.theme-dark #wizard .dropzone .dz-preview .dz-filename span,
html.theme-dark #wizard .dropzone .dz-preview .dz-size,
html.theme-dark .wizard-div .dropzone .dz-preview .dz-details,
html.theme-dark .wizard-div .dropzone .dz-preview .dz-filename span,
html.theme-dark .wizard-div .dropzone .dz-preview .dz-size {
    color: #e4e8ec !important;
}

html.theme-dark #wizard .dropzone .dz-preview .dz-remove,
html.theme-dark .wizard-div .dropzone .dz-preview .dz-remove {
    color: #f0c6c6 !important;
}

html.theme-dark .dialogRichiesta .ibc_fba table,
html.theme-dark .dialogRichiesta .ibc_fba tbody,
html.theme-dark .dialogRichiesta .ibc_fba tr,
html.theme-dark .dialogRichiesta .ibc_fba td,
html.theme-dark .dialogRichiesta .ibc_fba th {
    background: #232528 !important;
    color: #e2e6ea !important;
    border-color: #42464b !important;
}

html.theme-dark .dialogRichiesta .ibc_fba th {
    color: #9db6a2 !important;
}

html.theme-dark .dialogRichiesta .ibc_fba td.root {
    background: #303338 !important;
}

html.theme-dark .dialogRichiesta .ibc_fba a,
html.theme-dark .dialogRichiesta .ibc_fba span,
html.theme-dark .dialogRichiesta .ibc_fba strong {
    color: #e2e6ea !important;
}

html.theme-dark .dialogRichiesta .ibc_fba .fa-folder {
    color: #c59a3f !important;
}

html.theme-dark .dialogRichiesta .ibc_fba .fa-file,
html.theme-dark .dialogRichiesta .ibc_fba .fa-file-text,
html.theme-dark .dialogRichiesta .ibc_fba .fa-file-o,
html.theme-dark .dialogRichiesta .ibc_fba .fa-file-text-o {
    color: #8bb6d4 !important;
}

html.theme-dark .dialogRichiesta .ibc_fba .fa-file-pdf-o,
html.theme-dark .dialogRichiesta .ibc_fba .fa-file-pdf {
    color: #d38383 !important;
}

html.theme-dark .dialogRichiesta .ibc_fba .fa-archive {
    color: #b98acc !important;
}

html.theme-dark .dialogRichiesta .ibc_fba .fa-reply,
html.theme-dark .dialogRichiesta .ibc_fba .fa-trash,
html.theme-dark .dialogRichiesta .ibc_fba .fa-remove,
html.theme-dark .dialogRichiesta .ibc_fba .fa-times {
    color: #d78479 !important;
}

html.theme-dark .dialogRichiesta .div_chiusura {
    color: #dde1e6 !important;
}

html.theme-dark .dialogRichiesta .file_chiusura {
    background: #2a2d31 !important;
    border: 1px solid #4b5057 !important;
    color: #e4e8ec !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
}

html.theme-dark .dialogRichiesta .file_chiusura a,
html.theme-dark .dialogRichiesta .file_chiusura span,
html.theme-dark .dialogRichiesta .file_chiusura .link_chiusura {
    color: #e8ecf0 !important;
}

html.theme-dark .dialogRichiesta .file_chiusura .mail_chiusura {
    color: #98d5a2 !important;
}

html.theme-dark .dialogRichiesta .file_chiusura .del_chiusura,
html.theme-dark .dialogRichiesta .file_chiusura .mod_filename {
    color: #d3d8de !important;
}

html.theme-dark .dialogRichiesta .file_chiusura .del_chiusura:hover {
    color: #f0a0a0 !important;
}

html.theme-dark .dialogRichiesta .file_chiusura .mod_filename:hover {
    color: #f4d7a1 !important;
}

html.theme-dark .dialogRichiesta .file_chiusura img.invia_mail {
    filter: brightness(0) invert(1);
    opacity: 0.88;
}

html.theme-dark .dialogRichiesta .file_chiusura .selectize-control.multi .selectize-input,
html.theme-dark .dialogRichiesta .file_chiusura .selectize-dropdown,
html.theme-dark .dialogRichiesta .file_chiusura select.email-chiusura {
    background: #232528 !important;
    border-color: #4a4e54 !important;
    color: #e4e8ec !important;
}

html.theme-dark .dialogRichiesta table.dataTable thead th,
html.theme-dark .dialogRichiesta table.dataTable thead td {
    background: #323438 !important;
    color: #f1f3f5 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    vertical-align: middle !important;
}

html.theme-dark .dialogRichiesta table.dataTable tbody td,
html.theme-dark .dialogRichiesta table.dataTable tbody th {
    background: #2b2d30 !important;
    color: #eceff2 !important;
}

html.theme-dark .dialogRichiesta #lista_prog.dataTable td,
html.theme-dark .dialogRichiesta #lista_prog.dataTable th {
    white-space: normal !important;
}

html.theme-dark .dialogRichiesta #lista_prog_wrapper .dt-scroll-body thead,
html.theme-dark .dialogRichiesta #lista_prog_wrapper .dt-scroll-body thead tr,
html.theme-dark .dialogRichiesta #lista_prog_wrapper .dt-scroll-body thead th,
html.theme-dark .dialogRichiesta #lista_prog_wrapper .dt-scroll-body thead td {
    background: transparent !important;
    color: transparent !important;
    border: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
}

html.theme-dark .dialogRichiesta #lista_prog_wrapper .dt-scroll-body thead .dt-column-title,
html.theme-dark .dialogRichiesta #lista_prog_wrapper .dt-scroll-body thead .dt-column-order,
html.theme-dark .dialogRichiesta #lista_prog_wrapper .dt-scroll-body thead .dt-column-header {
    display: none !important;
}

html.theme-dark .dialogRichiesta .stampaIcon,
html.theme-dark .dialogRichiesta .addNote,
html.theme-dark .dialogRichiesta .comm-up {
    color: #f4d8dd !important;
}

html.theme-dark .tox-tinymce,
html.theme-dark .tox .tox-editor-header,
html.theme-dark .tox .tox-toolbar,
html.theme-dark .tox .tox-toolbar__primary,
html.theme-dark .tox .tox-menubar,
html.theme-dark .tox .tox-statusbar,
html.theme-dark .tox .tox-edit-area__iframe {
    background: #2a2b2d !important;
    border-color: #4a4c50 !important;
}

html.theme-dark .tox .tox-tbtn svg,
html.theme-dark .tox .tox-tbtn,
html.theme-dark .tox .tox-statusbar,
html.theme-dark .tox .tox-statusbar a,
html.theme-dark .tox .tox-statusbar__path-item,
html.theme-dark .tox .tox-collection__item-label {
    color: #dbe7f5 !important;
    fill: #dbe7f5 !important;
}

html.theme-dark .tox .tox-tbtn:hover,
html.theme-dark .tox .tox-tbtn:focus,
html.theme-dark .tox .tox-tbtn--enabled,
html.theme-dark .tox .tox-tbtn--enabled:hover {
    background: #3a3c40 !important;
}

@media print {
    html.theme-dark,
    html.theme-dark body,
    html.theme-dark #main,
    html.theme-dark .main-p,
    html.theme-dark #main-gestione,
    html.theme-dark #main-gestione-wiz,
    html.theme-dark #main-wrapper,
    html.theme-dark .ui-widget-content,
    html.theme-dark .ui-widget.ui-widget-content,
    html.theme-dark .div_setup,
    html.theme-dark .tab-left,
    html.theme-dark .tab-right,
    html.theme-dark .filtri,
    html.theme-dark #tabTecWrap,
    html.theme-dark #control_pianifica,
    html.theme-dark #interventi_wrapper,
    html.theme-dark #clienti_wrapper,
    html.theme-dark .dt-container,
    html.theme-dark .dataTables_wrapper,
    html.theme-dark .prog_right,
    html.theme-dark .prog_main {
        background: #ffffff !important;
        color: #000000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    html.theme-dark #head,
    html.theme-dark .head-p,
    html.theme-dark .ui-widget-header,
    html.theme-dark .ui-dialog .ui-dialog-titlebar,
    html.theme-dark .ui-tabs .ui-tabs-nav {
        background: #ffffff !important;
        color: #000000 !important;
        box-shadow: none !important;
        border-color: #cfcfcf !important;
    }

    html.theme-dark #logo,
    html.theme-dark #logo a,
    html.theme-dark #titoloBAR,
    html.theme-dark #head-nome,
    html.theme-dark #giorno,
    html.theme-dark #clock,
    html.theme-dark #logout-icon,
    html.theme-dark #titolo div i,
    html.theme-dark #titolo div svg,
    html.theme-dark .area-item a,
    html.theme-dark .area-item i,
    html.theme-dark .area-item svg,
    html.theme-dark a,
    html.theme-dark label,
    html.theme-dark h1,
    html.theme-dark h2,
    html.theme-dark h3,
    html.theme-dark h4,
    html.theme-dark h5,
    html.theme-dark h6,
    html.theme-dark span,
    html.theme-dark div,
    html.theme-dark p {
        color: #000000 !important;
    }

    html.theme-dark img.areas {
        filter: none !important;
        opacity: 1 !important;
    }

    html.theme-dark input,
    html.theme-dark select,
    html.theme-dark textarea,
    html.theme-dark button,
    html.theme-dark .buttonState,
    html.theme-dark .shadow,
    html.theme-dark .ui-button,
    html.theme-dark .dt-paging .dt-paging-button,
    html.theme-dark .dataTables_paginate .paginate_button {
        background: #ffffff !important;
        color: #000000 !important;
        border-color: #cfcfcf !important;
        box-shadow: none !important;
    }

    html.theme-dark table,
    html.theme-dark thead,
    html.theme-dark tbody,
    html.theme-dark tfoot,
    html.theme-dark tr,
    html.theme-dark td,
    html.theme-dark th {
        color: #000000 !important;
        border-color: #d4d4d4 !important;
        box-shadow: none !important;
    }

    html.theme-dark table.dataTable,
    html.theme-dark table.tab_tecnici,
    html.theme-dark table.noTec,
    html.theme-dark #interventi,
    html.theme-dark #clienti,
    html.theme-dark #manutenzione {
        border-collapse: collapse !important;
        border: 1px solid #d4d4d4 !important;
    }

    html.theme-dark table.dataTable thead th,
    html.theme-dark table.dataTable thead td,
    html.theme-dark table.dataTable tbody th,
    html.theme-dark table.dataTable tbody td,
    html.theme-dark .tab_tecnici th,
    html.theme-dark .tab_tecnici td,
    html.theme-dark table.noTec th,
    html.theme-dark table.noTec td {
        border: 1px solid #d4d4d4 !important;
    }

    html.theme-dark table.dataTable thead tr,
    html.theme-dark table.dataTable tfoot tr,
    html.theme-dark .dataTable thead tr,
    html.theme-dark .dataTable tfoot tr,
    html.theme-dark table.dataTable tbody tr:not(.contract-custom) > td,
    html.theme-dark table.dataTable tbody tr:not(.contract-custom) > th,
    html.theme-dark .tab_tecnici tbody td,
    html.theme-dark table.noTec td {
        background: #ffffff !important;
        color: #000000 !important;
    }

    html.theme-dark tr.contract-custom td,
    html.theme-dark tr.contract-custom th,
    html.theme-dark #clienti.dataTable tr.visita td,
    html.theme-dark #interventi.dataTable tr.visita td,
    html.theme-dark #clienti.dataTable tr.visita-tel td,
    html.theme-dark #interventi.dataTable tr.visita-tel td,
    html.theme-dark #clienti.dataTable tr.teleassistenza td,
    html.theme-dark #interventi.dataTable tr.teleassistenza td,
    html.theme-dark #clienti.dataTable tr.personalizzato td,
    html.theme-dark #interventi.dataTable tr.personalizzato td,
    html.theme-dark #clienti.dataTable tr.disdettato td,
    html.theme-dark #interventi.dataTable tr.disdettato td {
        box-shadow: none !important;
        color: #000000 !important;
    }

    html.theme-dark .theme-toggle {
        display: none !important;
    }
}