.dxbl-grid {
    --dxbl-grid-bg: rgb(30, 33, 42);
    --dxbl-grid-border-color: #606060;
}

.dxbl-modal {
    --dxbl-popup-bg: var(--elevation-1);
}

.dropdown-menu {
    background-color: var(--elevation-3);
}

.dxbl-text-edit {
    --dxbl-text-edit-bg: rgb(30, 33, 42);
    --dxbl-text-edit-btn-bg: rgba(255, 255, 255, .025);
}

.dxbl-listbox {
    --dxbl-listbox-bg: var(--elevation-3) !important;
}

.dxbl-dropdown {
    --dxbl-dropdown-bg: var(--elevation-3) !important;
}

.dxbl-roller-after {
    background-color: var(--elevation-3) !important;
}

.dxbl-dropdown-dialog.dxbl-edit-dropdown, .dxbl-popup.dxbl-edit-dropdown .dxbl-modal-content {
    --dxbl-edit-dropdown-bg: var(--elevation-3) !important;
}

.dxbl-tabs {
    --dxbl-tabs-bg: var(--elevation-1) !important;
}

.dxbl-text-edit.dxbl-readonly {
    --dxbl-text-edit-readonly-bg: rgba(255, 255, 255, .025) !important;
}

.hide-uploader .dxuc-file-size {
    color: #e7e7e7 !important;
}

.hide-uploader .dxuc-file-list-view {
    border: 1px solid #adb5bd !important;
}

.drop-hover {
    background-color: var(--elevation-3) !important;
    border-color: #dbdbdb !important;
}

.disable-readonly.dxbl-text-edit.dxbl-readonly {
    --dxbl-text-edit-readonly-bg: rgb(30, 33, 42) !important;
}