@syncfusion/ej2-react-grids 22.2.12 → 23.1.38

package/styles/grid/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
@@ -697,6 +696,14 @@
 .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
   line-height: 24px;
 }
+.e-bigger .e-grid .e-xlsel-bottom-border.e-xlsel-top-border,
+.e-grid.e-bigger .e-xlsel-bottom-border.e-xlsel-top-border {
+  line-height: 18px;
+}
+.e-bigger .e-grid .e-xlsel-bottom-border,
+.e-grid.e-bigger .e-xlsel-bottom-border {
+  line-height: 20px;
+}
 .e-bigger .e-grid .e-filterbarcell input,
 .e-grid.e-bigger .e-filterbarcell input {
   font-size: 16px;
@@ -1116,6 +1123,23 @@
   background-color: #4f46e5;
   height: 2px;
   position: absolute;
+  z-index: 5;
+}
+.e-grid .e-frozenrow-border {
+  background-color: #e5e7eb;
+  height: 2px;
+  position: relative;
+  z-index: 5;
+}
+.e-grid .e-frozenrow-border.e-frozenrow-empty {
+  height: 0;
+}
+.e-grid.e-top-shadow .e-frozenrow-border {
+  height: 4px;
+  margin-top: -4px;
+  background-color: transparent !important;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
+  clip-path: inset(0px 0px -15px 0px);
 }
 .e-grid .e-grid-relative {
   position: relative;
@@ -1147,10 +1171,17 @@
   border-right: 1px solid #e5e7eb;
   border-bottom: 0;
 }
+.e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder {
+  z-index: 5;
+}
+.e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder.e-fixedfreeze {
+  z-index: 6;
+}
 .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder {
   box-shadow: 0 2px 0 0 #4f46e5;
+}
+.e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
   position: relative;
-  z-index: 5;
 }
 .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
   font-size: 14px;
@@ -1411,6 +1442,12 @@
 .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rhandler:last-of-type, .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rsuppress:last-of-type {
   border-right: 0;
 }
+.e-grid .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
+  border-right: 0;
+}
+.e-grid.e-rtl .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
+  border-left: 0;
+}
 .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler, .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rsuppress {
   left: 0;
 }
@@ -1439,7 +1476,7 @@
   width: 1px;
 }
 .e-grid .e-virtual-rhandler {
-  z-index: 1;
+  z-index: 5;
 }
 .e-grid.e-device .e-ricon::before {
   border-bottom: 6px solid transparent;
@@ -1524,9 +1561,12 @@
       -ms-user-select: none;
           user-select: none;
 }
-.e-grid .e-gridcontent tr:first-child td {
+.e-grid:not(.e-left-shadow, .e-right-shadow) .e-gridcontent tr:first-child td {
   border-top: 0 none;
 }
+.e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
+  border-top-width: 2px;
+}
 .e-grid .e-gridheader tr:first-child th {
   border-top: 0 none;
 }
@@ -1548,10 +1588,11 @@
   border-top-style: solid;
   border-top-width: 1px;
 }
-.e-grid .e-frozenhdrcont {
+.e-grid .e-frozenhdrcont,
+.e-grid .e-frozenhdr {
   border-bottom-width: 0;
 }
-.e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
+.e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td:not(.e-xlsel-top-border) {
   border-top-style: solid;
   border-top-width: 1px;
 }
@@ -1591,6 +1632,26 @@
   white-space: nowrap;
   width: auto;
 }
+.e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
+  line-height: 20px;
+  border-width: 1.5px;
+}
+.e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
+  line-height: 20px;
+  border-width: 1.5px;
+}
+.e-grid.e-rtl.e-default.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-rtl.e-default.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
+  line-height: 20px;
+  border-width: 1.5px;
+}
+.e-grid.e-wrap.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-wrap.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
+  line-height: 20px;
+  border-width: 1.5px;
+}
+.e-grid.e-wrap.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-wrap.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
+  line-height: 20px;
+  border-width: 1.5px;
+}
 .e-grid .e-frozenheader table .e-insertedrow td.e-rowcell,
 .e-grid .e-frozencontent table .e-insertedrow td.e-rowcell,
 .e-grid .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -1691,7 +1752,7 @@
 .e-grid td.e-rowcell.e-checkbox input[type=checkbox] {
   margin-top: 0;
 }
-.e-grid.e-default .e-rowcell.e-lastrowcell {
+.e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
   border-bottom-width: 1px;
 }
 .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
@@ -1701,7 +1762,7 @@
   border-bottom: 1px solid;
   border-bottom-color: #e5e7eb;
 }
-.e-grid.e-bothlines .e-rowcell.e-lastrowcell {
+.e-grid.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
   border-bottom-width: 1px;
 }
 .e-grid.e-bothlines .e-rowcell {
@@ -1738,6 +1799,18 @@
 .e-grid.e-default .e-stackedheadercell {
   border-width: 1px 0 1px 1px;
 }
+.e-grid.e-default .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
+  border-right-width: 2px;
+}
+.e-grid.e-default .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
+  border-left-width: 2px;
+}
+.e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
+  border-left-width: 1px;
+}
+.e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
+  border-right-width: 1px;
+}
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
@@ -1747,11 +1820,29 @@
 .e-grid.e-default table th[rowspan] {
   border-width: 0 0 0 1px;
 }
+.e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
+  border-right-width: 2px;
+}
+.e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
+  border-left-width: 2px;
+}
+.e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
+  border-left-width: 1px;
+}
+.e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
+  border-right-width: 1px;
+}
+.e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
+  border-left-width: 0;
+}
 .e-grid tr th.e-firstcell {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
+.e-grid.e-default tr th.e-detailheadercell:first-child {
+  border-left-width: 0;
+}
+.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder), .e-grid.e-default:not(.e-rtl) tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default:not(.e-rtl) tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
   border-left-width: 0;
 }
 .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -1961,7 +2052,7 @@
 .e-grid.e-horizontallines .e-filterbarcell {
   border-width: 1px 0 0;
 }
-.e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
+.e-grid.e-horizontallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-verticallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-hidelines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
   border-bottom-width: 1px;
 }
 .e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible {
@@ -2486,10 +2577,10 @@
   border-top: 0;
   padding: 0;
 }
-.e-grid .e-gridcontent .e-normaledit .e-rowcell {
+.e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
   border-top: 1px solid;
 }
-.e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell {
+.e-grid:not(.e-row-responsive, .e-left-shadow, .e-right-shadow) .e-gridcontent tr.e-row:first-child .e-rowcell:not(.e-xlsel-top-border) {
   border-top: 0;
 }
 .e-grid.e-device .e-editedbatchcell.e-rowcell,
@@ -2650,6 +2741,107 @@
   border-left: 3px solid;
   border-right: 0;
 }
+.e-grid .e-tooltip-wrap.e-griderror.e-unfreeze {
+  z-index: 1;
+}
+.e-grid .e-leftfreeze,
+.e-grid .e-rightfreeze {
+  position: sticky;
+  z-index: 2;
+}
+.e-grid .e-fixedfreeze {
+  position: sticky;
+  z-index: 3;
+}
+.e-grid .e-xlsel-top-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-top-border {
+  border-top-width: 2px;
+  line-height: 20px;
+}
+.e-grid .e-xlsel-left-border,
+.e-grid .e-fixedfreeze.e-freezeleftborder.e-xlsel-left-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-left-border, .e-grid.e-rtl.e-default .e-rowcell.e-fixedfreeze.e-freezeleftborder.e-xlsel-left-border {
+  border-left-width: 2px;
+}
+.e-grid .e-xlsel-right-border,
+.e-grid .e-fixedfreeze.e-freezerightborder.e-xlsel-right-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-right-border, .e-grid.e-rtl.e-default .e-rowcell.e-fixedfreeze.e-freezerightborder.e-xlsel-right-border {
+  border-right-width: 2px;
+}
+.e-grid.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
+  line-height: 19px;
+}
+.e-grid.e-wrap .e-xlsel-bottom-border {
+  line-height: 17px;
+}
+.e-grid.e-rtl.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
+  line-height: 19px;
+}
+.e-grid.e-rtl.e-wrap .e-xlsel-bottom-border {
+  line-height: 17px;
+}
+.e-grid .e-xlsel-bottom-border.e-xlsel-top-border {
+  line-height: 18px;
+}
+.e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
+  line-height: 18px;
+}
+.e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
+  border-bottom-width: 2px;
+  line-height: 20px;
+}
+.e-grid .e-virtual-content.e-content {
+  overflow-x: hidden;
+}
+.e-grid .e-leftfreeze.e-freezeleftborder {
+  border-right-width: 2px;
+}
+.e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
+  clip-path: inset(0 -15px 0 0);
+  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
+}
+.e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
+  border-right-color: transparent;
+}
+.e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
+  box-shadow: 0 2px 0 0 #4f46e5, 4px 0 8px rgba(0, 0, 0, 0.12);
+}
+.e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
+  clip-path: inset(0 0 0 -15px);
+  box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
+}
+.e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-left-border) {
+  border-left-color: transparent;
+}
+.e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
+  box-shadow: 0 2px 0 0 #4f46e5, -4px 0 8px rgba(0, 0, 0, 0.12);
+}
+.e-grid .e-rightfreeze.e-freezerightborder {
+  border-left-width: 2px;
+}
+.e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
+  clip-path: inset(0 0 0 -15px);
+  box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
+}
+.e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
+  border-left-color: transparent;
+}
+.e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
+  box-shadow: 0 2px 0 0 #4f46e5, -4px 0 8px rgba(0, 0, 0, 0.12);
+}
+.e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
+  clip-path: inset(0 -15px 0 0);
+  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
+}
+.e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-right-border) {
+  border-right-color: transparent;
+}
+.e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
+  box-shadow: 0 2px 0 0 #4f46e5, 4px 0 8px rgba(0, 0, 0, 0.12);
+}
+.e-grid .e-fixedfreeze.e-freezeleftborder {
+  border-left-width: 1px;
+}
+.e-grid .e-fixedfreeze.e-freezerightborder {
+  border-right-width: 1px;
+}
 .e-grid .e-frozenheader {
   float: left;
   width: min-content;
@@ -2747,6 +2939,18 @@
   padding-left: 0;
   padding-right: 8px;
 }
+.e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
+  border-left-width: 2px;
+}
+.e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
+  border-right-width: 2px;
+}
+.e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
+  border-right-width: 1px;
+}
+.e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
+  border-left-width: 1px;
+}
 .e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-detailheadercell {
   border-width: 0;
   text-align: right;
@@ -2872,6 +3076,36 @@
 .e-grid.e-rtl .e-rowcell {
   border-width: 1px 0 0;
 }
+.e-grid.e-rtl .e-rowcell.e-leftfreeze.e-freezeleftborder {
+  border-left-width: 2px;
+}
+.e-grid.e-rtl .e-rowcell.e-rightfreeze.e-freezerightborder {
+  border-right-width: 2px;
+}
+.e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
+  border-right-width: 1px;
+}
+.e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
+  border-left-width: 1px;
+}
+.e-grid.e-rtl .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
+  border-left-width: 2px;
+}
+.e-grid.e-rtl .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
+  border-right-width: 2px;
+}
+.e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
+  border-right-width: 1px;
+}
+.e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
+  border-left-width: 1px;
+}
+.e-grid.e-rtl .e-summarycell.e-rightfreeze.e-freezerightborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezeleftborder {
+  border-left-width: 0;
+}
+.e-grid.e-rtl .e-summarycell.e-leftfreeze.e-freezeleftborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezerightborder {
+  border-right-width: 0;
+}
 .e-grid.e-rtl .e-filterbarcell, .e-grid.e-rtl .e-filterbarcelldisabled {
   border-width: 2px 0 0;
 }
@@ -2893,7 +3127,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child, .e-grid.e-rtl.e-default tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -2980,6 +3214,18 @@
 .e-grid.e-rtl.e-default table th[rowspan] {
   border-width: 0 1px 0 0;
 }
+.e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
+  border-left-width: 2px;
+}
+.e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
+  border-right-width: 2px;
+}
+.e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
+  border-right-width: 1px;
+}
+.e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
+  border-left-width: 1px;
+}
 .e-grid.e-rtl.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
   border-left: 1px solid;
   border-right: 0;
@@ -3006,7 +3252,7 @@
 .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
   border-width: 1px 0 0;
 }
-.e-grid.e-rtl.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-hidelines .e-rowcell.e-lastrowcell {
+.e-grid.e-rtl.e-horizontallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-rtl.e-verticallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-rtl.e-hidelines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
   border-bottom-width: 1px;
 }
 .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
@@ -3034,7 +3280,7 @@
 .e-grid.e-rtl .e-ungroupbutton {
   float: left;
 }
-.e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell {
+.e-grid.e-rtl .e-gridcontent table tr:not(.e-summaryrow) td.e-indentcell {
   border-style: solid;
   border-width: 0 0 0 1px;
 }
@@ -3080,6 +3326,12 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
+  line-height: 17px;
+}
+.e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border {
+  line-height: 19px;
+}
 .e-grid .e-stackedheadercelldiv {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -3112,15 +3364,15 @@
   top: -1000px;
   width: 1px;
 }
-.e-grid.e-resize-lines th.e-headercell.e-stackedheadercell, .e-grid.e-resize-lines th.e-headercell.e-firstcell, .e-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell, .e-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell {
+.e-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
   border-left: 0;
   border-right: 0;
   border-top: 0;
 }
-.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
+.e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
   border-right: 0;
 }
-.e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
+.e-grid.e-resize-lines.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
   border-left: 0;
 }
 .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
@@ -3911,6 +4163,9 @@
 .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px #4f46e5 inset;
 }
+.e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
+  border-color: #4f46e5;
+}
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
   color: #6b7280;
 }
@@ -3932,6 +4187,9 @@
   border-color: #4f46e5;
   z-index: 1;
 }
+.e-grid .e-autofill.e-freeze-autofill {
+  z-index: 5;
+}
 .e-grid .e-xlsel {
   background-color: transparent;
   border-style: solid;
@@ -3942,6 +4200,7 @@
   background-color: #4f46e5;
   border-color: #4f46e5;
   position: absolute;
+  z-index: 3;
 }
 .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
 .e-grid .e-gridcontent .e-rowcell.e-dragborder,
@@ -3949,9 +4208,36 @@
 .e-grid .e-gridcontent .e-summarycell.e-dragborder,
 .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader thead tr th.e-firstrowdragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
   box-shadow: 0 2px 0 0 #4f46e5;
-  position: relative;
   z-index: 5;
 }
+.e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
+.e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze,
+.e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-leftfreeze,
+.e-grid .e-gridcontent .e-summarycell.e-dragborder.e-leftfreeze,
+.e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid .e-gridheader thead tr th.e-firstrowdragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze {
+  z-index: 6;
+}
+.e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
+.e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze,
+.e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-rightfreeze,
+.e-grid .e-gridcontent .e-summarycell.e-dragborder.e-rightfreeze,
+.e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid .e-gridheader thead tr th.e-firstrowdragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze {
+  z-index: 6;
+}
+.e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
+.e-grid .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze,
+.e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-fixedfreeze,
+.e-grid .e-gridcontent .e-summarycell.e-dragborder.e-fixedfreeze,
+.e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader thead tr th.e-firstrowdragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze {
+  z-index: 6;
+}
+.e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+.e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+.e-grid .e-gridcontent .e-groupcaption.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+.e-grid .e-gridcontent .e-summarycell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+.e-grid .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader thead tr th.e-firstrowdragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
+  position: relative;
+}
 .e-grid .e-gridheader {
   background-color: #f9fafb;
   border-bottom-color: #e5e7eb;
@@ -3961,6 +4247,9 @@
 .e-grid .e-gridcontent tr:first-child td {
   border-top-color: transparent;
 }
+.e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
+  border-top-color: #e5e7eb;
+}
 .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
 .e-grid th.e-headercell[aria-sort=descending] .e-headertext,
 .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,
@@ -4065,6 +4354,60 @@
 .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
   border-right-color: #fff;
 }
+.e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
+  border-left-color: #e5e7eb;
+}
+.e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
+  border-right-color: #e5e7eb;
+}
+.e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
+  border-right-color: #e5e7eb;
+}
+.e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
+  border-left-color: #e5e7eb;
+}
+.e-grid .e-leftfreeze.e-freezeleftborder {
+  border-right-color: #e5e7eb;
+}
+.e-grid .e-rightfreeze.e-freezerightborder {
+  border-left-color: #e5e7eb;
+}
+.e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
+.e-grid .e-fixedfreeze.e-freezeleftborder {
+  border-left-color: #e5e7eb;
+}
+.e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
+.e-grid .e-fixedfreeze.e-freezerightborder {
+  border-right-color: #e5e7eb;
+}
+.e-grid .e-xlsel-top-border {
+  border-top-color: #e5e7eb;
+}
+.e-grid .e-xlsel-left-border {
+  border-left-color: #e5e7eb;
+}
+.e-grid .e-xlsel-right-border {
+  border-right-color: #e5e7eb;
+}
+.e-grid .e-xlsel-bottom-border {
+  border-bottom-color: #e5e7eb;
+}
+.e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
+.e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
+.e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
+  background-color: #fff;
+}
+.e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordplusexpand,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordpluscollapse,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.ee-indentcell {
+  background-color: #f9fafb;
+}
+.e-grid .e-gridfooter .e-leftfreeze,
+.e-grid .e-gridfooter .e-rightfreeze,
+.e-grid .e-gridfooter .e-fixedfreeze {
+  background-color: #f9fafb;
+}
 .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
 .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
 .e-grid .e-rowcell .e-frozen-default-cursor,
@@ -4089,6 +4432,9 @@
 .e-grid .e-row:hover .e-rowdragdrop {
   cursor: move;
 }
+.e-grid .e-notallowedcur .e-row:hover .e-rowdragdrop {
+  cursor: not-allowed;
+}
 .e-grid .e-sortnumber {
   background-color: #e5e7eb;
   color: #6b7280;
@@ -4172,7 +4518,7 @@
 .e-grid.e-resize-lines .e-focused .e-rhandler {
   border: 0 none;
 }
-.e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
+.e-grid.e-resize-lines .e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder) {
   border-bottom: 1px solid #e5e7eb;
   border-right: 1px solid #e5e7eb;
 }
@@ -4252,11 +4598,11 @@
   background-color: #dcfce7;
   color: #15803d;
 }
-.e-grid .e-gridcontent .e-normaledit .e-rowcell {
+.e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
   border-top-color: #e5e7eb;
 }
-.e-grid .e-gridcontent .e-normaledit .e-dragindentcell,
-.e-grid .e-gridcontent .e-normaledit .e-detailrowcollapse {
+.e-grid .e-gridcontent table tbody .e-normaledit .e-dragindentcell,
+.e-grid .e-gridcontent table tbody .e-normaledit .e-detailrowcollapse {
   border-top: 1px solid #e5e7eb;
 }
 .e-grid .e-ccdlg .e-footer-content {