.dx-popup-wrapper > .dx-overlay-content{
    background:var(--amoksys-color-surface);
    color:var(--amoksys-color-on-surface);

    & > .dx-popover-arrow:after{
        background:var(--amoksys-color-surface);
        border-color:var(--amoksys-color-surface);
    }

    & .dx-list{
        background:var(--amoksys-color-surface);
        border-color:var(--amoksys-color-surface);
    }
}

.dx-calendar{
    background:var(--amoksys-color-surface);
    color:var(--amoksys-color-on-surface);
    .dx-widget, .dx-calendar-cell{
        color:inherit;
    }
}

/* DATA-GRID */
.dx-datagrid{
    background:var(--amoksys-color-surface);
    color:var(--amoksys-color-on-surface);

    .dx-row, .dx-gridbase-container .dx-row{
        & > td, & > td.dx-datagrid-sticky-column{
            background-color:var(--amoksys-color-surface);
        }
        &.dx-row-alt > td{
            background-color:var(--amoksys-color-surface-variant);
            border-top:none;
            border-bottom:none;
        }
    }

    .dx-header-filter-empty, .dx-datagrid-headers, .dx-datagrid-headers .dx-dropdowneditor-icon{
        color:var(--amoksys-color-on-surface);
    }

    .dx-datagrid-header-panel{
        &:not(.title-class){
            background-color:var(--amoksys-color-title)!important;
            color:var(--amoksys-color-on-title)!important;
        }
        .dx-datagrid-group-panel .dx-group-panel-message, .dx-button-mode-text{
            color:inherit;
            .dx-icon{
                color:inherit;
            }
        }
    }

    .dx-datagrid-headers .dx-datagrid-table{
        .dx-row > td, .dx-row > td .dx-menu-item{
            transition:background .3s;
        }

        .dx-row > td{
            &:hover .dx-datagrid-text-content, .dx-sort, .dx-sort-indicator{
                color:var(--amoksys-color-on-surface);
            }
            .dx-menu-item-expanded, &:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-datagrid-group-space){
                background-color:var(--amoksys-color-surface-variant);
            }
        }
        .dx-datagrid-filter-row{
            background:var(--amoksys-color-surface-variant);
            color:var(--amoksys-color-on-surface);
        }
    }

    &.dx-filter-menu .dx-menu-item-content .dx-icon{
        color:var(--amoksys-color-on-surface);
    }

    .dx-datagrid-rowsview{
        .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell{
            background:var(--amoksys-color-surface);
            color:var(--amoksys-color-on-surface);
            border-top: 1px solid var(--amoksys-color-surface-divider)!important;
            border-bottom: 1px solid var(--amoksys-color-surface-divider)!important;
        }
        .dx-adaptive-detail-row .dx-field-item-label{
            color:inherit;
        }
    }

    .dx-widget{
        color:inherit;
    }

    tr{
        border-color:var(--amoksys-color-surface-divider);
    }
}

.dx-context-menu{
    .dx-submenu{
        background-color:var(--amoksys-color-surface)!important;
        color:var(--amoksys-color-on-surface)!important;
    }
    .dx-menu-item{
        transition:background .3s;
    }
    .dx-menu-item.dx-menu-item-selected{
        background-color:var(--amoksys-color-surface-variant);
        color:var(--amoksys-color-on-surface)!important;
    }
}

.dx-datagrid-focus-overlay:after{
    background:var(--amoksys-color-secondary)!important;
}

.dx-pager, .dx-pagination{
    .dx-page-sizes, .dx-pages{
        .dx-selection{
            background-color:var(--ingite-color-pagination);
            color:var(--ingite-color-on-pagination);
        }
    }
}