@syncfusion/ej2-react-grids 22.2.11 → 23.1.36

package/styles/excel-filter/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'ej2-grids/styles/excel-filter/material3.scss';

package/styles/excel-filter/tailwind-dark.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);

package/styles/excel-filter/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);

package/styles/fabric-dark.css

@@ -1079,6 +1079,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: 26px;
 }
+.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;
@@ -1302,6 +1310,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 10px 0 0;
   padding: 0 10px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -1460,6 +1472,23 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #0074cc;
   height: 2px;
   position: absolute;
+  z-index: 5;
+}
+.e-grid .e-frozenrow-border {
+  background-color: #fff;
+  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;
@@ -1490,10 +1519,17 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right: 1px solid #414040;
   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 #0074cc;
+}
+.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;
@@ -1751,6 +1787,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;
 }
@@ -1779,7 +1821,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;
@@ -1864,9 +1906,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;
 }
@@ -1888,10 +1933,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;
 }
@@ -1931,6 +1977,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: 24px;
+  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: 24px;
+  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: 24px;
+  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: 24px;
+  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: 24px;
+  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,
@@ -2030,7 +2096,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid td.e-rowcell.e-checkbox input[type=checkbox] {
   margin-top: 5px;
 }
-.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 {
@@ -2040,7 +2106,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-bottom: 1px solid;
   border-bottom-color: #414040;
 }
-.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 {
@@ -2077,6 +2143,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;
 }
@@ -2086,11 +2164,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 {
@@ -2284,7 +2380,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 {
@@ -2802,10 +2898,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,
@@ -2966,6 +3062,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: 24px;
+}
+.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: 22px;
+}
+.e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
+  line-height: 22px;
+}
+.e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
+  border-bottom-width: 2px;
+  line-height: 24px;
+}
+.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 #0074cc, 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 #0074cc, -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 #0074cc, -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 #0074cc, 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;
@@ -3063,6 +3260,18 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-left: 0;
   padding-right: 7px;
 }
+.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;
@@ -3183,6 +3392,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: 1px 0 0;
 }
@@ -3204,7 +3443,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 {
@@ -3291,6 +3530,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;
@@ -3317,7 +3568,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 {
@@ -3345,7 +3596,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;
 }
@@ -3391,6 +3642,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;
@@ -3423,15 +3680,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 {
@@ -4209,6 +4466,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 #dadada 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: #dadada;
+}
 .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: #dadada;
 }
@@ -4230,6 +4490,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-color: #0074cc;
   z-index: 1;
 }
+.e-grid .e-autofill.e-freeze-autofill {
+  z-index: 5;
+}
 .e-grid .e-xlsel {
   background-color: transparent;
   border-style: solid;
@@ -4240,6 +4503,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #0074cc;
   border-color: #0074cc;
   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,
@@ -4247,9 +4511,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 #0074cc;
-  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: #201f1f;
   border-bottom-color: #414040;
@@ -4259,6 +4550,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: #fff;
+}
 .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,
@@ -4363,6 +4657,60 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
   border-right-color: #201f1f;
 }
+.e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
+  border-left-color: #fff;
+}
+.e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
+  border-right-color: #fff;
+}
+.e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
+  border-right-color: #fff;
+}
+.e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
+  border-left-color: #fff;
+}
+.e-grid .e-leftfreeze.e-freezeleftborder {
+  border-right-color: #fff;
+}
+.e-grid .e-rightfreeze.e-freezerightborder {
+  border-left-color: #fff;
+}
+.e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
+.e-grid .e-fixedfreeze.e-freezeleftborder {
+  border-left-color: #fff;
+}
+.e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
+.e-grid .e-fixedfreeze.e-freezerightborder {
+  border-right-color: #fff;
+}
+.e-grid .e-xlsel-top-border {
+  border-top-color: #fff;
+}
+.e-grid .e-xlsel-left-border {
+  border-left-color: #fff;
+}
+.e-grid .e-xlsel-right-border {
+  border-right-color: #fff;
+}
+.e-grid .e-xlsel-bottom-border {
+  border-bottom-color: #fff;
+}
+.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: #201f1f;
+}
+.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: #201f1f;
+}
+.e-grid .e-gridfooter .e-leftfreeze,
+.e-grid .e-gridfooter .e-rightfreeze,
+.e-grid .e-gridfooter .e-fixedfreeze {
+  background-color: #333232;
+}
 .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,
@@ -4470,7 +4818,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 #414040;
   border-right: 1px solid #414040;
 }
@@ -4550,11 +4898,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #d7f9c7;
   color: #dadada;
 }
-.e-grid .e-gridcontent .e-normaledit .e-rowcell {
+.e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
   border-top-color: #414040;
 }
-.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 #414040;
 }
 .e-grid .e-ccdlg .e-footer-content {
@@ -4570,6 +4918,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #dadada;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #414040;