@syncfusion/blazor-themes 22.2.12 → 23.1.38

package/SCSS-Themes/grids/grid/material3.scss

@@ -32,6 +32,8 @@ $grid-vertical-border-size: 1px !default;
 $grid-horizontal-border-size: 1px !default;
 $grid-font-family: $font-family !default;
 $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
+$grid-frozen-shadow-background-color: rgba(0, 0, 0, .12) !default;
+$grid-frozen-row-shadow-background-color: rgba(0, 0, 0, .12) !default;
 
 $grid-header-font-size: 14px !default;
 $grid-bigger-header-font-size: 14px !default;
@@ -209,6 +211,10 @@ $grid-filtercell-both-border-width: 1px 0 0 1px !default;
 
 $grid-header-border-color: rgba($border-light) !default;
 $grid-rowcell-line-height: 20px !default;
+$grid-bigger-rowcell-autofill-top-line-height: 22px !default;
+$grid-bigger-rowcell-autofill-top-bottom-line-height: 20px !default;
+$grid-rowcell-autofill-top-line-height: 18px !default;
+$grid-rowcell-autofill-top-bottom-line-height: 16px !default;
 $grid-content-font-color: rgba($content-text-color) !default;
 $grid-hover-content-font-color: rgba($content-text-color-hover) !default;
 $grid-cell-border-color: rgba($border-light) !default;
@@ -430,6 +436,7 @@ $grid-edit-checkbox-bigger-padding-top: 8px !default;
 $frozen-border-color: $accent !default;
 $grid-frozenborder-disabled-color: rgba($content-bg-color) !default;
 $grid-cell-focus-shadow: 0 0 0 1px rgba($primary) inset !default;
+$grid-cell-focus-border-color: rgba($primary) !default;
 $grid-headercelldiv-fltricon-margin: -5px 20px -5px -5px !default;
 $grid-headercelldiv-rightalign-fltricon-margin: -5px 20px -5px 10px !default;
 $grid-rtl-headercelldiv-fltricon-margin: -5px !default;
@@ -506,6 +513,8 @@ $grid-group-clone-box-shadow: $shadow-md !default;
 $grid-unboundcelldiv-margin: 0 4px !default;
 $grid-bigger-flmenu-padding: 16px 0 0 !default;
 $grid-rowcell-wrap-height: 21px !default;
+$grid-rowcell-autofill-top-height: 19px !default;
+$grid-rowcell-autofill-top-bottom-height: 17px !default;
 $grid-rowcell-wrap-max-height: 36px !default;
 $grid-bigger-fltr-sortnumber-rightalign-margin: 0 3px 0 5px !default;
 $grid-bigger-sortnumber-rightalign-margin: 0 2px 0 8px !default;
@@ -516,6 +525,8 @@ $grid-rtl-searchclear: 0 !default;
 $grid-column-chosser-searchdiv-top: -41px !default;
 $grid-reorderarrow-font-size: 10px !default;
 $grid-bigger-wrap-line-height: 24px !default;
+$grid-bigger-wrap-autofill-top-line-height: 22px !default;
+$grid-bigger-wrap-autofill-top-bottom-line-height: 20px !default;
 $grid-bigger-clone-padding: 3px 0 0 8px !default;
 $grid-bigger-draganddrop-clone-padding: 0 !default;
 $grouped-bigger-text-font-size: 14px !default;
@@ -635,7 +646,7 @@ $grid-skin: 'material3' !default;
 $grid-biggerreorderarrow-font-size: 14px !default;
 $grid-bigger-drag-count-padding: 3px 8px 4px !default;
 $grid-bigger-drag-count-top: -13px !default;
-$grid-bigger-check-select-all-font-size: 10px !default;
+$grid-bigger-check-select-all-font-size: 14px !default;
 $grid-adaptive-sort-clear-button-padding: 0 !default;
 $grid-cc-margin-top: 0 !default;
 $grid-bigger-rtl-cm-margin: -14px 4px -12px -16px !default;
@@ -1075,6 +1086,14 @@ $grid-dropitems-count-margin-left: -9px !default;
       line-height: $grid-bigger-rowcell-line-height;
     }
 
+    .e-xlsel-bottom-border.e-xlsel-top-border {
+      line-height: $grid-bigger-rowcell-autofill-top-bottom-line-height;
+    }
+  
+    .e-xlsel-bottom-border {
+      line-height: $grid-bigger-rowcell-autofill-top-line-height;
+    }
+
     .e-filterbarcell input {
       font-size: $grid-bigger-font-size;
     }
@@ -1451,7 +1470,7 @@ $grid-dropitems-count-margin-left: -9px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
-	@if $grid-skin == 'material3' {
+        @if $grid-skin == 'material3' {
           line-height: 24px;
         }
       }
@@ -1617,6 +1636,26 @@ $grid-dropitems-count-margin-left: -9px !default;
       background-color: $grid-e-firstrow-dragborder-bcolor;
       height: 2px;
       position: absolute;
+      z-index: 5;
+    }
+
+    .e-frozenrow-border {
+      background-color: $frozen-border-color;
+      height: 2px;
+      position: relative;
+      z-index: 5;
+    }
+
+    .e-frozenrow-border.e-frozenrow-empty {
+      height: 0;
+    }
+
+    &.e-top-shadow .e-frozenrow-border {
+      height: 4px;
+      margin-top: -4px;
+      background-color: transparent !important;
+      box-shadow: 0px 4px 8px $grid-frozen-row-shadow-background-color;
+      clip-path: inset(0px 0px -15px 0px)
     }
 
     .e-grid-relative {
@@ -1659,6 +1698,36 @@ $grid-dropitems-count-margin-left: -9px !default;
       border-bottom: 0;
     }
 
+    .e-gridcontent, .e-gridheader,
+    &.e-rtl .e-gridcontent,
+    &.e-rtl .e-gridheader {
+        & tr.e-row:first-child .e-rowcell.e-dragborder,
+        & .e-rowcell.e-dragborder,
+        & .e-rowdragdrop.e-dragborder,
+        & .e-detailrowcollapse.e-dragborder {
+        z-index: $grid-dragborder-z-index;
+        }
+    }
+
+    .e-gridcontent, .e-gridheader,
+    &.e-rtl .e-gridcontent,
+    &.e-rtl .e-gridheader {
+        & tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
+        & tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
+        & tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
+        & .e-rowcell.e-dragborder.e-leftfreeze,
+        & .e-rowcell.e-dragborder.e-rightfreeze,
+        & .e-rowcell.e-dragborder.e-rightfreeze,
+        & .e-rowdragdrop.e-dragborder.e-leftfreeze,
+        & .e-rowdragdrop.e-dragborder.e-rightfreeze,
+        & .e-rowdragdrop.e-dragborder.e-fixedfreeze,
+        & .e-detailrowcollapse.e-dragborder.e-leftfreeze,
+        & .e-detailrowcollapse.e-dragborder.e-rightfreeze,
+        & .e-detailrowcollapse.e-dragborder.e-fixedfreeze {
+        z-index: 6;
+        }
+    }
+
     .e-gridcontent, .e-gridheader,
     &.e-rtl .e-gridcontent,
     &.e-rtl .e-gridheader {
@@ -1667,8 +1736,17 @@ $grid-dropitems-count-margin-left: -9px !default;
         & .e-rowdragdrop.e-dragborder,
         & .e-detailrowcollapse.e-dragborder {
         box-shadow: $grid-dragborder-box-shadow;
+        }
+    }
+
+    .e-gridcontent, .e-gridheader,
+    &.e-rtl .e-gridcontent,
+    &.e-rtl .e-gridheader {
+        & tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+        & .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+        & .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+        & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
         position: $grid-dragborder-position;
-        z-index: $grid-dragborder-z-index;
         }
     }
 
@@ -2093,6 +2171,14 @@ $grid-dropitems-count-margin-left: -9px !default;
       border-right: 0;
     }
 
+    & .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
+      border-right: 0;
+    }
+
+    &.e-rtl .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
+      border-left: 0;
+    }
+
     & .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
     & .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rsuppress {
       left: 0;
@@ -2132,7 +2218,7 @@ $grid-dropitems-count-margin-left: -9px !default;
     }
 
     & .e-virtual-rhandler {
-      z-index: 1;
+      z-index: 5;
     }
 
     &.e-device .e-ricon::before {
@@ -2198,7 +2284,7 @@ $grid-dropitems-count-margin-left: -9px !default;
       overflow: hidden;
       padding: $grid-headercell-div-padding;
       text-align: left;
-	  text-transform: $grid-header-text-transform;
+      text-transform: $grid-header-text-transform;
       user-select: none;
     }
 
@@ -2230,12 +2316,17 @@ $grid-dropitems-count-margin-left: -9px !default;
       user-select: none;
     }
 
-    .e-gridcontent {
+    &:not(.e-left-shadow, .e-right-shadow) .e-gridcontent {
       & tr:first-child td {
         border-top: 0 none;
-      }
+      }   
     }
 
+    .e-gridcontent {
+      & tr:first-child td.e-xlsel-top-border {
+        border-top-width: 2px;
+      }   
+    }
 
     .e-gridheader {
       & tr:first-child th {
@@ -2266,11 +2357,12 @@ $grid-dropitems-count-margin-left: -9px !default;
       border-top-width: $grid-border-size;
     }
 
-    .e-frozenhdrcont {
+    .e-frozenhdrcont,
+    .e-frozenhdr {
       border-bottom-width: 0;
     }
 
-    .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
+    .e-frozenhdrcont table tr:not(.e-editedrow):first-child td:not(.e-xlsel-top-border) {
       border-top-style: $grid-border-type;
       border-top-width: $grid-bottom-border-size;
     }
@@ -2318,6 +2410,36 @@ $grid-dropitems-count-margin-left: -9px !default;
       width: auto;
     }
 
+    &.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-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: $grid-rowcell-autofill-top-line-height;
+      border-width : 1.5px;
+    }
+
+    &.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-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: $grid-rowcell-autofill-top-line-height;
+      border-width : 1.5px;
+    }
+
+    &.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-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: $grid-rowcell-autofill-top-line-height;
+      border-width : 1.5px;
+    }
+
+    &.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-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: $grid-rowcell-autofill-top-line-height;
+      border-width : 1.5px;
+    }
+
+    &.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-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: $grid-rowcell-autofill-top-line-height;
+      border-width : 1.5px;
+    }
+
     .e-frozenheader table .e-insertedrow td.e-rowcell,
     .e-frozencontent table .e-insertedrow td.e-rowcell,
     .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -2446,7 +2568,7 @@ $grid-dropitems-count-margin-left: -9px !default;
       margin-top: $grid-td-checkbox-margin-top;
     }
 
-    &.e-default .e-rowcell.e-lastrowcell {
+    &.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
       border-bottom-width: 1px;
     }
 
@@ -2459,7 +2581,7 @@ $grid-dropitems-count-margin-left: -9px !default;
         border-bottom-color: $grid-header-border-color;
     }
 
-    &.e-bothlines .e-rowcell.e-lastrowcell {
+    &.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
       border-bottom-width: 1px;
     }
 
@@ -2513,6 +2635,22 @@ $grid-dropitems-count-margin-left: -9px !default;
       border-width: $grid-stackedheadercell-border-size;
     }
 
+    &.e-default .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
+      border-right-width: 2px;
+    }
+
+    &.e-default .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
+      border-left-width: 2px;
+    }
+
+    &.e-default .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
+      border-left-width: 1px;
+    }
+
+    &.e-default .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
+      border-right-width: 1px;
+    }
+
     &.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
       border-left-width: 0;
     }
@@ -2526,18 +2664,43 @@ $grid-dropitems-count-margin-left: -9px !default;
       border-width: $grid-headercell-both-border-width;
     }
 
+    &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
+      border-right-width: 2px;
+    }
+  
+    &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
+      border-left-width: 2px;
+    }
+  
+    &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
+      border-left-width: 1px;
+    }
+      
+    &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
+      border-right-width: 1px;
+    }
+  
+    &.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
+      border-left-width: 0;
+    }
+
     tr  th.e-firstcell {
       border-left-style: $grid-border-type;
       border-left-width: $grid-border-size;
     }
 
     &.e-default tr {
-      & td:first-child,
-      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
-      & th.e-detailheadercell:first-child,
-      & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
-        border-left-width: 0;
+        & th.e-detailheadercell:first-child {
+          border-left-width: 0;
+        }
       }
+  
+    &.e-default:not(.e-rtl) tr {
+        & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder),
+        & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+        & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
+            border-left-width: 0;  
+        }
     }
 
     &.e-default .e-gridheader th.e-firstcell.e-movablefirst{
@@ -2839,7 +3002,7 @@ $grid-dropitems-count-margin-left: -9px !default;
     &.e-horizontallines,
     &.e-verticallines,
     &.e-hidelines {
-      & .e-rowcell.e-lastrowcell {
+      & .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
         border-bottom-width: $grid-border-size;
       }
     }
@@ -3601,11 +3764,11 @@ $grid-dropitems-count-margin-left: -9px !default;
       padding: 0;
     }
 
-    .e-gridcontent .e-normaledit .e-rowcell {
+    .e-gridcontent table tbody .e-normaledit .e-rowcell {
       border-top: $grid-border-size $grid-border-type;
     }
 
-    &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell {
+    &: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;
     }
 
@@ -3817,6 +3980,144 @@ $grid-dropitems-count-margin-left: -9px !default;
       border-right: 0;
     }
 
+    .e-tooltip-wrap.e-griderror.e-unfreeze {
+      z-index: 1;
+    }
+
+    .e-leftfreeze,
+    .e-rightfreeze {
+      position: sticky;
+      z-index: 2;
+    }
+
+    .e-fixedfreeze {
+      position: sticky;
+      z-index: 3;
+    }
+
+    .e-xlsel-top-border,
+    &.e-rtl.e-default .e-rowcell.e-xlsel-top-border {
+      border-top-width: 2px;
+      line-height: $grid-rowcell-autofill-top-line-height;
+    }
+    
+    .e-xlsel-left-border,
+    .e-fixedfreeze.e-freezeleftborder.e-xlsel-left-border,
+    &.e-rtl.e-default .e-rowcell.e-xlsel-left-border,
+    &.e-rtl.e-default .e-rowcell.e-fixedfreeze.e-freezeleftborder.e-xlsel-left-border {
+      border-left-width: 2px;
+    }
+
+    .e-xlsel-right-border,
+    .e-fixedfreeze.e-freezerightborder.e-xlsel-right-border,
+    &.e-rtl.e-default .e-rowcell.e-xlsel-right-border,
+    &.e-rtl.e-default .e-rowcell.e-fixedfreeze.e-freezerightborder.e-xlsel-right-border {
+      border-right-width: 2px;
+    }
+    &.e-wrap {
+      .e-xlsel-bottom-border.e-xlsel-top-border {
+        line-height: $grid-rowcell-autofill-top-height;
+      }
+      .e-xlsel-bottom-border {
+        line-height: $grid-rowcell-autofill-top-bottom-height;
+      }
+    }
+
+    &.e-rtl.e-wrap {
+      .e-xlsel-bottom-border.e-xlsel-top-border {
+        line-height: $grid-rowcell-autofill-top-height;
+      }
+      .e-xlsel-bottom-border {
+        line-height: $grid-rowcell-autofill-top-bottom-height;
+      }
+    }
+
+    .e-xlsel-bottom-border.e-xlsel-top-border {
+      line-height: $grid-rowcell-autofill-top-bottom-line-height;
+    }
+
+    &.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
+      line-height: $grid-rowcell-autofill-top-bottom-line-height;
+    }
+
+    .e-xlsel-bottom-border,
+    &.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
+      border-bottom-width: 2px;
+      line-height: $grid-rowcell-autofill-top-line-height;
+    }
+
+    .e-virtual-content.e-content {
+      overflow-x: hidden;
+    }
+
+    .e-leftfreeze.e-freezeleftborder {
+      border-right-width: 2px;
+    }
+
+    &.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
+      clip-path: inset(0 -15px 0 0);
+      box-shadow: 4px 0 8px $grid-frozen-shadow-background-color;
+    }
+
+    &.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
+      border-right-color: transparent;
+    }
+
+    &.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
+      box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
+    }
+
+    &.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
+      clip-path: inset(0 0 0 -15px);
+      box-shadow: -4px 0 8px $grid-frozen-shadow-background-color;
+    }
+
+    &.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-left-border) {
+      border-left-color: transparent;
+    }
+
+    &.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
+      box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
+    }
+  
+    .e-rightfreeze.e-freezerightborder {
+      border-left-width: 2px;
+    }
+
+    &.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
+      clip-path: inset(0 0 0 -15px);
+      box-shadow: -4px 0 8px $grid-frozen-shadow-background-color;
+    }
+
+    &.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
+      border-left-color: transparent;
+    }
+
+    &.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
+      box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
+    }
+
+    &.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
+      clip-path: inset(0 -15px 0 0);
+      box-shadow: 4px 0 8px $grid-frozen-shadow-background-color;
+    }
+
+    &.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-right-border) {
+      border-right-color: transparent;
+    }
+
+    &.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
+      box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
+    }
+
+    .e-fixedfreeze.e-freezeleftborder {
+      border-left-width: 1px;
+    }
+
+    .e-fixedfreeze.e-freezerightborder {
+      border-right-width: 1px;
+    }
+
     .e-frozenheader {
       float: left;
       width: min-content;
@@ -3950,6 +4251,22 @@ $grid-dropitems-count-margin-left: -9px !default;
         }
       }
 
+      .e-leftfreeze.e-freezeleftborder {
+        border-left-width: 2px;
+      }
+    
+      .e-rightfreeze.e-freezerightborder {
+        border-right-width: 2px;
+      }
+  
+      .e-fixedfreeze.e-freezeleftborder {
+        border-right-width: 1px;
+      }
+  
+      .e-fixedfreeze.e-freezerightborder {
+        border-left-width: 1px;
+      }
+
       & .e-headercell,
       & .e-detailheadercell {
         border-width: $grid-rtl-headercell-border-width;
@@ -4133,6 +4450,48 @@ $grid-dropitems-count-margin-left: -9px !default;
         border-width: $grid-rowcell-broder-width;
       }
 
+      & .e-rowcell.e-leftfreeze.e-freezeleftborder {
+        border-left-width: 2px;
+      }
+
+      & .e-rowcell.e-rightfreeze.e-freezerightborder {
+        border-right-width: 2px;
+      }
+
+      & .e-rowcell.e-fixedfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
+        border-right-width: 1px;
+      }
+
+      & .e-rowcell.e-fixedfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
+        border-left-width: 1px;
+      }
+
+      & .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
+        border-left-width: 2px;
+      }
+  
+      & .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
+        border-right-width: 2px;
+      }
+  
+      & .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
+        border-right-width: 1px;
+      }
+  
+      & .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
+        border-left-width: 1px;
+      }
+
+      & .e-summarycell.e-rightfreeze.e-freezerightborder,
+      & .e-summarycell.e-fixedfreeze.e-freezeleftborder {
+        border-left-width: 0;
+      }
+
+      & .e-summarycell.e-leftfreeze.e-freezeleftborder,
+      & .e-summarycell.e-fixedfreeze.e-freezerightborder {
+        border-right-width: 0;
+      }
+
       & .e-filterbarcell,
       & .e-filterbarcelldisabled {
         border-width: $grid-filterbarcell-border-width;
@@ -4169,9 +4528,9 @@ $grid-dropitems-count-margin-left: -9px !default;
         border-left-width: 0;
       }
 
-      &.e-default tr {
-        & td:last-child,
-        & th:last-child {
+      &.e-default {
+        & tr td:last-child:not(.e-xlsel-left-border),
+        & .e-gridheader table tr th:last-child {
           border-left: 0;
         }
       }
@@ -4303,6 +4662,22 @@ $grid-dropitems-count-margin-left: -9px !default;
         border-width: $grid-rtl-headercell-both-border-width;
       }
 
+      &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
+        border-left-width: 2px;
+      }
+    
+      &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
+        border-right-width: 2px;
+      }
+    
+      &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
+        border-right-width: 1px;
+      }
+        
+      &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
+        border-left-width: 1px;
+      }
+
       &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
       &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
         border-left: 1px solid;
@@ -4347,7 +4722,7 @@ $grid-dropitems-count-margin-left: -9px !default;
       &.e-horizontallines,
       &.e-verticallines,
       &.e-hidelines {
-        & .e-rowcell.e-lastrowcell {
+        & .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
           border-bottom-width: $grid-border-size;
         }
       }
@@ -4391,7 +4766,7 @@ $grid-dropitems-count-margin-left: -9px !default;
         float: left;
       }
 
-      & tr:not(.e-summaryrow) td.e-indentcell {
+      & .e-gridcontent table tr:not(.e-summaryrow) td.e-indentcell {
         border-style: $grid-border-type;
         border-width: 0 0 0 $grid-border-size;
       }
@@ -4466,6 +4841,15 @@ $grid-dropitems-count-margin-left: -9px !default;
       word-wrap: break-word;
     }
 
+    & .e-frozenhdrcont.e-wrap  {
+      .e-xlsel-bottom-border.e-xlsel-top-border {
+        line-height: $grid-rowcell-autofill-top-bottom-height;
+      }
+      .e-xlsel-bottom-border {
+        line-height: $grid-rowcell-autofill-top-height;
+      }
+    }
+
     & .e-stackedheadercelldiv {
       overflow: hidden;
       text-overflow: ellipsis;
@@ -4516,18 +4900,18 @@ $grid-dropitems-count-margin-left: -9px !default;
     &.e-resize-lines,
     &.e-resize-lines.e-rtl {
 
-      & th.e-headercell.e-stackedheadercell,
-      & th.e-headercell.e-firstcell {
+      & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
+      & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
         border-left: 0;
         border-right: 0;
         border-top: 0;
       }
 
-      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
         border-right: 0;
       }
 
-      &.e-default table th[rowspan] {
+      &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
         border-left: 0;
       }
     }
@@ -4715,7 +5099,7 @@ $grid-dropitems-count-margin-left: -9px !default;
       .e-cc-contentdiv .e-choosercheck {
         white-space: $grid-filter-checkbox-white-space;
       }
-	  
+
       .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
       .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
         text-align: left;
@@ -5560,6 +5944,11 @@ $grid-dropitems-count-margin-left: -9px !default;
       box-shadow: $grid-cell-focus-shadow;
     }
 
+    &.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-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: $grid-cell-focus-border-color;
+    }
+
     .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
       color: $grid-icon-default-color;
     }
@@ -5597,6 +5986,10 @@ $grid-dropitems-count-margin-left: -9px !default;
       z-index: 1;
     }
 
+    .e-autofill.e-freeze-autofill {
+      z-index: 5;
+    }
+
     .e-xlsel {
       background-color: transparent;
       border-style: solid;
@@ -5608,6 +6001,7 @@ $grid-dropitems-count-margin-left: -9px !default;
       background-color: $grid-autofill-color;
       border-color: $grid-autofill-color;
       position: absolute;
+      z-index: 3;
     }
 
     .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
@@ -5620,10 +6014,57 @@ $grid-dropitems-count-margin-left: -9px !default;
     &.e-rtl .e-gridcontent .e-rowcell.e-dragborder,
     &.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
       box-shadow: $grid-dragborder-box-shadow;
-      position: $grid-dragborder-position;
       z-index: $grid-dragborder-z-index;
     }
 
+    .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
+    .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze,
+    .e-gridcontent .e-groupcaption.e-dragborder.e-leftfreeze,
+    .e-gridcontent .e-summarycell.e-dragborder.e-leftfreeze,
+    .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze,
+    & .e-gridheader thead tr th.e-firstrowdragborder.e-leftfreeze,
+    &.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
+    &.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze,
+    &.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze {
+      z-index: 6;
+    }
+
+    .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
+    .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze,
+    .e-gridcontent .e-groupcaption.e-dragborder.e-rightfreeze,
+    .e-gridcontent .e-summarycell.e-dragborder.e-rightfreeze,
+    .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze,
+    & .e-gridheader thead tr th.e-firstrowdragborder.e-rightfreeze,
+    &.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
+    &.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze,
+    &.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze {
+      z-index: 6;
+    }
+
+    .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
+    .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze,
+    .e-gridcontent .e-groupcaption.e-dragborder.e-fixedfreeze,
+    .e-gridcontent .e-summarycell.e-dragborder.e-fixedfreeze,
+    .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze,
+    & .e-gridheader thead tr th.e-firstrowdragborder.e-fixedfreeze,
+    &.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
+    &.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze,
+    &.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze {
+      z-index: 6;
+    }
+
+    .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+    .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+    .e-gridcontent .e-groupcaption.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+    .e-gridcontent .e-summarycell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+    .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+    & .e-gridheader thead tr th.e-firstrowdragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+    &.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+    &.e-rtl .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+    &.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
+      position: $grid-dragborder-position;
+    }
+
     .e-gridheader {
       background-color: $grid-header-bg-color;
       border-bottom-color: $grid-outter-border;
@@ -5637,6 +6078,12 @@ $grid-dropitems-count-margin-left: -9px !default;
       }
     }
 
+    .e-gridcontent {
+      & tr:first-child td.e-xlsel-top-border {
+        border-top-color: $frozen-border-color;
+      }
+    }
+
     th.e-headercell[aria-sort = 'ascending'] .e-headertext,
     th.e-headercell[aria-sort = 'descending'] .e-headertext,
     th.e-headercell[aria-sort = 'ascending'] .e-sortfilterdiv,
@@ -5784,6 +6231,92 @@ $grid-dropitems-count-margin-left: -9px !default;
       border-right-color: $grid-frozenborder-disabled-color;
     }
 
+    &.e-rtl .e-leftfreeze.e-freezeleftborder {
+      border-left-color: $frozen-border-color;
+    }
+      
+    &.e-rtl .e-rightfreeze.e-freezerightborder {
+      border-right-color: $frozen-border-color;
+    }
+    
+    &.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
+    &.e-rtl .e-fixedfreeze.e-freezeleftborder {
+      border-right-color: $frozen-border-color;
+    }
+    
+    &.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
+    &.e-rtl .e-fixedfreeze.e-freezerightborder  {
+      border-left-color: $frozen-border-color;
+    }
+
+    .e-leftfreeze.e-freezeleftborder {
+      border-right-color: $frozen-border-color;
+    }
+
+    .e-rightfreeze.e-freezerightborder {
+      border-left-color: $frozen-border-color;
+    }
+
+    .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
+    .e-fixedfreeze.e-freezeleftborder {
+      border-left-color: $frozen-border-color;
+    }
+
+    .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
+    .e-fixedfreeze.e-freezerightborder  {
+      border-right-color: $frozen-border-color;
+    }
+
+    .e-xlsel-top-border {
+      border-top-color: $frozen-border-color;
+    }
+
+    .e-xlsel-left-border {
+      border-left-color: $frozen-border-color;
+    }
+
+    .e-xlsel-right-border {
+      border-right-color: $frozen-border-color;
+    }
+
+    .e-xlsel-bottom-border {
+      border-bottom-color: $frozen-border-color;
+    }
+
+    .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
+    .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
+    .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
+      @if $grid-skin == 'material' $grid-skin == 'highcontrast' {
+        background-color: $grid-rows-bg-color;
+      }
+      @else {
+        background-color: $grid-content-bg-color;
+      }
+    }
+
+    .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
+    .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordplusexpand,
+    .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordpluscollapse,
+    .e-gridcontent .e-groupcaptionrow .e-leftfreeze.ee-indentcell {
+      @if $grid-skin == 'material3' {
+        background: $group-row-bg-color;
+      }
+      @else {
+        background-color: $group-row-bg-color;
+      }
+    }
+
+    .e-gridfooter .e-leftfreeze,
+    .e-gridfooter .e-rightfreeze,
+    .e-gridfooter .e-fixedfreeze {
+      @if $grid-skin == 'material3' {
+        background: $grid-summary-row-bg-color;
+      }
+      @else {
+        background-color: $grid-summary-row-bg-color;
+      }
+    }
+
     .e-frozenheader.e-frozen-right-header > .e-table,
     .e-frozencontent.e-frozen-right-content > .e-table,
     .e-rowcell .e-frozen-default-cursor,
@@ -5821,6 +6354,34 @@ $grid-dropitems-count-margin-left: -9px !default;
       }
     }
 
+    &.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-leftfreeze,
+    &.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze,
+    &.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze,
+    &.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze,
+    &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-leftfreeze,
+    &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze,
+    &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze,
+    &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze,
+    &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-leftfreeze,
+    &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-rightfreeze,
+    &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-unfreeze,
+    &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-fixedfreeze,
+    &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze,
+    &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze,
+    &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze,
+    &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
+    &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze,
+    &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze,
+    &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze,
+    &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
+    &.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) {
+        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+          background-color: rgb(250 244 244);
+        }
+      }
+    }
+
     &.e-gridhover .e-dragclone .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell,
     &.e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell,
     &.e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse,
@@ -5848,6 +6409,34 @@ $grid-dropitems-count-margin-left: -9px !default;
           }
         }
       }
+
+      &.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-leftfreeze,
+      &.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze,
+      &.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze,
+      &.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze,
+      &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-leftfreeze,
+      &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze,
+      &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze,
+      &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze,
+      &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-leftfreeze,
+      &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-rightfreeze,
+      &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-unfreeze,
+      &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-fixedfreeze,
+      &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze,
+      &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze,
+      &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze,
+      &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
+      &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze,
+      &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze,
+      &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze,
+      &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
+      &.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) {
+          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+            background-color: rgb(250 244 244);
+          }
+        }
+      }
     }
 
     & .e-row:hover .e-rowdragdrop {
@@ -5882,6 +6471,22 @@ $grid-dropitems-count-margin-left: -9px !default;
       color: $grid-row-selection-color;
     }
 
+    td.e-active.e-leftfreeze:not(.e-updatedtd),
+    td.e-active.e-unfreeze:not(.e-updatedtd),
+    td.e-active.e-rightfreeze:not(.e-updatedtd),
+    td.e-active.e-fixedfreeze:not(.e-updatedtd),
+    .e-columnselection.e-leftfreeze:not(.e-updatedtd),
+    .e-columnselection.e-unfreeze:not(.e-updatedtd),
+    .e-columnselection.e-rightfreeze:not(.e-updatedtd),
+    .e-columnselection.e-fixedfreeze:not(.e-updatedtd) {
+      @if $grid-skin == 'material3' {
+        background-color: rgba($primary-container, 1);
+      }
+      @else if $grid-skin == 'bootstrap4' {
+        background-color: rgb(212 205 205);
+      }
+    }
+
     .e-columnselection {
       background-color: $grid-row-selection-bg-color;
     }
@@ -5972,7 +6577,7 @@ $grid-dropitems-count-margin-left: -9px !default;
       border: 0 none;
     }
 
-    &.e-resize-lines .e-headercell.e-stackedheadercell {
+    &.e-resize-lines .e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder) {
       border-bottom: 1px solid $grid-header-border-color;
       border-right: 1px solid $grid-header-border-color;
     }
@@ -6112,12 +6717,12 @@ $grid-dropitems-count-margin-left: -9px !default;
       color: $grid-content-batch-font-color;
     }
 
-    .e-gridcontent .e-normaledit .e-rowcell {
+    .e-gridcontent table tbody .e-normaledit .e-rowcell {
       border-top-color: $grid-header-border-color;
     }
 
-    .e-gridcontent .e-normaledit .e-dragindentcell,
-    .e-gridcontent .e-normaledit .e-detailrowcollapse {
+    .e-gridcontent table tbody .e-normaledit .e-dragindentcell,
+    .e-gridcontent table tbody .e-normaledit .e-detailrowcollapse {
       border-top: 1px solid $grid-header-border-color;
     }
 
@@ -6142,7 +6747,7 @@ $grid-dropitems-count-margin-left: -9px !default;
         padding-top: 6px;
         padding-bottom: 6px;
       }
-
+      
       &.e-focused {
         box-shadow: none;
       }