.dx-calendar {
    background-color: transparent !important;
}

.dx-tabs {
    background-color: transparent !important;
}

.dx-tab {
    background-color: transparent !important;
}

.dx-tab-selected {
    border-bottom: solid 1px;
}

.dx-datagrid {
    background-color: transparent !important
}

    .dx-datagrid > .dx-datagrid-headers:not(.zx-grv-sticky-header), .dx-datagrid > .dx-datagrid-rowsview, .dx-datagrid > .dx-datagrid-total-footer {
        background-color: transparent !important
    }

.dx-datagrid-header-panel {
    background-color: transparent !important
}

.dx-datagrid-filter-row {
    background-color: transparent !important
}

.dx-datagrid-headers {
    border-bottom: none !important;
}

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
    background-color: transparent !important;
}

.zx-datagrid-force-bkg .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
    background-color: var(--bs-body-bg) !important;
}

.dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
    border-top: none
}

.dx-datagrid-rowsview .dx-row.dx-group-row {
    background-color: transparent !important
}

.dx-toolbar {
    background-color: transparent !important
}

.dx-row.dx-datagrid-group-footer > td {
    background-color: transparent !important
}

.dx-master-detail-cell {
    background-color: transparent !important
}

.dxc-tooltip {
    z-index: 100
}

.dx-overlay-content::before {
    pointer-events: none;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-attachment: initial;
    background-color: transparent;
    background-size: var(--bs-body-bg-image-size);
    background-repeat: repeat;
    background-attachment: initial;
    background-image: url('/lib/zxlayout/css/images/pattern-dark.png') !important;
}

.dx-overlay-content::after {
    pointer-events: none;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -10;
    background-color: var(--bs-body-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: initial;
    height: 100%;
    transition: background .2s linear;
    background-image: url('/lib/zxlayout/css/images/cover-5-dark.jpg');
    opacity: 0.02;
}

.dx-popup-wrapper > .dx-overlay-content {
    background-color: var(--bs-body-bg) !important;
    background-image: var(--bs-body-bg-gradient);
}
.dx-accordion {
    background-color: transparent !important;
}
.dx-accordion-item {
    background-color: transparent !important;
}
.dx-accordion-item-title {
    background-color: transparent !important;
}
.dx-treelist-container{
    background-color:transparent!important;
}
.dx-treelist-header-panel {
    background-color: transparent !important;
}
.dx-treelist-container > .dx-treelist-headers, .dx-treelist-container > .dx-treelist-rowsview {
    background-color: transparent!important;
}
.mfp-wrap {
    z-index: 2043
}

.mfp-content {
    z-index: 2045
}

.mfp-bg {
    z-index: 2042
}

.mfp-preloader {
    z-index: 2044
}

.zx-pre {
    margin: 0;
    font-size: inherit;
    font-family: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    word-break: break-word;
}
    .zx-pre .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        margin-bottom: 0;
    }
.zx-call-result-grv-sum-ctn:hover .zx-call-result-grv-sum-toggle {
    display: block
}
.zx-call-result-grv-sum-col {
    box-shadow: none !important
}
    .zx-call-result-grv-sum-col:hover .zx-call-result-grv-sum-toggle{
        display:block
    }
    .zx-call-result-grv-sum-col textarea {
        padding: 0 !important;
        resize: none;
    }
.zx-call-result-grv-sum-toggle{
    display:none
}

.zx-grv-sticky-header {
    background-color: var(--bs-body-bg) !important;
}

.fade:not(.show){
    display:none
}

@media (max-width: 767.98px) {
    .app-content {
        padding: 5px;
        margin-left: 0;
    }
}