/****************** Remove blue border when clicking into a grid cell   **************/

.e-grid.sf-grid :is(.e-groupdroparea,
.e-groupdroparea .e-groupsort,
.e-groupdroparea .e-ungroupbutton, 
.e-headercontent th.e-headercell:not(.e-menu-item):not(.e-editedbatchcell),
.e-headercontent td.e-rowcell:not(.e-menu-item):not(.e-editedbatchcell), 
.e-content td.e-rowcell:not(.e-menu-item):not(.e-editedbatchcell),
.e-content td.e-groupcaption:not(.e-menu-item):not(.e-editedbatchcell), 
.e-content td.e-recordplusexpand:not(.e-menu-item):not(.e-editedbatchcell), 
.e-content td.e-recordpluscollapse:not(.e-menu-item):not(.e-editedbatchcell),
.e-content td.e-detailrowcollapse:not(.e-menu-item):not(.e-editedbatchcell),
.e-content td.e-detailrowexpand:not(.e-menu-item):not(.e-editedbatchcell), 
.e-content th.e-detailcell:not(.e-menu-item):not(.e-editedbatchcell)):is(:focus,:focus-visible) {
    box-shadow: none;
}

/* Removes the background color for selected cells */
.e-grid td.e-cellselectionbackground {
    background-color: transparent !important;
}

/* Removes the outline/shadow effect when a cell is focused after selection */
.e-grid td.e-rowcell.e-focus.e-focused {
    box-shadow: none !important;
    border-color: transparent !important; /* Adjust border if necessary */
}

/* Target the row cells on hover within the grid */
.e-grid .e-row:hover .e-rowcell {
    background-color: unset !important; /* or transparent !important */
}

/* If the grid has alternating rows, you might need to address that as well */
.e-grid .e-altrow:hover .e-rowcell {
    background-color: unset !important; /* or the specific alternating row color */
}