.mud-button-outlined.mud-button-outlined-primary {
    color: rgb(79 127 187);
    --mud-ripple-color: rgb(79 127 187);
    border: 1px solid rgb(79 127 187);
}

.mud-tabs-tabbar-dark {
    background-color: #4f7fbb;
}

.mud-tab.mud-tab-active {
    /* color: var(--mud-palette-primary); */
    color: #42638d;
}

.mud-tab-slider {
    background: #4f7fbb;
}

.mud-overlay.mud-overlay-absolute {
    position: fixed;
    z-index: 100000;
}

.grid-container {
    display: contents;
}

.dxbl-grid-table th, .dxbl-grid-table td {
    margin: 10px; /* Imposta il margine */
    padding: 10px; /* Aggiungi padding se necessario per l'interno delle celle */
    border-spacing: 10px; /* Per separare le celle */
}

.grid-toolbar-new,
.grid-toolbar-delete,
.grid-toolbar-edit,
.grid-toolbar-column-chooser,
.grid-toolbar-export,
.grid-toolbar-load-grid,
.grid-toolbar-save-grid,
.grid-toolbar-reset-grid,
.grid-toolbar-warning-grid {
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    height: 16px;
    width: 16px;
    opacity: 0.7;
}

.dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-active {
    --dxbl-btn-bg: #f79b22;
}

.dxbl-btn-outline-secondary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-color: #f79310;
    --dxbl-btn-border-color: #f79310;
    --dxbl-btn-active-bg: #f79b22;
}

.dxbl-checkbox, .dxbl-treeview {
    --dxbl-checkbox-check-element-checked-bg: #f79b22;
    --dxbl-checkbox-check-element-checked-hover-bg: #f9b04e;
    --dxbl-treeview-checkbox-checked-bg: #f79b22;
    --dxbl-treeview-checkbox-checked-hover-bg: #f9b04e;
}


.dxbl-text-edit {
    --dxbl-text-edit-focus-border-color: #ff9800;
    border-width: 1px;
}



.dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-active-page-btn {
    --dxbl-btn-disabled-color: #ab9898;
}

.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before, .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td::before, .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before, .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td::before {
    background-color: #ff7200;
}


.dxbl-listbox div.dxbl-listbox-item-selected::before, .dxbl-listbox tr.dxbl-listbox-item-selected > td::before {
    background-color: #ff9800;
}



.grid-toolbar-warning-grid {
    -webkit-mask-image: url("/_content/CloudIOHybrid.Shared/assets/img/warning.svg");
    mask-image: url("/_content/CloudIOHybrid.Shared/assets/img/warning.svg");
}


.grid-toolbar-column-chooser {
    -webkit-mask-image: url("/_content/CloudIOHybrid.Shared/assets/img/column-chooser.svg");
    mask-image: url("/_content/CloudIOHybrid.Shared/assets/img/column-chooser.svg");
}

.grid-toolbar-export {
    -webkit-mask-image: url("/_content/CloudIOHybrid.Shared/assets/img/export.svg");
    mask-image: url("/_content/CloudIOHybrid.Shared/assets/img/export.svg");
}

.grid-toolbar-load-grid {
    -webkit-mask-image: url("/_content/CloudIOHybrid.Shared/assets/img/load-grid.svg");
    mask-image: url("/_content/CloudIOHybrid.Shared/assets/img/load-grid.svg");
}

.grid-toolbar-save-grid {
    -webkit-mask-image: url("/_content/CloudIOHybrid.Shared/assets/img/save-grid.svg");
    mask-image: url("/_content/CloudIOHybrid.Shared/assets/img/save-grid.svg");
}

.grid-toolbar-reset-grid {
    -webkit-mask-image: url("/_content/CloudIOHybrid.Shared/assets/img/reset-grid.svg");
    mask-image: url("/_content/CloudIOHybrid.Shared/assets/img/reset-grid.svg");
}

.search-icon {
    background-color: currentColor;
    width: 16px;
    height: 16px;
    mask-image: url("/_content/CloudIOHybrid.Shared/assets/img/search.svg");
    -webkit-mask-image: url("/_content/CloudIOHybrid.Shared/assets/img/search.svg");
    opacity: 0.6;
}

.search-item {
    width: 10rem;
}

.dxbl-grid .dxbl-grid-table > tbody > tr {
    height: 45px;
}

.dxbl-grid-table > thead > tr, .dxbl-grid .dxbl-grid-table > tfoot > tr {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
    font-size: 1.1rem;
    height: 55px;
    color: #586a7f;
    border-color: #e9ecef;
    background-color: #f6f9fc;
}

.dxbl-grid .dxbl-grid-table > tfoot > tr {
    height: 35px
}

.dxbl-grid .dxbl-grid-table > thead > tr > th.dxbl-grid-fixed-cell:not(.dxbl-grid-empty-cell) {
    background-color: #f6f9fc;
}

.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
    background-color: white;
}

.dxbl-grid {
    --dxbl-grid-border-radius: 0.4rem;
    /*--dxbl-grid-font-size: none;*/
}

.dxbl-pager {
    --dxbl-pager-bg: white;
    --dxbl-pager-active-page-btn-bg: "#f79b22";
    font-size: var(--dxbl-pager-font-size);
}

.dxbl-grid .dxbl-text-edit {
    background-color: white;
}

.dxbl-btn.dxbl-disabled, .dxbl-btn:disabled {
    background: var(--dxbl-btn-disabled-bg);
    /* background-color: none; */
    color: var(--dxbl-btn-disabled-color);
    opacity: var(--dxbl-btn-disabled-opacity);
}


.dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary {
    background-color: white;
}

.dxbl-btn-primary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-bg: #f79b22;
    --dxbl-btn-border-color: #ef8d0b;
    --dxbl-btn-color: #fff;
    --dxbl-btn-active-bg: #f79b22;
    --dxbl-btn-active-color: #fff;
    --dxbl-btn-active-border-color: #f19010;
    --dxbl-btn-hover-bg: #f3a845;
    --dxbl-btn-hover-color: #fff;
    --dxbl-btn-hover-border-color: #f5971b;
    --dxbl-btn-disabled-bg: #ffbf6c;
    --dxbl-btn-disabled-color: #fff;
    --dxbl-btn-disabled-border-color: #ffb95e;
    --dxbl-btn-disabled-opacity: 1;
    --dxbl-btn-focus-shadow-color: #f79b2270;
    --dxbl-btn-focus-shadow-spread: 0.125rem;
    --dxbl-btn-focus-shadow-blur: 0rem;
}

.dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-filled {
    --dxbl-btn-hover-color: #f79310;
    --dxbl-btn-color: #f79310;
}

.dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected::before, .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected::before {
    background-color: #f79b22;
    opacity: 90%;
}


.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > li:not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover::before, .dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > li:not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover::before {
    background-color: #f79b22;
    opacity: 100%;
}



.dialog-background-title {
    /* background: rgb(from var(--mud-palette-info-lighten) r g b / 50%); */
    background: #4f7fbb;
    color: var(--mud-palette-white);
}


.mud-dialog .mud-dialog-title .mud-button-close {
    color: white;
}

/* Per dialog di conferma*/
.mud-dialog-title {
    background: #4f7fbb;
    color: white;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


/*     .mud-tooltip-root.mud-tooltip-inline {
    margin-left: 10px;
    } */
.mud-tab {
    /* margin-left: 10px; */
    margin-right: 10px;
    color: #42638d;
}

    .mud-tab.mud-tab-active {
        color: #ffffff;
        background-color: #4f7fbb /* #42638d;*/
    }

.mud-tab-slider {
    background: #FFCC80;
}

.mud-tab.mud-tab-active:hover {
    color: #42638d;
}

.card-header {
    padding-inline-start: 1.2rem;
}