.btn-grid-icon {
    padding-top: var(--tblr-spacer-1) !important;
    padding-bottom: var(--tblr-spacer-1) !important;
    min-height: 1rem !important;
    min-width: 1.8rem !important;
}
.nav-link-icon .ti {
    font-size:20px;
}
.navbar-brand-image {
    height: 4rem;
    width: auto;
}

.logo {
    max-height: 4rem;
}

.occhio {
    padding-left: 1rem !important;
}

.btn i.ti {
    margin-right: 0.5rem;
}
.btn-sm i.ti {
    margin-right: 0.3rem;
}
.ti::before {
    font-size: 16px;
}
.dx-datagrid {
    max-width: none !important;
}

/*.btn-action {
    padding: calc(var(--tblr-btn-padding-y) - 5) calc(var(--tblr-btn-padding-x) - 5);
    min-width: calc(var(--tblr-btn-line-height) * 1 + calc(var(--tblr-btn-padding-y) - 5) * 2 + var(--tblr-btn-border-width) * 2);
    min-height: calc(var(--tblr-btn-line-height) 1.25rem * 1 + calc(var(--tblr-btn-padding-y) - 5) * 2 + var(--tblr-btn-border-width) * 2);
}*/
.btn-action {
    padding: 0.1rem 0.2rem;
    min-width: calc(var(--tblr-btn-line-height) * 1 + 0.2rem * 2 + var(--tblr-btn-border-width) * 2);
    min-height: calc(var(--tblr-btn-line-height) 1.25rem * 1 + 0.2rem * 2 + var(--tblr-btn-border-width) * 2);
}























/* DevExtreme Theme per Tabler.io - TEMA LIGHT e DARK */

/*** TEMA LIGHT ***/
[data-bs-theme=light] .dx-widget,
[data-bs-theme=light] .dx-item,
[data-bs-theme=light] .dx-state-focused,
[data-bs-theme=light] .dx-state-hover,
[data-bs-theme=light] .dx-state-active {
    color: var(--tblr-body-color) !important;
}

/* DataGrid - Light */
[data-bs-theme=light] .dx-datagrid {
    background-color: var(--tblr-body-bg) !important;
    color: var(--tblr-body-color) !important;
}

[data-bs-theme=light] .dx-datagrid-headers {
    background-color: var(--tblr-gray-100) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

[data-bs-theme=light] .dx-datagrid-rowsview,
[data-bs-theme=light] .dx-datagrid-row {
    background-color: var(--tblr-body-bg) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

[data-bs-theme=light] .dx-datagrid-table {
    background-color: var(--tblr-body-bg) !important;
    color: var(--tblr-body-color) !important;
}

    [data-bs-theme=light] .dx-datagrid-table td,
    [data-bs-theme=light] .dx-datagrid-table th {
        background-color: transparent !important;
        color: var(--tblr-body-color) !important;
        border-color: var(--tblr-border-color) !important;
    }

    [data-bs-theme=light] .dx-datagrid-table .dx-row {
        background-color: transparent !important;
        color: var(--tblr-body-color) !important;
    }

[data-bs-theme=light] .dx-datagrid-row.dx-state-hover {
    background-color: var(--tblr-gray-100) !important;
}

[data-bs-theme=light] .dx-datagrid-row.dx-selection {
    background-color: var(--tblr-primary) !important;
    color: var(--tblr-white) !important;
}

    [data-bs-theme=light] .dx-datagrid-row.dx-selection td {
        background-color: transparent !important;
        color: var(--tblr-white) !important;
    }

[data-bs-theme=light] .dx-header-row td {
    background-color: var(--tblr-gray-100) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

/* TextBox, TextArea, Input controls - Light */
[data-bs-theme=light] .dx-texteditor,
[data-bs-theme=light] .dx-texteditor-input,
[data-bs-theme=light] .dx-placeholder {
    background-color: var(--tblr-white) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

    [data-bs-theme=light] .dx-texteditor.dx-state-focused,
    [data-bs-theme=light] .dx-texteditor.dx-state-hover {
        border-color: var(--tblr-primary) !important;
        background-color: var(--tblr-gray-100) !important;
    }

/* Buttons - Light */
[data-bs-theme=light] .dx-button {
    background-color: var(--tblr-gray-100) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

    [data-bs-theme=light] .dx-button.dx-state-hover {
        background-color: var(--tblr-gray-200) !important;
        border-color: var(--tblr-primary) !important;
    }

    [data-bs-theme=light] .dx-button.dx-state-focused {
        background-color: var(--tblr-primary) !important;
        color: var(--tblr-white) !important;
    }

[data-bs-theme=light] .dx-button-mode-contained.dx-button-default {
    background-color: var(--tblr-primary) !important;
    color: var(--tblr-white) !important;
    border-color: var(--tblr-primary) !important;
}

    [data-bs-theme=light] .dx-button-mode-contained.dx-button-default.dx-state-hover {
        background-color: var(--tblr-primary-text-emphasis) !important;
        border-color: var(--tblr-primary-text-emphasis) !important;
    }

/* DropDownBox, SelectBox, Lookup - Light */
[data-bs-theme=light] .dx-dropdowneditor {
    background-color: var(--tblr-white) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

    [data-bs-theme=light] .dx-dropdowneditor.dx-state-active,
    [data-bs-theme=light] .dx-dropdowneditor.dx-state-focused {
        border-color: var(--tblr-primary) !important;
    }

[data-bs-theme=light] .dx-popup-wrapper .dx-overlay-content {
    background-color: var(--tblr-white) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

[data-bs-theme=light] .dx-list-item {
    background-color: var(--tblr-white) !important;
    color: var(--tblr-body-color) !important;
}

    [data-bs-theme=light] .dx-list-item.dx-state-hover {
        background-color: var(--tblr-gray-100) !important;
    }

    [data-bs-theme=light] .dx-list-item.dx-state-focused {
        background-color: var(--tblr-primary) !important;
        color: var(--tblr-white) !important;
    }

/* Checkbox - Light */
[data-bs-theme=light] .dx-checkbox-icon {
    border-color: var(--tblr-border-color) !important;
    background-color: var(--tblr-white) !important;
}

[data-bs-theme=light] .dx-checkbox-checked .dx-checkbox-icon {
    background-color: var(--tblr-primary) !important;
    border-color: var(--tblr-primary) !important;
}

/* RadioButton - Light */
[data-bs-theme=light] .dx-radiobutton-icon {
    border-color: var(--tblr-border-color) !important;
}

[data-bs-theme=light] .dx-radiobutton-checked .dx-radiobutton-icon-dot {
    background-color: var(--tblr-primary) !important;
}

/* DateBox, Calendar - Light */
[data-bs-theme=light] .dx-calendar {
    background-color: var(--tblr-white) !important;
    color: var(--tblr-body-color) !important;
}

[data-bs-theme=light] .dx-calendar-cell {
    color: var(--tblr-body-color) !important;
}

    [data-bs-theme=light] .dx-calendar-cell.dx-calendar-selected-date {
        background-color: var(--tblr-primary) !important;
        color: var(--tblr-white) !important;
    }

    [data-bs-theme=light] .dx-calendar-cell.dx-state-hover {
        background-color: var(--tblr-gray-100) !important;
    }

/* NavBar, Tabs - Light */
[data-bs-theme=light] .dx-tab {
    background-color: var(--tblr-white) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

    [data-bs-theme=light] .dx-tab.dx-state-hover {
        background-color: var(--tblr-gray-100) !important;
    }

    [data-bs-theme=light] .dx-tab.dx-state-focused,
    [data-bs-theme=light] .dx-tab.dx-tab-selected {
        background-color: var(--tblr-primary) !important;
        color: var(--tblr-white) !important;
    }

/* Scrollable - Light */
[data-bs-theme=light] .dx-scrollable-scroll {
    background-color: var(--tblr-gray-400) !important;
}

    [data-bs-theme=light] .dx-scrollable-scroll.dx-state-hover {
        background-color: var(--tblr-primary) !important;
    }

/* Toolbar - Light */
[data-bs-theme=light] .dx-toolbar {
    background-color: var(--tblr-gray-100) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

/* Menu - Light */
[data-bs-theme=light] .dx-menu {
    background-color: var(--tblr-white) !important;
    color: var(--tblr-body-color) !important;
}

[data-bs-theme=light] .dx-menu-item {
    background-color: var(--tblr-white) !important;
    color: var(--tblr-body-color) !important;
}

    [data-bs-theme=light] .dx-menu-item.dx-state-hover {
        background-color: var(--tblr-gray-100) !important;
    }

    [data-bs-theme=light] .dx-menu-item.dx-state-focused {
        background-color: var(--tblr-primary) !important;
        color: var(--tblr-white) !important;
    }

/* Pager - Light */
[data-bs-theme=light] .dx-pager {
    background-color: var(--tblr-gray-100) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

/*** TEMA DARK ***/
[data-bs-theme=dark] .dx-widget,
[data-bs-theme=dark] .dx-item,
[data-bs-theme=dark] .dx-state-focused,
[data-bs-theme=dark] .dx-state-hover,
[data-bs-theme=dark] .dx-state-active {
    color: var(--tblr-body-color) !important;
}

/* DataGrid - Dark */
[data-bs-theme=dark] .dx-datagrid {
    background-color: var(--tblr-body-bg) !important;
    color: var(--tblr-body-color) !important;
}

[data-bs-theme=dark] .dx-datagrid-headers {
    background-color: var(--tblr-secondary-bg) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

[data-bs-theme=dark] .dx-datagrid-rowsview,
[data-bs-theme=dark] .dx-datagrid-row {
    background-color: var(--tblr-body-bg) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

[data-bs-theme=dark] .dx-datagrid-table {
    background-color: var(--tblr-body-bg) !important;
    color: var(--tblr-body-color) !important;
}

    [data-bs-theme=dark] .dx-datagrid-table td,
    [data-bs-theme=dark] .dx-datagrid-table th {
        background-color: transparent !important;
        color: var(--tblr-body-color) !important;
        border-color: var(--tblr-border-color) !important;
    }

    [data-bs-theme=dark] .dx-datagrid-table .dx-row {
        background-color: transparent !important;
        color: var(--tblr-body-color) !important;
    }

[data-bs-theme=dark] .dx-datagrid-row.dx-state-hover {
    background-color: var(--tblr-secondary-bg) !important;
}

[data-bs-theme=dark] .dx-datagrid-row.dx-selection {
    background-color: var(--tblr-primary) !important;
    color: var(--tblr-white) !important;
}

    [data-bs-theme=dark] .dx-datagrid-row.dx-selection td {
        background-color: transparent !important;
        color: var(--tblr-white) !important;
    }

[data-bs-theme=dark] .dx-header-row td {
    background-color: var(--tblr-secondary-bg) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

/* TextBox, TextArea, Input controls - Dark */
[data-bs-theme=dark] .dx-texteditor,
[data-bs-theme=dark] .dx-texteditor-input,
[data-bs-theme=dark] .dx-placeholder {
    background-color: var(--tblr-secondary-bg) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

    [data-bs-theme=dark] .dx-texteditor.dx-state-focused,
    [data-bs-theme=dark] .dx-texteditor.dx-state-hover {
        border-color: var(--tblr-primary) !important;
        background-color: var(--tblr-tertiary-bg) !important;
    }

/* Buttons - Dark */
[data-bs-theme=dark] .dx-button {
    background-color: var(--tblr-secondary-bg) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

    [data-bs-theme=dark] .dx-button.dx-state-hover {
        background-color: var(--tblr-tertiary-bg) !important;
        border-color: var(--tblr-primary) !important;
    }

    [data-bs-theme=dark] .dx-button.dx-state-focused {
        background-color: var(--tblr-primary) !important;
        color: var(--tblr-white) !important;
    }

[data-bs-theme=dark] .dx-button-mode-contained.dx-button-default {
    background-color: var(--tblr-primary) !important;
    color: var(--tblr-white) !important;
    border-color: var(--tblr-primary) !important;
}

    [data-bs-theme=dark] .dx-button-mode-contained.dx-button-default.dx-state-hover {
        background-color: var(--tblr-primary-text-emphasis) !important;
        border-color: var(--tblr-primary-text-emphasis) !important;
    }

/* DropDownBox, SelectBox, Lookup - Dark */
[data-bs-theme=dark] .dx-dropdowneditor {
    background-color: var(--tblr-secondary-bg) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

    [data-bs-theme=dark] .dx-dropdowneditor.dx-state-active,
    [data-bs-theme=dark] .dx-dropdowneditor.dx-state-focused {
        border-color: var(--tblr-primary) !important;
    }

[data-bs-theme=dark] .dx-popup-wrapper .dx-overlay-content {
    background-color: var(--tblr-body-bg) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

[data-bs-theme=dark] .dx-list-item {
    background-color: var(--tblr-body-bg) !important;
    color: var(--tblr-body-color) !important;
}

    [data-bs-theme=dark] .dx-list-item.dx-state-hover {
        background-color: var(--tblr-secondary-bg) !important;
    }

    [data-bs-theme=dark] .dx-list-item.dx-state-focused {
        background-color: var(--tblr-primary) !important;
        color: var(--tblr-white) !important;
    }

/* Checkbox - Dark */
[data-bs-theme=dark] .dx-checkbox-icon {
    border-color: var(--tblr-border-color) !important;
    background-color: var(--tblr-secondary-bg) !important;
}

[data-bs-theme=dark] .dx-checkbox-checked .dx-checkbox-icon {
    background-color: var(--tblr-primary) !important;
    border-color: var(--tblr-primary) !important;
}

/* RadioButton - Dark */
[data-bs-theme=dark] .dx-radiobutton-icon {
    border-color: var(--tblr-border-color) !important;
}

[data-bs-theme=dark] .dx-radiobutton-checked .dx-radiobutton-icon-dot {
    background-color: var(--tblr-primary) !important;
}

/* DateBox, Calendar - Dark */
[data-bs-theme=dark] .dx-calendar {
    background-color: var(--tblr-body-bg) !important;
    color: var(--tblr-body-color) !important;
}

[data-bs-theme=dark] .dx-calendar-cell {
    color: var(--tblr-body-color) !important;
}

    [data-bs-theme=dark] .dx-calendar-cell.dx-calendar-selected-date {
        background-color: var(--tblr-primary) !important;
        color: var(--tblr-white) !important;
    }

    [data-bs-theme=dark] .dx-calendar-cell.dx-state-hover {
        background-color: var(--tblr-secondary-bg) !important;
    }

/* NavBar, Tabs - Dark */
[data-bs-theme=dark] .dx-tab {
    background-color: var(--tblr-body-bg) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

    [data-bs-theme=dark] .dx-tab.dx-state-hover {
        background-color: var(--tblr-secondary-bg) !important;
    }

    [data-bs-theme=dark] .dx-tab.dx-state-focused,
    [data-bs-theme=dark] .dx-tab.dx-tab-selected {
        background-color: var(--tblr-primary) !important;
        color: var(--tblr-white) !important;
    }

/* Scrollable - Dark */
[data-bs-theme=dark] .dx-scrollable-scroll {
    background-color: var(--tblr-border-color) !important;
}

    [data-bs-theme=dark] .dx-scrollable-scroll.dx-state-hover {
        background-color: var(--tblr-primary) !important;
    }

/* Toolbar - Dark */
[data-bs-theme=dark] .dx-toolbar {
    background-color: var(--tblr-secondary-bg) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

/* Menu - Dark */
[data-bs-theme=dark] .dx-menu {
    background-color: var(--tblr-body-bg) !important;
    color: var(--tblr-body-color) !important;
}

[data-bs-theme=dark] .dx-menu-item {
    background-color: var(--tblr-body-bg) !important;
    color: var(--tblr-body-color) !important;
}

    [data-bs-theme=dark] .dx-menu-item.dx-state-hover {
        background-color: var(--tblr-secondary-bg) !important;
    }

    [data-bs-theme=dark] .dx-menu-item.dx-state-focused {
        background-color: var(--tblr-primary) !important;
        color: var(--tblr-white) !important;
    }

/* Pager - Dark */
[data-bs-theme=dark] .dx-pager {
    background-color: var(--tblr-secondary-bg) !important;
    color: var(--tblr-body-color) !important;
    border-color: var(--tblr-border-color) !important;
}

/* Override specific per elementi che potrebbero avere sfondo bianco fisso */
[data-bs-theme=light] .dx-widget,
[data-bs-theme=light] .dx-item,
[data-bs-theme=light] .dx-state-default,
[data-bs-theme=dark] .dx-widget,
[data-bs-theme=dark] .dx-item,
[data-bs-theme=dark] .dx-state-default {
    background-color: transparent !important;
}