/*.dxbl-grid-header-row .grid-column-noresize .dxbl-grid-column-resize-anchor {*/ /* disable resize of the 3rd column */
    /*display: none !important;
}*/
th.grid-column-noresize > .dxbl-grid-column-resize-anchor,
th.grid-column-noresize > dxbl-column-resize-anchor,
th.grid-column-noresize .dxbl-grid-sort-asc,
th.grid-column-noresize .dxbl-grid-sort-desc,
th.grid-column-noresize .dxbl-grid-filter-menu-funnel-btn {
    display: none !important;
}

/* DevExpress and Bootstrap Themes */
.grid-row-alternate > td:not(.dxbl-grid-empty-cell),
.grid-row-alternate > td:not(.dxbl-grid-indent-cell) {
    background-color: #F7F7F7 !important;
    color: #161616;
}
/* Fluent Themes */
.grid-row-alternate {
    --dxbl-grid-row-bg: var(--dxds-color-surface-neutral-subdued-active);
}


.icon-column-header {
    width: 16px !important;
    height: 16px !important;
    border: 0px;
    background:transparent;
}
.icon-column-gear {
    width: 16px !important;
    height: 16px !important;
    background-image: url("/IImageService/Gear16");
    background-repeat: no-repeat;
    background-position: center;
}

.grid-column-header-container {
    display: flex; /* Activates flexbox */
    align-items: center; /* Centers items vertically within the container */
    gap: 2px; /* Adds space between children (image and text) */
}

    .grid-column-header-container .icon-column-header {
        /*width: 100%;*/ /* Adjust size as needed */
        /*height: auto;*/
        padding: 2px !important;
    }


/* Grid Selection */
.dxbl-grid-table {
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

.selected-cell-primary {
    background-color: #007bff !important;
    color: white !important;
    position: relative;
}

    .selected-cell-primary::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 2px solid #0056b3;
        pointer-events: none;
    }

.selected-cell-range {
    background-color: rgba(0, 123, 255, 0.3) !important;
    position: relative;
}

    .selected-cell-range::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 1px solid rgba(0, 86, 179, 0.5);
        pointer-events: none;
    }

/* For multi-selection with Ctrl key */
.cell-selecting {
    cursor: crosshair;
}

.grid-selection-active .dxbl-grd-data-cl {
    user-select: none;
}

/* Fill handle indicator */
.has-fill-handle {
    position: relative;
}

    .has-fill-handle::after {
        content: '';
        position: absolute;
        bottom: 2px;
        right: 2px;
        width: 6px;
        height: 6px;
        background-color: #007bff;
        border: 1px solid white;
        cursor: crosshair;
        z-index: 100;
        border-radius: 1px;
        pointer-events: none;
    }

    .has-fill-handle:hover::after {
        background-color: #0056b3;
        transform: scale(1.2);
    }

/* When dragging fill handle */
[data-fill-handle="true"] {
    cursor: crosshair !important;
}