@syncfusion/blazor-themes 23.1.43 → 23.2.4

package/SCSS-Themes/fluent.scss

@@ -60068,7 +60068,8 @@ $ddl-small-clear-icon-width: 12px !default;
     width: $ddl-chip-hooker-square;
   }
 
-  .e-multi-select-wrapper .e-searcher input[type = 'text'] {
+  .e-multi-select-wrapper .e-searcher input[type = 'text'],
+  .e-multi-select-wrapper .e-multi-searcher input[type = 'text'] {
     color: $content-text-color;
     height: 100%;
   }
@@ -64863,6 +64864,13 @@ $de-column-presets-font-size: $text-6xl !default;
         padding-left: 20px;
         padding-right: 20px;
     }
+
+    .e-de-para-tab {
+        float: left;
+    }
+    .e-de-para-tab.e-rtl {
+        float: right;
+    }
     
     .e-de-column-label.e-de-rtl {
         font-size: $de-border-dlg-settinglabels-fontsize;
@@ -69353,6 +69361,14 @@ $e-de-ctnr-break-listview-margin-right-big: 20px !default;
 $e-de-ctnr-break-listview-margin-left: 16px !default;
 $e-de-ctnr-break-listview-margin-left-big: 20px !default;
 $de-tlbr-btn-height: calc(100% - 10px) !default;
+$de-ruler-background-color: $content-bg-color-alt4 !default;
+$de-ruler-margin-color: $content-bg-color !default;
+$de-ruler-tick-stroke: $icon-color !default;
+$de-ruler-label-fill: $content-text-color-alt1 !default;
+$de-ruler-indent-stroke: $icon-color !default;
+$de-ruler-indent-fill: $content-bg-color !default;
+$de-ruler-indent-hover: $content-bg-color-alt4 !default;
+$de-ruler-indent-active: $primary !default;
 
 // Subtract toolbar & statusbar height
 $de-tool-ctnr-editor-height: calc(100% - 115px) !default;
@@ -71169,6 +71185,62 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             }
         }
     }
+    .e-de-hRuler {
+        background-color: $de-ruler-background-color;
+        @if $skin-name =='Material3' {
+            background: $de-ruler-background-color;
+        }
+        border-bottom: 0.5px solid $de-panel-border;
+    }
+    .e-de-vRuler {
+        background-color: $de-ruler-background-color;
+        @if $skin-name =='Material3' {
+            background: $de-ruler-background-color;
+        }
+        border-right: 0.5px solid $de-panel-border;
+    }
+    .e-de-ruler-margin {
+        background-color: $de-ruler-margin-color;
+        @if $skin-name =='Material3' {
+            background: $de-ruler-margin-color;
+        }
+    }
+    .e-de-ruler-tick {
+        stroke: $de-ruler-tick-stroke;
+    }
+    .e-de-ruler-tick-label {
+        fill: $de-ruler-label-fill
+    }
+    .e-de-ruler-markIndicator {
+        background-color: $de-ruler-margin-color;
+    }
+    .e-de-ruler-marker .e-de-ruler-tab-svg {
+        fill: $de-ruler-tick-stroke;
+    }
+   .e-de-ruler-marker .e-de-ruler-indent-svg {
+        fill: $de-ruler-tick-stroke;
+    }
+    .e-de-ruler-indent .e-de-ruler-indent-svg {
+        fill: $de-ruler-indent-fill;
+        stroke: $de-ruler-indent-stroke;
+    }
+    .e-de-ruler-indent .e-de-ruler-indent-svg:hover {
+        fill: $de-ruler-indent-hover;
+        stroke:  $de-ruler-indent-stroke;
+    }
+    .e-de-ruler-indent .e-de-ruler-indent-svg:active {
+        fill: $de-ruler-indent-active;
+        stroke:  $de-ruler-indent-stroke;
+    }
+    .e-de-ruler-table-svg {
+        fill: $de-ruler-indent-stroke;
+    }
+    .e-de-ruler-table-svg:hover {
+        fill: $de-ruler-indent-hover;
+    }
+    .e-de-ruler-table-svg:active {
+        fill: $de-ruler-indent-active;
+    }
     .e-rtl {
         .e-listview .e-list-icon {
             height: 24px;
@@ -71181,6 +71253,11 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             line-height: 22px;
             margin-left: $e-de-ctnr-break-listview-margin-left;
         }
+        .e-de-vRuler {
+            background-color: $de-ruler-background-color;
+            border-right: none;
+            border-left: 0.5px solid $de-panel-border;
+        }
     }
     .e-bigger {
         @if $skin-name =='tailwind' or $skin-name =='bootstrap5' or $skin-name =='FluentUI' or $skin-name =='bootstrap4' {
@@ -76938,6 +77015,15 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-bottom-width: $grid-border-bottom-width;
     }
 
+    .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
+    &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
+    .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
+      &.e-groupcaption,
+      &.e-summarycell {
+        border-bottom-width: 0;
+      }
+    }
+
     & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
       position: relative;
       left: -5px;
@@ -77801,8 +77887,8 @@ margin: $grid-group-animator-cell-margin;
       border-left-width: 0;
     }
 
-    &.e-default.e-bothlines .e-headercell,
-    &.e-default.e-bothlines .e-detailheadercell {
+    &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+    &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
       border-width: $grid-headercell-both-border-width;
     }
 
@@ -78497,7 +78583,7 @@ margin: $grid-group-animator-cell-margin;
       border-left-width: $grid-border-size;
     }
 
-    &.e-bothlines .e-gridheader th.e-stackedheadercell {
+    &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
       border-bottom-style: $grid-border-type;
       border-bottom-width: $grid-border-size;
       border-left-style: $grid-border-type;
@@ -79786,8 +79872,8 @@ margin: $grid-group-animator-cell-margin;
         padding-top: $grid-ungroup-rtl-padding-top;
       }
 
-      &.e-default.e-bothlines .e-headercell,
-      &.e-default.e-bothlines .e-detailheadercell {
+      &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+      &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -79810,7 +79896,7 @@ margin: $grid-group-animator-cell-margin;
         border-right: 0;
       }
 
-      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+      &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
         border-bottom-style: $grid-border-type;
         border-bottom-width: $grid-border-size;
       }
@@ -80258,7 +80344,7 @@ margin: $grid-group-animator-cell-margin;
         text-align: left;
       }
       
-      &.e-default table th:not([rowspan = '1'])  {
+      &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell)  {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -80284,7 +80370,7 @@ margin: $grid-group-animator-cell-margin;
         border-right-width: 1px;
       }
       
-      &.e-rtl.e-default table th:not([rowspan = '1'])  {
+      &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell)  {
         border-width: $grid-rtl-headercell-both-border-width;
       }
 
@@ -80317,6 +80403,39 @@ margin: $grid-group-animator-cell-margin;
         }
       }
 
+      &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+      }
+
+      &.e-rtl.e-default.e-bothlines .e-headercell,
+      &.e-rtl.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+
+      &.e-resize-lines,
+      &.e-resize-lines.e-rtl {
+
+        & 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;
+        }
+      }
+
+      &.e-default.e-bothlines .e-headercell,
+      &.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+
+      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+        border-left-style: $grid-border-type;
+        border-left-width: $grid-border-size;
+      }
+      
       .e-bigger #{&}.e-grid.sf-grid,
       #{&}.e-grid.sf-grid.e-bigger {
         .e-gridheader table th:not([rowspan = '1']),
@@ -100185,15 +100304,15 @@ $pv-comment-text-cursor-color: $black !default;
     font-size: 18px;
   }
 
-  .e-pv-annotation-color-container,
-  .e-pv-annotation-opacity-container,
-  .e-pv-annotation-stroke-container,
-  .e-pv-custom-annotation-thickness-container,
-  .e-pv-custom-annotation-opacity-container,
-  .e-pv-annotation-thickness-container,
-  .e-pv-annotation-textcolor-container,
-  .e-pv-annotation-textalign-container,
-  .e-pv-annotation-textprop-container {
+  .e-pv-annotation-color-container .e-btn,
+  .e-pv-annotation-opacity-container .e-btn,
+  .e-pv-annotation-stroke-container .e-btn,
+  .e-pv-custom-annotation-thickness-container .e-btn,
+  .e-pv-custom-annotation-opacity-container .e-btn,
+  .e-pv-annotation-thickness-container .e-btn,
+  .e-pv-annotation-textcolor-container .e-btn,
+  .e-pv-annotation-textalign-container .e-btn,
+  .e-pv-annotation-textprop-container .e-btn {
     height: $pv-annotation-drop-down-height;
     width: $pv-annotation-drop-down-width;
   }
@@ -110087,16 +110206,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       }
     }
 
-    &.e-device {
-      .e-pivotcell-container {
-        .e-stackedheadertext {
-          &.e-cellvalue {
-            align-self: center;
-          }
-        }
-      }
-    }
-
     .e-nextspan {
       display: inline-block;
       width: $pivotview-indent-space-size;
@@ -110377,10 +110486,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       .e-spinner-pane.e-pivot-outer-spinner {
         z-index: 1 !important;
       }
+
       .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
         visibility: hidden !important;
         /* stylelint-enable */
       }
+
       .e-grid {
         .e-pivot-content-loader {
           position: absolute;
@@ -110399,6 +110510,10 @@ $pivotpager-single-size-title-padding: 8px !default;
           visibility: hidden;
         }
       }
+
+      &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
+        align-self: center;
+      }
     }
 
     .e-grid .e-headercelldiv,
@@ -117636,7 +117751,18 @@ $schedule-tree-content-color: $content-text-color-alt2;
       line-height: normal;
     }
 
-    .e-save-icon {
+    .e-title-text {
+      text-align: center;
+    }
+
+    .e-save-icon,
+    .e-back-icon,
+    .e-delete-icon {
+      width: 2.5em;
+    }
+
+    .e-save-icon,
+    .e-delete-icon {
       text-align: right;
     }
 
@@ -119149,6 +119275,10 @@ $schedule-tree-content-color: $content-text-color-alt2;
       content: '\e7c8';
     }
 
+    .e-delete-icon::before {
+      content: '\e820';
+    }
+
     .e-recurrence-container {
       .e-recurrence-edit-button {
         .e-recurrence-edit.e-icons::before {
@@ -119234,6 +119364,10 @@ $image-editor-tbar-btn-fontsize: $text-lg !default;
 $image-editor-bigger-tbar-btn-fontsize: $text-xl !default;
 $image-editor-contextual-toolbar: $content-bg-color-alt2 !default;
 $image-editor-drop-border: 2px dashed $icon-color !default;
+$image-editor-dropdown-btn-preview-top: -4px !default;
+$image-editor-dropdown-btn-preview-left: -4px !default;
+$image-editor-bigger-dropdown-btn-preview-top: -4px !default;
+$image-editor-bigger-dropdown-btn-preview-left: -4px !default;
 
 @include export-module('image-editor-layout') {
 
@@ -119301,6 +119435,7 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
 
         & .e-fill.e-template,
         & .e-stroke.e-template,
+        & .e-frame-stroke.e-template,
         & .e-pen-stroke-color.e-template,
         & .e-text-font-color.e-template,
         & .e-save.e-template {
@@ -119319,6 +119454,17 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
           }
         }
 
+        & .e-btn-icon.e-dropdownbtn-preview {
+          margin-top: $image-editor-bigger-dropdown-btn-preview-top !important; /* stylelint-disable-line declaration-no-important */
+          margin-left: $image-editor-bigger-dropdown-btn-preview-left;
+        }
+
+        & .e-dropdown-btn.e-icon-btn {
+          @if $skin-name == 'Material3' {
+            padding: 7px 15px;
+          }
+        }
+
         & .e-dropdown-btn.e-image-popup {
           & .e-select,
           & .e-annotation,
@@ -119465,6 +119611,7 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
 
         & .e-fill.e-template,
         & .e-stroke.e-template,
+        & .e-frame-stroke.e-template,
         & .e-pen-stroke-color.e-template,
         & .e-text-font-color.e-template,
         & .e-save.e-template {
@@ -119486,7 +119633,8 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
         & .e-btn-icon.e-dropdownbtn-preview {
           height: 18px;
           width: 18px;
-          margin-top: -4px;
+          margin-top: $image-editor-dropdown-btn-preview-top !important; /* stylelint-disable-line declaration-no-important */
+          margin-left: $image-editor-dropdown-btn-preview-left;
         }
 
         & .e-dropdown-btn.e-image-popup {
@@ -119558,6 +119706,11 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
           margin: 4px;
           text-align: center;
         }
+
+        & .e-dropdown-btn {
+          margin: 0 auto;
+          width: max-content;
+        }
       }
 
       &.e-frame-wrapper {
@@ -119599,12 +119752,7 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
 
       & .e-slider-container {
         margin-left: calc(50% - 137px);
-        @if $skin-name == 'Material3' {
-          height: 70px !important; /* stylelint-disable-line declaration-no-important */
-        }
-        @else {
-          height: 54px !important; /* stylelint-disable-line declaration-no-important */
-        }
+        height: 54px !important; /* stylelint-disable-line declaration-no-important */
       }
     }
   }

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

@@ -1791,6 +1791,15 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-bottom-width: $grid-border-bottom-width;
     }
 
+    .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
+    &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
+    .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
+      &.e-groupcaption,
+      &.e-summarycell {
+        border-bottom-width: 0;
+      }
+    }
+
     & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
       position: relative;
       left: -5px;
@@ -2654,8 +2663,8 @@ margin: $grid-group-animator-cell-margin;
       border-left-width: 0;
     }
 
-    &.e-default.e-bothlines .e-headercell,
-    &.e-default.e-bothlines .e-detailheadercell {
+    &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+    &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
       border-width: $grid-headercell-both-border-width;
     }
 
@@ -3350,7 +3359,7 @@ margin: $grid-group-animator-cell-margin;
       border-left-width: $grid-border-size;
     }
 
-    &.e-bothlines .e-gridheader th.e-stackedheadercell {
+    &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
       border-bottom-style: $grid-border-type;
       border-bottom-width: $grid-border-size;
       border-left-style: $grid-border-type;
@@ -4639,8 +4648,8 @@ margin: $grid-group-animator-cell-margin;
         padding-top: $grid-ungroup-rtl-padding-top;
       }
 
-      &.e-default.e-bothlines .e-headercell,
-      &.e-default.e-bothlines .e-detailheadercell {
+      &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+      &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -4663,7 +4672,7 @@ margin: $grid-group-animator-cell-margin;
         border-right: 0;
       }
 
-      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+      &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
         border-bottom-style: $grid-border-type;
         border-bottom-width: $grid-border-size;
       }
@@ -5111,7 +5120,7 @@ margin: $grid-group-animator-cell-margin;
         text-align: left;
       }
       
-      &.e-default table th:not([rowspan = '1'])  {
+      &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell)  {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -5137,7 +5146,7 @@ margin: $grid-group-animator-cell-margin;
         border-right-width: 1px;
       }
       
-      &.e-rtl.e-default table th:not([rowspan = '1'])  {
+      &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell)  {
         border-width: $grid-rtl-headercell-both-border-width;
       }
 
@@ -5170,6 +5179,39 @@ margin: $grid-group-animator-cell-margin;
         }
       }
 
+      &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+      }
+
+      &.e-rtl.e-default.e-bothlines .e-headercell,
+      &.e-rtl.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+
+      &.e-resize-lines,
+      &.e-resize-lines.e-rtl {
+
+        & 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;
+        }
+      }
+
+      &.e-default.e-bothlines .e-headercell,
+      &.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+
+      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+        border-left-style: $grid-border-type;
+        border-left-width: $grid-border-size;
+      }
+      
       .e-bigger #{&}.e-grid.sf-grid,
       #{&}.e-grid.sf-grid.e-bigger {
         .e-gridheader table th:not([rowspan = '1']),

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

@@ -1793,6 +1793,15 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-bottom-width: $grid-border-bottom-width;
     }
 
+    .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
+    &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
+    .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
+      &.e-groupcaption,
+      &.e-summarycell {
+        border-bottom-width: 0;
+      }
+    }
+
     & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
       position: relative;
       left: -5px;
@@ -2656,8 +2665,8 @@ margin: $grid-group-animator-cell-margin;
       border-left-width: 0;
     }
 
-    &.e-default.e-bothlines .e-headercell,
-    &.e-default.e-bothlines .e-detailheadercell {
+    &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+    &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
       border-width: $grid-headercell-both-border-width;
     }
 
@@ -3352,7 +3361,7 @@ margin: $grid-group-animator-cell-margin;
       border-left-width: $grid-border-size;
     }
 
-    &.e-bothlines .e-gridheader th.e-stackedheadercell {
+    &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
       border-bottom-style: $grid-border-type;
       border-bottom-width: $grid-border-size;
       border-left-style: $grid-border-type;
@@ -4641,8 +4650,8 @@ margin: $grid-group-animator-cell-margin;
         padding-top: $grid-ungroup-rtl-padding-top;
       }
 
-      &.e-default.e-bothlines .e-headercell,
-      &.e-default.e-bothlines .e-detailheadercell {
+      &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+      &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -4665,7 +4674,7 @@ margin: $grid-group-animator-cell-margin;
         border-right: 0;
       }
 
-      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+      &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
         border-bottom-style: $grid-border-type;
         border-bottom-width: $grid-border-size;
       }
@@ -5113,7 +5122,7 @@ margin: $grid-group-animator-cell-margin;
         text-align: left;
       }
       
-      &.e-default table th:not([rowspan = '1'])  {
+      &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell)  {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -5139,7 +5148,7 @@ margin: $grid-group-animator-cell-margin;
         border-right-width: 1px;
       }
       
-      &.e-rtl.e-default table th:not([rowspan = '1'])  {
+      &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell)  {
         border-width: $grid-rtl-headercell-both-border-width;
       }
 
@@ -5172,6 +5181,39 @@ margin: $grid-group-animator-cell-margin;
         }
       }
 
+      &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+      }
+
+      &.e-rtl.e-default.e-bothlines .e-headercell,
+      &.e-rtl.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+
+      &.e-resize-lines,
+      &.e-resize-lines.e-rtl {
+
+        & 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;
+        }
+      }
+
+      &.e-default.e-bothlines .e-headercell,
+      &.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+
+      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+        border-left-style: $grid-border-type;
+        border-left-width: $grid-border-size;
+      }
+      
       .e-bigger #{&}.e-grid.sf-grid,
       #{&}.e-grid.sf-grid.e-bigger {
         .e-gridheader table th:not([rowspan = '1']),