.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-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;
}