@syncfusion/blazor-themes 31.1.21 → 31.1.22

package/SCSS-Themes/fluent2-lite.scss

@@ -66584,7 +66584,8 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -67000,7 +67001,11 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -84551,7 +84556,7 @@ $toast-success-color: $msg-success-color !default;
 $toast-success-title-color: $msg-success-color !default;
 $toast-success-icon-color: $msg-success-icon-color !default;
 $toast-success-content-color: $msg-success-color !default;
-$toast-success-hover-bg-color: $msg-success-bg-color !default;
+$toast-success-hover-bg-color: $success-light-alt !default;
 $toast-success-hover-color: $msg-success-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
 
@@ -84560,7 +84565,7 @@ $toast-info-color: $msg-info-color !default;
 $toast-info-title-color: $msg-info-color !default;
 $toast-info-icon-color: $msg-info-icon-color !default;
 $toast-info-content-color: $msg-info-color !default;
-$toast-info-hover-bg-color: $msg-info-bg-color !default;
+$toast-info-hover-bg-color: $info-light-alt !default;
 $toast-info-hover-color:  $msg-info-color !default;
 $toast-info-hover-box-shadow: $shadow !default;
 
@@ -84569,7 +84574,7 @@ $toast-warning-color: $msg-warning-color !default;
 $toast-warning-title-color: $msg-warning-color !default;
 $toast-warning-icon-color: $msg-warning-icon-color !default;
 $toast-warning-content-color: $msg-warning-color !default;
-$toast-warning-hover-bg-color: $msg-warning-bg-color !default;
+$toast-warning-hover-bg-color: $warning-light-alt !default;
 $toast-warning-hover-color: $msg-warning-color !default;
 $toast-warning-hover-box-shadow: $shadow !default;
 
@@ -84578,7 +84583,7 @@ $toast-danger-color: $msg-danger-color !default;
 $toast-danger-title-color: $msg-danger-color !default;
 $toast-danger-icon-color: $msg-danger-icon-color !default;
 $toast-danger-content-color: $msg-danger-color !default;
-$toast-danger-hover-bg-color: $msg-danger-bg-color !default;
+$toast-danger-hover-bg-color: $danger-light-alt !default;
 $toast-danger-hover-color: $msg-danger-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
 
@@ -84841,7 +84846,7 @@ $toast-warning-icon: '\e703' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }
@@ -100133,6 +100138,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
 
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
+
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {
@@ -103389,6 +103398,29 @@ $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
   }
 }
 
+.e-querybuilder-spinner::before {
+  content: '';
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid $primary-light;
+  border-top: 2px solid $primary;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
+
 
 @include export-module('query-builder-fluent2-icons') {
   .e-query-builder {

package/SCSS-Themes/fluent2.scss

@@ -88989,7 +88989,8 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -89405,7 +89406,11 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -112040,7 +112045,7 @@ $toast-success-color: $msg-success-color !default;
 $toast-success-title-color: $msg-success-color !default;
 $toast-success-icon-color: $msg-success-icon-color !default;
 $toast-success-content-color: $msg-success-color !default;
-$toast-success-hover-bg-color: $msg-success-bg-color !default;
+$toast-success-hover-bg-color: $success-light-alt !default;
 $toast-success-hover-color: $msg-success-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
 
@@ -112049,7 +112054,7 @@ $toast-info-color: $msg-info-color !default;
 $toast-info-title-color: $msg-info-color !default;
 $toast-info-icon-color: $msg-info-icon-color !default;
 $toast-info-content-color: $msg-info-color !default;
-$toast-info-hover-bg-color: $msg-info-bg-color !default;
+$toast-info-hover-bg-color: $info-light-alt !default;
 $toast-info-hover-color:  $msg-info-color !default;
 $toast-info-hover-box-shadow: $shadow !default;
 
@@ -112058,7 +112063,7 @@ $toast-warning-color: $msg-warning-color !default;
 $toast-warning-title-color: $msg-warning-color !default;
 $toast-warning-icon-color: $msg-warning-icon-color !default;
 $toast-warning-content-color: $msg-warning-color !default;
-$toast-warning-hover-bg-color: $msg-warning-bg-color !default;
+$toast-warning-hover-bg-color: $warning-light-alt !default;
 $toast-warning-hover-color: $msg-warning-color !default;
 $toast-warning-hover-box-shadow: $shadow !default;
 
@@ -112067,7 +112072,7 @@ $toast-danger-color: $msg-danger-color !default;
 $toast-danger-title-color: $msg-danger-color !default;
 $toast-danger-icon-color: $msg-danger-icon-color !default;
 $toast-danger-content-color: $msg-danger-color !default;
-$toast-danger-hover-bg-color: $msg-danger-bg-color !default;
+$toast-danger-hover-bg-color: $danger-light-alt !default;
 $toast-danger-hover-color: $msg-danger-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
 
@@ -112330,7 +112335,7 @@ $toast-warning-icon: '\e703' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }
@@ -130237,6 +130242,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
 
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
+
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {
@@ -134128,6 +134137,29 @@ $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
   }
 }
 
+.e-querybuilder-spinner::before {
+  content: '';
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid $primary-light;
+  border-top: 2px solid $primary;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
+
 
 @include export-module('query-builder-fluent2-icons') {
   .e-query-builder {

package/SCSS-Themes/grids/grid/bds-dark-lite.scss

@@ -2372,7 +2372,8 @@ $grid-checkmark-color: $primary !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2788,7 +2789,11 @@ $grid-checkmark-color: $primary !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

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

@@ -2372,7 +2372,8 @@ $grid-checkmark-color: $primary !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2788,7 +2789,11 @@ $grid-checkmark-color: $primary !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

package/SCSS-Themes/grids/grid/bds-lite.scss

@@ -2372,7 +2372,8 @@ $grid-checkmark-color: $primary !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2788,7 +2789,11 @@ $grid-checkmark-color: $primary !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

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

@@ -2372,7 +2372,8 @@ $grid-checkmark-color: $primary !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2788,7 +2789,11 @@ $grid-checkmark-color: $primary !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss

@@ -2363,7 +2363,8 @@ $grid-checkmark-color: $grey-light-font !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2779,7 +2780,11 @@ $grid-checkmark-color: $grey-light-font !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

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

@@ -2363,7 +2363,8 @@ $grid-checkmark-color: $grey-light-font !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2779,7 +2780,11 @@ $grid-checkmark-color: $grey-light-font !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

package/SCSS-Themes/grids/grid/bootstrap-lite.scss

@@ -2360,7 +2360,8 @@ $grid-checkmark-color: $grey !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2776,7 +2777,11 @@ $grid-checkmark-color: $grey !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

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

@@ -2360,7 +2360,8 @@ $grid-checkmark-color: $grey !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2776,7 +2777,11 @@ $grid-checkmark-color: $grey !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

package/SCSS-Themes/grids/grid/bootstrap4-lite.scss

@@ -2367,7 +2367,8 @@ $grid-checkmark-color: $white !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2783,7 +2784,11 @@ $grid-checkmark-color: $white !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

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

@@ -2367,7 +2367,8 @@ $grid-checkmark-color: $white !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2783,7 +2784,11 @@ $grid-checkmark-color: $white !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

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

@@ -2363,7 +2363,8 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2779,7 +2780,11 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

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

@@ -2363,7 +2363,8 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2779,7 +2780,11 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

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

@@ -2363,7 +2363,8 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2779,7 +2780,11 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss

@@ -2363,7 +2363,8 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2779,7 +2780,11 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

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

@@ -2363,7 +2363,8 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2779,7 +2780,11 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

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

@@ -2363,7 +2363,8 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2779,7 +2780,11 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

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

@@ -2363,7 +2363,8 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2779,7 +2780,11 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

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

@@ -2363,7 +2363,8 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2779,7 +2780,11 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }

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

@@ -2362,7 +2362,8 @@ $grid-checkmark-color: $theme-dark-font !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -2778,7 +2779,11 @@ $grid-checkmark-color: $theme-dark-font !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }