@syncfusion/ej2-grids 20.4.54-54738 → 20.4.54-54739

package/package.json

@@ -78,7 +78,7 @@
       "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/grids"
     },
     "typings": "index.d.ts",
-    "version": "20.4.54-54738",
+    "version": "20.4.54-54739",
     "sideEffects": false,
     "homepage": "https://www.syncfusion.com/javascript-ui-controls"
   }

package/src/grid/base/grid.js

@@ -4533,7 +4533,8 @@ var Grid = /** @class */ (function (_super) {
                 (ariaOwns)) !== e.target.getAttribute('aria-owns')))
             && !this.keyPress && this.isEdit && !Browser.isDevice) {
             if (this.editSettings.mode === 'Batch' && !((parentsUntil(relatedTarget, 'e-ddl') || parentsUntil(relatedTarget, 'e-ddt')) &&
-                parentsUntil(relatedTarget, 'e-input-group')) && !isNullOrUndefined(parentsUntil(relatedTarget, 'e-input-group'))) {
+                parentsUntil(relatedTarget, 'e-input-group')) && !(relatedTarget
+                && isNullOrUndefined(parentsUntil(relatedTarget, 'e-input-group')))) {
                 this.editModule.saveCell();
                 this.notify(events.editNextValCell, {});
             }

package/styles/bootstrap-dark.css

@@ -1105,6 +1105,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
   line-height: 27px;
 }
+.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: 22px;
+}
+.e-bigger .e-grid .e-xlsel-bottom-border,
+.e-grid.e-bigger .e-xlsel-bottom-border {
+  line-height: 24px;
+}
 .e-bigger .e-grid .e-filterbarcell input,
 .e-grid.e-bigger .e-filterbarcell input {
   font-size: 14px;
@@ -1490,6 +1498,23 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #0070f0;
   height: 2px;
   position: absolute;
+  z-index: 5;
+}
+.e-grid .e-frozenrow-border {
+  background-color: #9c9c9c;
+  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(95, 87, 87, 0.26);
+  clip-path: inset(0px 0px -15px 0px);
 }
 .e-grid .e-grid-relative {
   position: relative;
@@ -1520,10 +1545,17 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right: 1px solid #484848;
   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 #0070f0;
+}
+.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: 10px;
@@ -1781,6 +1813,12 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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;
 }
@@ -1809,7 +1847,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   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;
@@ -1873,6 +1911,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-headercelldiv.e-headerchkcelldiv {
   overflow: visible;
 }
+.e-grid .e-headercell.e-templatecell .e-headercelldiv {
+  height: auto;
+  min-height: 29px;
+}
 .e-grid .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 0.6em;
 }
@@ -1894,9 +1936,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -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;
 }
@@ -1918,10 +1963,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   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;
 }
@@ -1961,6 +2007,26 @@ li.e-separator.e-menu-item.e-excel-separator {
   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: 17px;
+  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: 17px;
+  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: 17px;
+  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: 17px;
+  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: 17px;
+  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,
@@ -2060,7 +2126,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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 {
@@ -2070,7 +2136,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-bottom: 1px solid;
   border-bottom-color: #484848;
 }
-.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 {
@@ -2107,6 +2173,18 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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;
 }
@@ -2116,11 +2194,29 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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 {
@@ -2314,7 +2410,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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 {
@@ -2832,10 +2928,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   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,
@@ -2996,6 +3092,107 @@ li.e-separator.e-menu-item.e-excel-separator {
   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: 17px;
+}
+.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: 16px;
+}
+.e-grid.e-wrap .e-xlsel-bottom-border {
+  line-height: 14px;
+}
+.e-grid.e-rtl.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
+  line-height: 16px;
+}
+.e-grid.e-rtl.e-wrap .e-xlsel-bottom-border {
+  line-height: 14px;
+}
+.e-grid .e-xlsel-bottom-border.e-xlsel-top-border {
+  line-height: 15px;
+}
+.e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
+  line-height: 15px;
+}
+.e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
+  border-bottom-width: 2px;
+  line-height: 17px;
+}
+.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(95, 87, 87, 0.16);
+}
+.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 #0070f0, 4px 0 8px rgba(95, 87, 87, 0.16);
+}
+.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(95, 87, 87, 0.16);
+}
+.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 #0070f0, -4px 0 8px rgba(95, 87, 87, 0.16);
+}
+.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(95, 87, 87, 0.16);
+}
+.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 #0070f0, -4px 0 8px rgba(95, 87, 87, 0.16);
+}
+.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(95, 87, 87, 0.16);
+}
+.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 #0070f0, 4px 0 8px rgba(95, 87, 87, 0.16);
+}
+.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;
@@ -3093,6 +3290,18 @@ li.e-separator.e-menu-item.e-excel-separator {
   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;
@@ -3213,6 +3422,36 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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;
 }
@@ -3234,7 +3473,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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 {
@@ -3321,6 +3560,18 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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;
@@ -3347,7 +3598,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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 {
@@ -3375,7 +3626,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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;
 }
@@ -3421,6 +3672,12 @@ li.e-separator.e-menu-item.e-excel-separator {
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
+  line-height: 14px;
+}
+.e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border {
+  line-height: 16px;
+}
 .e-grid .e-stackedheadercelldiv {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -3453,15 +3710,15 @@ li.e-separator.e-menu-item.e-excel-separator {
   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 {
@@ -4239,6 +4496,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px #248aff 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: #248aff;
+}
 .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: #f0f0f0;
 }
@@ -4260,6 +4520,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-color: #0070f0;
   z-index: 1;
 }
+.e-grid .e-autofill.e-freeze-autofill {
+  z-index: 5;
+}
 .e-grid .e-xlsel {
   background-color: transparent;
   border-style: solid;
@@ -4270,6 +4533,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #0070f0;
   border-color: #0070f0;
   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,
@@ -4277,9 +4541,36 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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 #0070f0;
-  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: #1a1a1a;
   border-bottom-color: #484848;
@@ -4289,6 +4580,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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: #9c9c9c;
+}
 .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,
@@ -4393,6 +4687,60 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
   border-right-color: #1a1a1a;
 }
+.e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
+  border-left-color: #9c9c9c;
+}
+.e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
+  border-right-color: #9c9c9c;
+}
+.e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
+  border-right-color: #9c9c9c;
+}
+.e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
+  border-left-color: #9c9c9c;
+}
+.e-grid .e-leftfreeze.e-freezeleftborder {
+  border-right-color: #9c9c9c;
+}
+.e-grid .e-rightfreeze.e-freezerightborder {
+  border-left-color: #9c9c9c;
+}
+.e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
+.e-grid .e-fixedfreeze.e-freezeleftborder {
+  border-left-color: #9c9c9c;
+}
+.e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
+.e-grid .e-fixedfreeze.e-freezerightborder {
+  border-right-color: #9c9c9c;
+}
+.e-grid .e-xlsel-top-border {
+  border-top-color: #9c9c9c;
+}
+.e-grid .e-xlsel-left-border {
+  border-left-color: #9c9c9c;
+}
+.e-grid .e-xlsel-right-border {
+  border-right-color: #9c9c9c;
+}
+.e-grid .e-xlsel-bottom-border {
+  border-bottom-color: #9c9c9c;
+}
+.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: #1a1a1a;
+}
+.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: #1a1a1a;
+}
+.e-grid .e-gridfooter .e-leftfreeze,
+.e-grid .e-gridfooter .e-rightfreeze,
+.e-grid .e-gridfooter .e-fixedfreeze {
+  background-color: #1a1a1a;
+}
 .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,
@@ -4417,6 +4765,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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: #f0f0f0;
   color: #1a1a1a;
@@ -4500,7 +4851,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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 #484848;
   border-right: 1px solid #484848;
 }
@@ -4580,11 +4931,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #d7f9c7;
   color: #f0f0f0;
 }
-.e-grid .e-gridcontent .e-normaledit .e-rowcell {
+.e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
   border-top-color: #484848;
 }
-.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 #484848;
 }
 .e-grid .e-ccdlg .e-footer-content {