@syncfusion/ej2-react-grids 22.2.11 → 23.1.36

package/styles/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
@@ -1126,6 +1125,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: 23px;
+}
+.e-bigger .e-grid .e-xlsel-bottom-border,
+.e-grid.e-bigger .e-xlsel-bottom-border {
+  line-height: 25px;
+}
 .e-bigger .e-grid .e-filterbarcell input,
 .e-grid.e-bigger .e-filterbarcell input {
   font-size: 13px;
@@ -1349,6 +1356,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 3px 24px 0 0;
   padding: 0 12px 0 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 12px 0 8px;
+}
 .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;
@@ -1507,6 +1518,23 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #00b0ff;
   height: 2px;
   position: absolute;
+  z-index: 5;
+}
+.e-grid .e-frozenrow-border {
+  background-color: rgba(255, 255, 255, 0.8);
+  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;
@@ -1537,10 +1565,17 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right: 1px solid #616161;
   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 #00b0ff;
+}
+.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;
@@ -1798,6 +1833,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;
 }
@@ -1826,7 +1867,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;
@@ -1911,9 +1952,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;
 }
@@ -1935,10 +1979,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;
 }
@@ -1978,6 +2023,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: 18px;
+  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: 18px;
+  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: 18px;
+  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: 18px;
+  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: 18px;
+  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,
@@ -2077,7 +2142,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 {
@@ -2087,7 +2152,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-bottom: 1px solid;
   border-bottom-color: #616161;
 }
-.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 {
@@ -2124,6 +2189,18 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default .e-stackedheadercell {
   border-width: 0 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;
 }
@@ -2133,11 +2210,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 {
@@ -2331,7 +2426,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 {
@@ -2849,10 +2944,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,
@@ -3013,6 +3108,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: 18px;
+}
+.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: 16px;
+}
+.e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
+  line-height: 16px;
+}
+.e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
+  border-bottom-width: 2px;
+  line-height: 18px;
+}
+.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 #00b0ff, 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 #00b0ff, -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 #00b0ff, -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 #00b0ff, 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;
@@ -3110,6 +3306,18 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-left: 0;
   padding-right: 9px;
 }
+.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;
@@ -3230,6 +3438,36 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-rowcell {
   border-width: 1px 0 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;
 }
@@ -3251,7 +3489,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 {
@@ -3338,6 +3576,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;
@@ -3364,7 +3614,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 {
@@ -3392,7 +3642,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;
 }
@@ -3438,6 +3688,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;
@@ -3470,15 +3726,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 {
@@ -4256,6 +4512,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 rgba(255, 255, 255, 0.5) 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: rgba(255, 255, 255, 0.5);
+}
 .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: rgba(255, 255, 255, 0.7);
 }
@@ -4277,6 +4536,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-color: #00b0ff;
   z-index: 1;
 }
+.e-grid .e-autofill.e-freeze-autofill {
+  z-index: 5;
+}
 .e-grid .e-xlsel {
   background-color: transparent;
   border-style: solid;
@@ -4287,6 +4549,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #00b0ff;
   border-color: #00b0ff;
   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,
@@ -4294,9 +4557,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 #00b0ff;
-  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: #303030;
   border-bottom-color: #616161;
@@ -4306,6 +4596,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: rgba(255, 255, 255, 0.8);
+}
 .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,
@@ -4410,6 +4703,60 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
   border-right-color: #303030;
 }
+.e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
+  border-left-color: rgba(255, 255, 255, 0.8);
+}
+.e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
+  border-right-color: rgba(255, 255, 255, 0.8);
+}
+.e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
+  border-right-color: rgba(255, 255, 255, 0.8);
+}
+.e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
+  border-left-color: rgba(255, 255, 255, 0.8);
+}
+.e-grid .e-leftfreeze.e-freezeleftborder {
+  border-right-color: rgba(255, 255, 255, 0.8);
+}
+.e-grid .e-rightfreeze.e-freezerightborder {
+  border-left-color: rgba(255, 255, 255, 0.8);
+}
+.e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
+.e-grid .e-fixedfreeze.e-freezeleftborder {
+  border-left-color: rgba(255, 255, 255, 0.8);
+}
+.e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
+.e-grid .e-fixedfreeze.e-freezerightborder {
+  border-right-color: rgba(255, 255, 255, 0.8);
+}
+.e-grid .e-xlsel-top-border {
+  border-top-color: rgba(255, 255, 255, 0.8);
+}
+.e-grid .e-xlsel-left-border {
+  border-left-color: rgba(255, 255, 255, 0.8);
+}
+.e-grid .e-xlsel-right-border {
+  border-right-color: rgba(255, 255, 255, 0.8);
+}
+.e-grid .e-xlsel-bottom-border {
+  border-bottom-color: rgba(255, 255, 255, 0.8);
+}
+.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: #303030;
+}
+.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: #424242;
+}
+.e-grid .e-gridfooter .e-leftfreeze,
+.e-grid .e-gridfooter .e-rightfreeze,
+.e-grid .e-gridfooter .e-fixedfreeze {
+  background-color: #424242;
+}
 .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,
@@ -4428,7 +4775,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right-color: rgba(255, 255, 255, 0.8);
 }
 .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .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) {
-  background-color: rgba(255, 255, 255, 0.18);
+  background-color: rgb(89, 86, 86);
   color: #fff;
 }
 .e-grid .e-row:hover .e-rowdragdrop {
@@ -4439,7 +4786,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   color: #000;
 }
 .e-grid.e-gridhover .e-frozenhover {
-  background-color: rgba(255, 255, 255, 0.18);
+  background-color: rgb(89, 86, 86);
   color: #fff;
 }
 .e-grid .e-col-menu.e-filter-popup {
@@ -4449,11 +4796,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   color: #fff;
 }
 .e-grid td.e-active {
-  background: rgba(255, 255, 255, 0.28);
+  background: rgb(122, 108, 108);
   color: #fff;
 }
 .e-grid .e-columnselection {
-  background-color: rgba(255, 255, 255, 0.28);
+  background-color: rgb(122, 108, 108);
 }
 .e-grid td.e-cellselectionbackground {
   background: rgba(255, 255, 255, 0.28);
@@ -4517,7 +4864,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 #616161;
   border-right: 1px solid #616161;
 }
@@ -4597,11 +4944,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #d7f9c7;
   color: #fff;
 }
-.e-grid .e-gridcontent .e-normaledit .e-rowcell {
+.e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
   border-top-color: #616161;
 }
-.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 #616161;
 }
 .e-grid .e-ccdlg .e-footer-content {
@@ -4617,6 +4964,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #fff;
 }
+.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: #424242;
@@ -4639,7 +4989,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-ftrchk.e-chkfocus,
 .e-grid li.e-cclist.e-colfocus {
-  background-color: rgba(255, 255, 255, 0.18);
+  background-color: rgb(89, 86, 86);
 }
 
 .e-tooltip-wrap.e-griderror,