@syncfusion/ej2-angular-grids 22.2.12 → 23.1.36

package/styles/grid/bootstrap4.css

@@ -721,6 +721,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: 20px;
+}
+.e-bigger .e-grid .e-xlsel-bottom-border,
+.e-grid.e-bigger .e-xlsel-bottom-border {
+  line-height: 22px;
+}
 .e-bigger .e-grid .e-filterbarcell input,
 .e-grid.e-bigger .e-filterbarcell input {
   font-size: 16px;
@@ -1112,6 +1120,23 @@
   background-color: #317ab9;
   height: 2px;
   position: absolute;
+  z-index: 5;
+}
+.e-grid .e-frozenrow-border {
+  background-color: #6c757d;
+  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;
@@ -1142,10 +1167,17 @@
   border-right: 1px solid #dee2e6;
   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 #317ab9;
+}
+.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;
@@ -1406,6 +1438,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;
 }
@@ -1434,7 +1472,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;
@@ -1519,9 +1557,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;
 }
@@ -1543,10 +1584,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;
 }
@@ -1586,6 +1628,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: 19px;
+  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: 19px;
+  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: 19px;
+  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: 19px;
+  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: 19px;
+  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,
@@ -1685,7 +1747,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 {
@@ -1695,7 +1757,7 @@
   border-bottom: 1px solid;
   border-bottom-color: #dee2e6;
 }
-.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 {
@@ -1732,6 +1794,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;
 }
@@ -1741,11 +1815,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 {
@@ -1939,7 +2031,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 {
@@ -2458,10 +2550,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,
@@ -2622,6 +2714,107 @@
   border-left: 2px 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: 19px;
+}
+.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: 17px;
+}
+.e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
+  line-height: 17px;
+}
+.e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
+  border-bottom-width: 2px;
+  line-height: 19px;
+}
+.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 #317ab9, 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 #317ab9, -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 #317ab9, -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 #317ab9, 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;
@@ -2719,6 +2912,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;
@@ -2841,6 +3046,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;
 }
@@ -2862,7 +3097,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 {
@@ -2949,6 +3184,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;
@@ -2975,7 +3222,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 {
@@ -3003,7 +3250,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;
 }
@@ -3049,6 +3296,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;
@@ -3081,15 +3334,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 {
@@ -3868,6 +4121,9 @@
 .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px #66afe9 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: #66afe9;
+}
 .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: #495057;
 }
@@ -3889,6 +4145,9 @@
   border-color: #317ab9;
   z-index: 1;
 }
+.e-grid .e-autofill.e-freeze-autofill {
+  z-index: 5;
+}
 .e-grid .e-xlsel {
   background-color: transparent;
   border-style: solid;
@@ -3899,6 +4158,7 @@
   background-color: #317ab9;
   border-color: #317ab9;
   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,
@@ -3906,9 +4166,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 #317ab9;
-  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: #fff;
   border-bottom-color: #dee2e6;
@@ -3918,6 +4205,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: #6c757d;
+}
 .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,
@@ -4022,6 +4312,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: #6c757d;
+}
+.e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
+  border-right-color: #6c757d;
+}
+.e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
+  border-right-color: #6c757d;
+}
+.e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
+  border-left-color: #6c757d;
+}
+.e-grid .e-leftfreeze.e-freezeleftborder {
+  border-right-color: #6c757d;
+}
+.e-grid .e-rightfreeze.e-freezerightborder {
+  border-left-color: #6c757d;
+}
+.e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
+.e-grid .e-fixedfreeze.e-freezeleftborder {
+  border-left-color: #6c757d;
+}
+.e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
+.e-grid .e-fixedfreeze.e-freezerightborder {
+  border-right-color: #6c757d;
+}
+.e-grid .e-xlsel-top-border {
+  border-top-color: #6c757d;
+}
+.e-grid .e-xlsel-left-border {
+  border-left-color: #6c757d;
+}
+.e-grid .e-xlsel-right-border {
+  border-right-color: #6c757d;
+}
+.e-grid .e-xlsel-bottom-border {
+  border-bottom-color: #6c757d;
+}
+.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: #f8f9fa;
+}
+.e-grid .e-gridfooter .e-leftfreeze,
+.e-grid .e-gridfooter .e-rightfreeze,
+.e-grid .e-gridfooter .e-fixedfreeze {
+  background-color: #f8f9fa;
+}
 .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,
@@ -4043,6 +4387,9 @@
   background-color: rgba(0, 0, 0, 0.08);
   color: #212529;
 }
+.e-bigger .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+  background-color: rgb(250, 244, 244);
+}
 .e-grid .e-row:hover .e-rowdragdrop {
   cursor: move;
 }
@@ -4064,6 +4411,16 @@
   background: rgba(0, 0, 0, 0.17);
   color: #333;
 }
+.e-grid td.e-active.e-leftfreeze:not(.e-updatedtd),
+.e-grid td.e-active.e-unfreeze:not(.e-updatedtd),
+.e-grid td.e-active.e-rightfreeze:not(.e-updatedtd),
+.e-grid td.e-active.e-fixedfreeze:not(.e-updatedtd),
+.e-grid .e-columnselection.e-leftfreeze:not(.e-updatedtd),
+.e-grid .e-columnselection.e-unfreeze:not(.e-updatedtd),
+.e-grid .e-columnselection.e-rightfreeze:not(.e-updatedtd),
+.e-grid .e-columnselection.e-fixedfreeze:not(.e-updatedtd) {
+  background-color: rgb(212, 205, 205);
+}
 .e-grid .e-columnselection {
   background-color: rgba(0, 0, 0, 0.17);
 }
@@ -4129,7 +4486,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 #dee2e6;
   border-right: 1px solid #dee2e6;
 }
@@ -4209,11 +4566,11 @@
   background-color: #dcfacf;
   color: #212529;
 }
-.e-grid .e-gridcontent .e-normaledit .e-rowcell {
+.e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
   border-top-color: #dee2e6;
 }
-.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 #dee2e6;
 }
 .e-grid .e-ccdlg .e-footer-content {

package/styles/grid/bootstrap4.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap4.scss';
 @import 'ej2-navigations/styles/pager/bootstrap4-definition.scss';
 @import '../excel-filter/bootstrap4-definition.scss';
 @import 'ej2-inputs/styles/input/bootstrap4-definition.scss';