@syncfusion/blazor-themes 27.1.48 → 27.1.50

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

@@ -1883,28 +1883,18 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     .e-bigger &.e-bothlines.e-rtl td.e-rowcell.e-cellselectionbackground,
-    &.e-bothlines.e-bigger.e-rtl td.e-rowcell.e-cellselectionbackground,
-    .e-bigger &.e-rtl td.e-rowcell.e-cellselectionbackground,
-    &.e-bigger.e-rtl td.e-rowcell.e-cellselectionbackground {
+    &.e-bothlines.e-bigger.e-rtl td.e-rowcell.e-cellselectionbackground {
       @if $grid-skin == 'material3' {
         border: 1px solid rgba($content-text-color);
       }
     }
 
-    .e-bigger &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
-    .e-bigger & td.e-cellselectionbackground,
-    &.e-bigger:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
-    &.e-bigger td.e-cellselectionbackground {
+    .e-bigger &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground:not(.e-gridchkbox-cell),
+    &.e-bigger:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground:not(.e-gridchkbox-cell) {
       @if $grid-skin == 'material3' {
-        padding-bottom: 13px;
-        @include grid-padding-left-right(11.5px, 11.5px);
-      }
-    }
-
-    .e-bigger &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
-    &.e-bigger:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground {
-      @if $grid-skin == 'material3' {
-        padding-top: 13px;
+        padding-top: 0;
+        padding-bottom: 0;
+        @include grid-padding-left-right(12px, 12px);
       }
     }
 
@@ -2544,6 +2534,9 @@ $grid-checkmark-color: $primary-text-color !default;
   
         & .e-res-apply-btn:disabled {
           color: $grid-btn-disabled-bgcolor;
+          @if $grid-skin == 'fluent2' {
+            color: $primary-text-disabled;
+          }
         }
         & .e-btn {
           @if $grid-skin != 'fluent2' {
@@ -3642,6 +3635,18 @@ $grid-checkmark-color: $primary-text-color !default;
       }
     }
 
+    &:not(.sf-grid) .e-res-toolbar .e-toolbar-items .e-search-wrapper {
+      & .e-search-icon {
+        padding: $grid-res-toolbar-search-wrapper-icon-padding;
+        @if $grid-skin == 'bootstrap5.3' {
+          padding: 9px 8px;
+        }
+        @if $grid-skin == 'bootstrap4' {
+          padding: 9px 9.5px;
+        }
+      }
+    }
+
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -3742,18 +3747,6 @@ $grid-checkmark-color: $primary-text-color !default;
           }
         }
 
-        &:not(.sf-grid).e-search-wrapper {
-          & .e-search-icon {
-            padding: $grid-res-toolbar-search-wrapper-icon-padding;
-            @if $grid-skin == 'bootstrap5.3' {
-              padding: 9px 8px;
-            }
-            @if $grid-skin == 'bootstrap4' {
-              padding: 9px 9.5px;
-            }
-          }
-        }
-
         & .e-responsive-right {
           & .e-search-wrapper {
             padding-left: 0;
@@ -3950,8 +3943,11 @@ $grid-checkmark-color: $primary-text-color !default;
       }
     }
 
-    &.e-default .e-grouptopleftcell {
-      border-top: $grid-grouptopleftcell-border-top;
+    &.e-default {
+      .e-grouptopleftcell,
+      .e-rowdragheader {
+        border-top: $grid-grouptopleftcell-border-top;
+      }
     }
 
     &.e-default .e-gridheader .e-headercell.e-firstheader,
@@ -3959,10 +3955,13 @@ $grid-checkmark-color: $primary-text-color !default;
       border-left: 1px solid;
     }
 
-    &.e-default.e-verticallines .e-grouptopleftcell,
-    &.e-default.e-bothlines .e-grouptopleftcell,
-    &.e-default.e-hidelines .e-grouptopleftcell {
-      border-top-width: 0;
+    &.e-default.e-verticallines,
+    &.e-default.e-bothlines,
+    &.e-default.e-hidelines {
+      .e-grouptopleftcell,
+      .e-rowdragheader {
+        border-top-width: 0;
+      }
     }
 
     &.e-default.e-verticallines,
@@ -4223,6 +4222,12 @@ $grid-checkmark-color: $primary-text-color !default;
       width: auto;
     }
 
+    .e-rowcell.e-gridchkbox {
+      @if $grid-skin == 'fluent' {
+        padding-left: 8px;
+      }
+    }
+
     &.e-left-shadow,
     &.e-rtl.e-left-shadow,
     &.e-rtl.e-default.e-left-shadow,
@@ -5166,13 +5171,12 @@ $grid-checkmark-color: $primary-text-color !default;
       font-weight: $grid-selection-font-weight;
     }
 
-    &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
+    &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground:not(.e-gridchkbox-cell),
     td.e-cellselectionbackground {
       font-weight: $grid-selection-font-weight;
       @if $grid-skin == 'material3' {
-        border: 1px solid rgba($content-text-color);
         padding-bottom: 7px;
-        @include grid-padding-left-right(7.5px, 7.5px);
+        @include grid-padding-left-right(8px, 8px);
       }
     }
 
@@ -5183,14 +5187,13 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     &.e-bothlines td.e-rowcell.e-cellselectionbackground,
-    &.e-bothlines.e-rtl td.e-rowcell.e-cellselectionbackground,
-    &.e-rtl td.e-rowcell.e-cellselectionbackground {
+    &.e-bothlines.e-rtl td.e-rowcell.e-cellselectionbackground {
       @if $grid-skin == 'material3' {
         border: 1px solid rgba($content-text-color);
       }
     }
 
-    &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground {
+    &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground:not(.e-gridchkbox-cell) {
       @if $grid-skin == 'material3' {
         padding-top: 7px;
       }
@@ -6270,7 +6273,8 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     &.e-wrap {
-      & .e-rowcell,
+      & .e-gridheader .e-rowcell,
+      & .e-gridcontent .e-rowcell,
       & .e-columnheader .e-stackedheadercelldiv,
       & .e-columnheader .e-headercelldiv,
       & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
@@ -6283,6 +6287,10 @@ $grid-checkmark-color: $primary-text-color !default;
           max-height: $grid-rowcell-wrap-max-height;
         }
       }
+
+      & .e-checkbox-wrapper {
+        vertical-align: middle;
+      }
     }
 
     &.e-wrap .e-columnheader {
@@ -6455,6 +6463,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     &.sf-grid {
+      
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;
         @if $grid-skin == 'material3' {
@@ -7133,10 +7142,12 @@ $grid-checkmark-color: $primary-text-color !default;
 
     .e-verticallines tr th,
     .e-grouptopleftcell,
+    .e-rowdragheader,
     .e-gridpopup .e-content,
     .e-filterbarcell,
     .e-filterbarcelldisabled,
     &.e-default .e-grouptopleftcell,
+    &.e-default .e-rowdragheader,
     .e-headercell,
     .e-summarycell,
     .e-detailheadercell,

package/SCSS-Themes/grids/grid/fabric-dark.scss

@@ -1882,28 +1882,18 @@ $grid-checkmark-color: $theme-dark-font !default;
     }
 
     .e-bigger &.e-bothlines.e-rtl td.e-rowcell.e-cellselectionbackground,
-    &.e-bothlines.e-bigger.e-rtl td.e-rowcell.e-cellselectionbackground,
-    .e-bigger &.e-rtl td.e-rowcell.e-cellselectionbackground,
-    &.e-bigger.e-rtl td.e-rowcell.e-cellselectionbackground {
+    &.e-bothlines.e-bigger.e-rtl td.e-rowcell.e-cellselectionbackground {
       @if $grid-skin == 'material3' {
         border: 1px solid rgba($content-text-color);
       }
     }
 
-    .e-bigger &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
-    .e-bigger & td.e-cellselectionbackground,
-    &.e-bigger:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
-    &.e-bigger td.e-cellselectionbackground {
+    .e-bigger &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground:not(.e-gridchkbox-cell),
+    &.e-bigger:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground:not(.e-gridchkbox-cell) {
       @if $grid-skin == 'material3' {
-        padding-bottom: 13px;
-        @include grid-padding-left-right(11.5px, 11.5px);
-      }
-    }
-
-    .e-bigger &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
-    &.e-bigger:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground {
-      @if $grid-skin == 'material3' {
-        padding-top: 13px;
+        padding-top: 0;
+        padding-bottom: 0;
+        @include grid-padding-left-right(12px, 12px);
       }
     }
 
@@ -2543,6 +2533,9 @@ $grid-checkmark-color: $theme-dark-font !default;
   
         & .e-res-apply-btn:disabled {
           color: $grid-btn-disabled-bgcolor;
+          @if $grid-skin == 'fluent2' {
+            color: $primary-text-disabled;
+          }
         }
         & .e-btn {
           @if $grid-skin != 'fluent2' {
@@ -3641,6 +3634,18 @@ $grid-checkmark-color: $theme-dark-font !default;
       }
     }
 
+    &:not(.sf-grid) .e-res-toolbar .e-toolbar-items .e-search-wrapper {
+      & .e-search-icon {
+        padding: $grid-res-toolbar-search-wrapper-icon-padding;
+        @if $grid-skin == 'bootstrap5.3' {
+          padding: 9px 8px;
+        }
+        @if $grid-skin == 'bootstrap4' {
+          padding: 9px 9.5px;
+        }
+      }
+    }
+
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -3741,18 +3746,6 @@ $grid-checkmark-color: $theme-dark-font !default;
           }
         }
 
-        &:not(.sf-grid).e-search-wrapper {
-          & .e-search-icon {
-            padding: $grid-res-toolbar-search-wrapper-icon-padding;
-            @if $grid-skin == 'bootstrap5.3' {
-              padding: 9px 8px;
-            }
-            @if $grid-skin == 'bootstrap4' {
-              padding: 9px 9.5px;
-            }
-          }
-        }
-
         & .e-responsive-right {
           & .e-search-wrapper {
             padding-left: 0;
@@ -3949,8 +3942,11 @@ $grid-checkmark-color: $theme-dark-font !default;
       }
     }
 
-    &.e-default .e-grouptopleftcell {
-      border-top: $grid-grouptopleftcell-border-top;
+    &.e-default {
+      .e-grouptopleftcell,
+      .e-rowdragheader {
+        border-top: $grid-grouptopleftcell-border-top;
+      }
     }
 
     &.e-default .e-gridheader .e-headercell.e-firstheader,
@@ -3958,10 +3954,13 @@ $grid-checkmark-color: $theme-dark-font !default;
       border-left: 1px solid;
     }
 
-    &.e-default.e-verticallines .e-grouptopleftcell,
-    &.e-default.e-bothlines .e-grouptopleftcell,
-    &.e-default.e-hidelines .e-grouptopleftcell {
-      border-top-width: 0;
+    &.e-default.e-verticallines,
+    &.e-default.e-bothlines,
+    &.e-default.e-hidelines {
+      .e-grouptopleftcell,
+      .e-rowdragheader {
+        border-top-width: 0;
+      }
     }
 
     &.e-default.e-verticallines,
@@ -4222,6 +4221,12 @@ $grid-checkmark-color: $theme-dark-font !default;
       width: auto;
     }
 
+    .e-rowcell.e-gridchkbox {
+      @if $grid-skin == 'fluent' {
+        padding-left: 8px;
+      }
+    }
+
     &.e-left-shadow,
     &.e-rtl.e-left-shadow,
     &.e-rtl.e-default.e-left-shadow,
@@ -5165,13 +5170,12 @@ $grid-checkmark-color: $theme-dark-font !default;
       font-weight: $grid-selection-font-weight;
     }
 
-    &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
+    &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground:not(.e-gridchkbox-cell),
     td.e-cellselectionbackground {
       font-weight: $grid-selection-font-weight;
       @if $grid-skin == 'material3' {
-        border: 1px solid rgba($content-text-color);
         padding-bottom: 7px;
-        @include grid-padding-left-right(7.5px, 7.5px);
+        @include grid-padding-left-right(8px, 8px);
       }
     }
 
@@ -5182,14 +5186,13 @@ $grid-checkmark-color: $theme-dark-font !default;
     }
 
     &.e-bothlines td.e-rowcell.e-cellselectionbackground,
-    &.e-bothlines.e-rtl td.e-rowcell.e-cellselectionbackground,
-    &.e-rtl td.e-rowcell.e-cellselectionbackground {
+    &.e-bothlines.e-rtl td.e-rowcell.e-cellselectionbackground {
       @if $grid-skin == 'material3' {
         border: 1px solid rgba($content-text-color);
       }
     }
 
-    &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground {
+    &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground:not(.e-gridchkbox-cell) {
       @if $grid-skin == 'material3' {
         padding-top: 7px;
       }
@@ -6269,7 +6272,8 @@ $grid-checkmark-color: $theme-dark-font !default;
     }
 
     &.e-wrap {
-      & .e-rowcell,
+      & .e-gridheader .e-rowcell,
+      & .e-gridcontent .e-rowcell,
       & .e-columnheader .e-stackedheadercelldiv,
       & .e-columnheader .e-headercelldiv,
       & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
@@ -6282,6 +6286,10 @@ $grid-checkmark-color: $theme-dark-font !default;
           max-height: $grid-rowcell-wrap-max-height;
         }
       }
+
+      & .e-checkbox-wrapper {
+        vertical-align: middle;
+      }
     }
 
     &.e-wrap .e-columnheader {
@@ -6454,6 +6462,7 @@ $grid-checkmark-color: $theme-dark-font !default;
     }
 
     &.sf-grid {
+      
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;
         @if $grid-skin == 'material3' {
@@ -7132,10 +7141,12 @@ $grid-checkmark-color: $theme-dark-font !default;
 
     .e-verticallines tr th,
     .e-grouptopleftcell,
+    .e-rowdragheader,
     .e-gridpopup .e-content,
     .e-filterbarcell,
     .e-filterbarcelldisabled,
     &.e-default .e-grouptopleftcell,
+    &.e-default .e-rowdragheader,
     .e-headercell,
     .e-summarycell,
     .e-detailheadercell,

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

@@ -1881,28 +1881,18 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
 
     .e-bigger &.e-bothlines.e-rtl td.e-rowcell.e-cellselectionbackground,
-    &.e-bothlines.e-bigger.e-rtl td.e-rowcell.e-cellselectionbackground,
-    .e-bigger &.e-rtl td.e-rowcell.e-cellselectionbackground,
-    &.e-bigger.e-rtl td.e-rowcell.e-cellselectionbackground {
+    &.e-bothlines.e-bigger.e-rtl td.e-rowcell.e-cellselectionbackground {
       @if $grid-skin == 'material3' {
         border: 1px solid rgba($content-text-color);
       }
     }
 
-    .e-bigger &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
-    .e-bigger & td.e-cellselectionbackground,
-    &.e-bigger:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
-    &.e-bigger td.e-cellselectionbackground {
+    .e-bigger &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground:not(.e-gridchkbox-cell),
+    &.e-bigger:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground:not(.e-gridchkbox-cell) {
       @if $grid-skin == 'material3' {
-        padding-bottom: 13px;
-        @include grid-padding-left-right(11.5px, 11.5px);
-      }
-    }
-
-    .e-bigger &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
-    &.e-bigger:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground {
-      @if $grid-skin == 'material3' {
-        padding-top: 13px;
+        padding-top: 0;
+        padding-bottom: 0;
+        @include grid-padding-left-right(12px, 12px);
       }
     }
 
@@ -2542,6 +2532,9 @@ $grid-checkmark-color: $theme-primary-font !default;
   
         & .e-res-apply-btn:disabled {
           color: $grid-btn-disabled-bgcolor;
+          @if $grid-skin == 'fluent2' {
+            color: $primary-text-disabled;
+          }
         }
         & .e-btn {
           @if $grid-skin != 'fluent2' {
@@ -3640,6 +3633,18 @@ $grid-checkmark-color: $theme-primary-font !default;
       }
     }
 
+    &:not(.sf-grid) .e-res-toolbar .e-toolbar-items .e-search-wrapper {
+      & .e-search-icon {
+        padding: $grid-res-toolbar-search-wrapper-icon-padding;
+        @if $grid-skin == 'bootstrap5.3' {
+          padding: 9px 8px;
+        }
+        @if $grid-skin == 'bootstrap4' {
+          padding: 9px 9.5px;
+        }
+      }
+    }
+
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -3740,18 +3745,6 @@ $grid-checkmark-color: $theme-primary-font !default;
           }
         }
 
-        &:not(.sf-grid).e-search-wrapper {
-          & .e-search-icon {
-            padding: $grid-res-toolbar-search-wrapper-icon-padding;
-            @if $grid-skin == 'bootstrap5.3' {
-              padding: 9px 8px;
-            }
-            @if $grid-skin == 'bootstrap4' {
-              padding: 9px 9.5px;
-            }
-          }
-        }
-
         & .e-responsive-right {
           & .e-search-wrapper {
             padding-left: 0;
@@ -3948,8 +3941,11 @@ $grid-checkmark-color: $theme-primary-font !default;
       }
     }
 
-    &.e-default .e-grouptopleftcell {
-      border-top: $grid-grouptopleftcell-border-top;
+    &.e-default {
+      .e-grouptopleftcell,
+      .e-rowdragheader {
+        border-top: $grid-grouptopleftcell-border-top;
+      }
     }
 
     &.e-default .e-gridheader .e-headercell.e-firstheader,
@@ -3957,10 +3953,13 @@ $grid-checkmark-color: $theme-primary-font !default;
       border-left: 1px solid;
     }
 
-    &.e-default.e-verticallines .e-grouptopleftcell,
-    &.e-default.e-bothlines .e-grouptopleftcell,
-    &.e-default.e-hidelines .e-grouptopleftcell {
-      border-top-width: 0;
+    &.e-default.e-verticallines,
+    &.e-default.e-bothlines,
+    &.e-default.e-hidelines {
+      .e-grouptopleftcell,
+      .e-rowdragheader {
+        border-top-width: 0;
+      }
     }
 
     &.e-default.e-verticallines,
@@ -4221,6 +4220,12 @@ $grid-checkmark-color: $theme-primary-font !default;
       width: auto;
     }
 
+    .e-rowcell.e-gridchkbox {
+      @if $grid-skin == 'fluent' {
+        padding-left: 8px;
+      }
+    }
+
     &.e-left-shadow,
     &.e-rtl.e-left-shadow,
     &.e-rtl.e-default.e-left-shadow,
@@ -5164,13 +5169,12 @@ $grid-checkmark-color: $theme-primary-font !default;
       font-weight: $grid-selection-font-weight;
     }
 
-    &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
+    &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground:not(.e-gridchkbox-cell),
     td.e-cellselectionbackground {
       font-weight: $grid-selection-font-weight;
       @if $grid-skin == 'material3' {
-        border: 1px solid rgba($content-text-color);
         padding-bottom: 7px;
-        @include grid-padding-left-right(7.5px, 7.5px);
+        @include grid-padding-left-right(8px, 8px);
       }
     }
 
@@ -5181,14 +5185,13 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
 
     &.e-bothlines td.e-rowcell.e-cellselectionbackground,
-    &.e-bothlines.e-rtl td.e-rowcell.e-cellselectionbackground,
-    &.e-rtl td.e-rowcell.e-cellselectionbackground {
+    &.e-bothlines.e-rtl td.e-rowcell.e-cellselectionbackground {
       @if $grid-skin == 'material3' {
         border: 1px solid rgba($content-text-color);
       }
     }
 
-    &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground {
+    &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground:not(.e-gridchkbox-cell) {
       @if $grid-skin == 'material3' {
         padding-top: 7px;
       }
@@ -6268,7 +6271,8 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
 
     &.e-wrap {
-      & .e-rowcell,
+      & .e-gridheader .e-rowcell,
+      & .e-gridcontent .e-rowcell,
       & .e-columnheader .e-stackedheadercelldiv,
       & .e-columnheader .e-headercelldiv,
       & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
@@ -6281,6 +6285,10 @@ $grid-checkmark-color: $theme-primary-font !default;
           max-height: $grid-rowcell-wrap-max-height;
         }
       }
+
+      & .e-checkbox-wrapper {
+        vertical-align: middle;
+      }
     }
 
     &.e-wrap .e-columnheader {
@@ -6453,6 +6461,7 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
 
     &.sf-grid {
+      
       span.e-ungroupbutton.e-icons {
         margin-left: $grid-group-ungroupicon-margin-left;
         @if $grid-skin == 'material3' {
@@ -7131,10 +7140,12 @@ $grid-checkmark-color: $theme-primary-font !default;
 
     .e-verticallines tr th,
     .e-grouptopleftcell,
+    .e-rowdragheader,
     .e-gridpopup .e-content,
     .e-filterbarcell,
     .e-filterbarcelldisabled,
     &.e-default .e-grouptopleftcell,
+    &.e-default .e-rowdragheader,
     .e-headercell,
     .e-summarycell,
     .e-detailheadercell,