.dxbl-treeview {
    --dxbl-treeview-spacing-x: 0rem;
    --dxbl-treeview-spacing-y: 0;
    --dxbl-treeview-font-size: 14px;
    --dxbl-treeview-font-weight: 400;
    --dxbl-treeview-line-height: 1.4285;
    --dxbl-treeview-text-padding-y: 0.25003125rem;
    --dxbl-treeview-btn-bg: transparent;
    --dxbl-treeview-btn-color: unset;
    --dxbl-treeview-btn-hover-bg: unset;
    --dxbl-treeview-btn-hover-color: inherit;
    --dxbl-treeview-image-spacing: 0.375rem;
    --dxbl-treeview-navigation-filter-bottom-spacing: 0.75rem;
    --dxbl-treeview-navigation-filter-content-bg-color: yellow;
    --dxbl-treeview-navigation-filter-content-color: #212529;
    --dxbl-treeview-check-all-bottom-spacing: 0.25rem;
    --dxbl-treeview-check-all-border-bottom-color: unset;
    --dxbl-treeview-check-all-border-bottom-width: 1px;
    --dxbl-treeview-check-all-border-bottom-style: solid;
    --dxbl-treeview-item-text-wrap: normal;
    --dxbl-treeview-item-content-indent: 0.9375rem;
    --dxbl-treeview-item-hover-bg: #f44336;
    --dxbl-treeview-item-hover-color: inherit;
    --dxbl-treeview-item-selection-bg: unset;
    --dxbl-treeview-item-selection-color: #fff;
    --dxbl-treeview-item-border-radius: 0.25rem;
    --dxbl-treeview-item-spacing-y: 0.375rem;
    --dxbl-treeview-item-content-container-border-width: 0.125rem;
    --dxbl-treeview-checkbox-checked-color: #fff;
    --dxbl-treeview-checkbox-checked-bg: unset;
    --dxbl-treeview-checkbox-checked-hover-bg: #5f368d;
    --dxbl-treeview-checkbox-disabled-bg: unset;
    --dxbl-treeview-checkbox-disabled-color: #fff;
    --dxbl-treeview-checkbox-unchecked-bg: #fff;
    --dxbl-treeview-checkbox-unchecked-hover-bg: #fff;
    --dxbl-treeview-checkbox-unchecked-hover-border-color: unset;
    --dxbl-treeview-checkbox-unchecked-border-width: 2px;
    --dxbl-treeview-empty-data-padding-x: 1rem;
    --dxbl-treeview-empty-data-padding-y: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: var(--dxbl-treeview-spacing-y) var(--dxbl-treeview-spacing-x);
}

    .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-btn {
        width: 0px;
    }

.BuGridCss {
    height: calc(100vh - 200px);
}

.BuGridCss120 {
    height: calc(100vh - 120px);
}

.dxbl-scroll-viewer > .dxbl-scroll-viewer-vert-scroll-bar > .dxbl-scroll-viewer-scroll-thumb {
    width: 13px;
    color: gray;
}

.dxbl-scroll-viewer > .dxbl-scroll-viewer-hor-scroll-bar > .dxbl-scroll-viewer-scroll-thumb {
    height: 13px;
    color: gray;
}

.dxbl-scroll-viewer > .dxbl-scroll-viewer-vert-scroll-bar:not(.dxbl-disabled):not(:disabled):hover .dxbl-scroll-viewer-scroll-thumb {
    opacity: 0.75;
    width: var(--dxbl-scroll-viewer-vert-scroll-bar-hover-width);
    border-radius: 0.75rem;
    width: 13px;
}

.dxbl-scroll-viewer > .dxbl-scroll-viewer-hor-scroll-bar:not(.dxbl-disabled):not(:disabled):hover .dxbl-scroll-viewer-scroll-thumb {
    opacity: 0.75;
    width: var(--dxbl-scroll-viewer-hor-scroll-bar-hover-width);
    border-radius: 0.75rem;
    height: 13px;
}

.dxbl-scroll-viewer > .dxbl-scroll-viewer-vert-scroll-bar:not(.dxbl-disabled):not(:disabled).dxbl-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: gainsboro;
    margin-left: 28px !important;
    width: 13px;
}

.dxbl-scroll-viewer > .dxbl-scroll-viewer-hor-scroll-bar:not(.dxbl-disabled):not(:disabled).dxbl-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: gainsboro;
    height: 13px;
    width: 100%;
}

.dxbl-grid {
    --dxbl-grid-font-size: 13px;
}

    .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) {
        position: relative;
        color: black;
        background: aliceblue;
    }

    .dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell) {
        position: relative;
        background-color: black;
        color: white;
        font-weight: var(--dxbl-grid-header-font-weight);
        height: 40px;
    }

    .dxbl-grid .dxbl-grid-table > thead .dxbl-grid-filter-row {
        background-color: whitesmoke;
        height: 36px;
    }

    .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) .dxbl-btn.dxbl-btn-link, .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) .dxbl-btn.dxbl-btn-outline-link, .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) .dxbl-btn.dxbl-btn-text-link {
        --dxbl-btn-color: var(--dxbl-grid-focus-color);
        --dxbl-btn-hover-color: var(--dxbl-grid-focus-color);
        color: blue;
    }

.dxbl-text-edit.dxbl-disabled > *, .dxbl-text-edit:disabled > * {
    opacity: var(--dxbl-text-edit-disabled-opacity);
    background-color: lightyellow !important;
}

.validation-message {
    color: red;
    font-size: 11pt;
}

.dxbl-menu {
    --dxbl-menu-item-hover-color: inherit;
    --dxbl-menu-item-hover-bg: #f44336;
    --dxbl-menu-item-selected-bg: unset;
    --dxbl-menu-item-selected-color: unset;
    --dxbl-menu-item-selected-hover-bg: #f44336;
    --dxbl-menu-item-selected-hover-color: unset;
    --dxbl-menu-item-disabled-bg: unset;
    --dxbl-menu-item-disabled-color: #212529;
    --dxbl-menu-item-disabled-opacity: 60%;
    --dxbl-menu-font-family: inherit;
    --dxbl-menu-color: unset;
    --dxbl-menu-separator-width: 1px;
    --dxbl-menu-separator-color: #d2d2d2;
    --dxbl-menu-separator-style: solid;
    --dxbl-menu-item-image-size: 1rem;
    --dxbl-menu-bg: #fff;
    --dxbl-menu-top-left-border-radius: 0.1875rem;
    --dxbl-menu-top-right-border-radius: 0.1875rem;
    --dxbl-menu-bottom-left-border-radius: 0.1875rem;
    --dxbl-menu-bottom-right-border-radius: 0.1875rem;
    --dxbl-menu-title-font-weight: 500;
    --dxbl-menu-title-font-size: 1.25rem;
    --dxbl-menu-title-line-height: 1;
    --dxbl-menu-border-width: 0;
    --dxbl-menu-border-color: unset;
    --dxbl-menu-border-style: unset;
    --dxbl-menu-item-focus-outline-color: #a780cd;
    --dxbl-menu-item-focus-outline-width: 0.125rem;
    --dxbl-menu-item-focus-outline-offset: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--dxbl-menu-bg);
    border-radius: var(--dxbl-menu-top-left-border-radius) var(--dxbl-menu-top-right-border-radius) var(--dxbl-menu-bottom-right-border-radius) var(--dxbl-menu-bottom-left-border-radius);
    border: var(--dxbl-menu-border-width) var(--dxbl-menu-border-style) var(--dxbl-menu-border-color);
}

    .dxbl-menu.dxbl-menu-vertical {
        margin: 10px;
        background-color: transparent;
        color: white;
    }

    .dxbl-menu .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item > .dxbl-btn > .dxbl-menu-item-text-container .dxbl-menu-item-text {
        white-space: nowrap;
        color: white;
    }

.dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist {
    border-bottom: var(--dxbl-tabs-separator-border-width) var(--dxbl-tabs-separator-border-style) var(--dxbl-tabs-separator-border-color);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-bottom: 0;
    background-color: black;
    color: white;
}

    .dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active, .dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active {
        border-bottom-color: var(--dxbl-tabs-bg);
        background-color: red;
        color: white;
    }

.dxbl-tabs .dxbl-tabs-content-panel {
    color: var(--dxbl-tabs-content-color);
    font-size: var(--dxbl-tabs-content-font-size);
    line-height: var(--dxbl-tabs-content-line-height);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px;
    border: solid 1px gainsboro;
}

.dxbl-grid .dxbl-grid-table > thead > tr, .dxbl-grid .dxbl-grid-table > tbody > tr, .dxbl-grid .dxbl-grid-table > tfoot > tr {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
    height: 40px;
}