@syncfusion/blazor-themes 25.1.35 → 25.1.38

package/SCSS-Themes/bootstrap.scss

@@ -26891,7 +26891,7 @@ $calendar-small-font-size: 12px !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 
@@ -63849,11 +63849,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
     }
 
     .e-input-group {
-      padding: 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 8px;
+      }
     }
 
     .e-input-focus {
-      padding: 4px 4px 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 4px 4px 8px;
+      }
     }
 
     .e-hidden-select {
@@ -82675,9 +82679,12 @@ margin: $grid-group-animator-cell-margin;
     &.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' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
 
@@ -82731,9 +82738,12 @@ margin: $grid-group-animator-cell-margin;
       &.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' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }
@@ -89475,7 +89485,7 @@ $rte-big-tablecell-height : 16px;
 $rte-big-tablecell-width : 16px;
 $rte-toolbar-item-frist-last-child-margin: 0;
 $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
-$rte-toolbar-expaned-padding: 2px 3.5px;
+$rte-toolbar-expaned-padding: 1px 2.5px;
 $dropdown-btn-font-size: inherit !default;
 $rte-toolbar-expaned-padding-hover: 1px 2.5px;
 $rte-big-toolbar-expaned-padding: 0 7px;
@@ -89487,7 +89497,7 @@ $rte-background-color-icon-fontsize: 14px;
 $rte-big-background-color-icon-fontsize: 18px;
 $rte-dropdown-btn-color-content-padding: 1px !default;
 $rte-big-dropdown-btn-color-content-padding: 1px !default;
-$rte-tb-expended-min-height: 44px !default;
+$rte-tb-expended-min-height: 40px !default;
 $rte-big-tb-expended-min-height: 49px !default;
 $rte-tb-expended-padding-left: 1px !default;
 $rte-tb-expended-hover-padding-left: 1px !default;
@@ -90869,12 +90879,12 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         @if $skin-name =='bootstrap' or $skin-name =='botstrap-dark' {
           &:hover,
           &:focus{
-            padding: 6px 2px;
+            padding: 7px 3px;
           }
         }
 
         @if $skin-name =='material' or $skin-name =='material-dark' {
-          padding: 3px;
+          padding: 0 6px;
         }
 
         .e-tbar-btn-text {
@@ -91269,7 +91279,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
     .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
       @if $skin-name == 'tailwind' {
-        padding: 1px;
+        padding: 0;
       }
     }
   }
@@ -91715,10 +91725,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       box-shadow: $rte-table-popup-box;
     }
 
-    .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:first-child {
-      margin-left: 6px;
-    }
-
     .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
       min-width: 24px;
     }
@@ -91840,6 +91846,10 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       display: block;
     }
   }
+  // Used to hide the Color picker during the rendering at the initial stage. Removed the class in the created event.
+  .e-rte-picker-init {
+    display: none !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 
@@ -92226,6 +92236,27 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-video-url-wrap textarea {
       height: 80px;
     }
+
+    @if $skin-name == 'FluentUI' {
+      .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
+        border: 1px solid transparent;
+        &:hover{
+          border: 1px solid transparent;
+        }
+      }
+      .e-toolbar .e-toolbar-item .e-tbar-btn{
+        border: 1px solid transparent;
+        &:hover{
+          border: 1px solid transparent;
+        }
+      }
+    }
+
+    @if $skin-name == 'bootstrap-dark' {
+      .e-toolbar-extended .e-toolbar-item:not(.e-active) .e-tbar-btn{
+        border: 1px solid transparent;
+      }
+    }
   }
 
   .e-rte-quick-popup {
@@ -115633,7 +115664,9 @@ $qrybldr-btngrp-brdr-radius: 4px !default;
     }
 
     & .e-group-header .e-dropdown-btn.e-add-btn,
-    .e-deletegroup {
+    .e-deletegroup,
+    .e-clone-grp-btn,
+    .e-lock-grp-btn {
       @if $skin-name == 'bootstrap5' {
         background: $qrybldr-btngroup-bgcolor;
         box-shadow: none;
@@ -117744,6 +117777,10 @@ $schedule-tree-content-color: $shadow !default;
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }
@@ -122338,6 +122375,9 @@ $image-editor-finetune-span: 31% !default;
 
   .e-ie-finetune-slider-wrap {
     top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' or $skin-name == 'tailwind' {
+      top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-transparency-slider-wrap {
@@ -125811,7 +125851,7 @@ $ribbon-gallery-popup-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
   }
 
   .e-ribbon-group-overflow-ddb {
-    &.e-dropdown-popup {
+    &.e-dropdown-popup:has(.e-ribbon-overflow-target) {
       min-width: 190px;
     }
     .e-ribbon-of-tab:not(.e-ribbon-active) {

package/SCSS-Themes/bootstrap4.scss

@@ -26835,7 +26835,7 @@ $calendar-small-font-size: 12px !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 
@@ -64006,11 +64006,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;
     }
 
     .e-input-group {
-      padding: 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 8px;
+      }
     }
 
     .e-input-focus {
-      padding: 4px 4px 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 4px 4px 8px;
+      }
     }
 
     .e-hidden-select {
@@ -82859,9 +82863,12 @@ margin: $grid-group-animator-cell-margin;
     &.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' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
 
@@ -82915,9 +82922,12 @@ margin: $grid-group-animator-cell-margin;
       &.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' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }
@@ -91180,12 +91190,12 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         @if $skin-name =='bootstrap' or $skin-name =='botstrap-dark' {
           &:hover,
           &:focus{
-            padding: 6px 2px;
+            padding: 7px 3px;
           }
         }
 
         @if $skin-name =='material' or $skin-name =='material-dark' {
-          padding: 3px;
+          padding: 0 6px;
         }
 
         .e-tbar-btn-text {
@@ -91580,7 +91590,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
     .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
       @if $skin-name == 'tailwind' {
-        padding: 1px;
+        padding: 0;
       }
     }
   }
@@ -92026,10 +92036,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       box-shadow: $rte-table-popup-box;
     }
 
-    .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:first-child {
-      margin-left: 6px;
-    }
-
     .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
       min-width: 24px;
     }
@@ -92151,6 +92157,10 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       display: block;
     }
   }
+  // Used to hide the Color picker during the rendering at the initial stage. Removed the class in the created event.
+  .e-rte-picker-init {
+    display: none !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 
@@ -92537,6 +92547,27 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-video-url-wrap textarea {
       height: 80px;
     }
+
+    @if $skin-name == 'FluentUI' {
+      .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
+        border: 1px solid transparent;
+        &:hover{
+          border: 1px solid transparent;
+        }
+      }
+      .e-toolbar .e-toolbar-item .e-tbar-btn{
+        border: 1px solid transparent;
+        &:hover{
+          border: 1px solid transparent;
+        }
+      }
+    }
+
+    @if $skin-name == 'bootstrap-dark' {
+      .e-toolbar-extended .e-toolbar-item:not(.e-active) .e-tbar-btn{
+        border: 1px solid transparent;
+      }
+    }
   }
 
   .e-rte-quick-popup {
@@ -116007,7 +116038,9 @@ $qrybldr-btngrp-brdr-radius: 4px !default;
     }
 
     & .e-group-header .e-dropdown-btn.e-add-btn,
-    .e-deletegroup {
+    .e-deletegroup,
+    .e-clone-grp-btn,
+    .e-lock-grp-btn {
       @if $skin-name == 'bootstrap5' {
         background: $qrybldr-btngroup-bgcolor;
         box-shadow: none;
@@ -118121,6 +118154,10 @@ $schedule-tbar-border-hover-color: darken($gray-600, 12.5%) !default;
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }
@@ -122715,6 +122752,9 @@ $image-editor-finetune-span: 31% !default;
 
   .e-ie-finetune-slider-wrap {
     top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' or $skin-name == 'tailwind' {
+      top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-transparency-slider-wrap {
@@ -126188,7 +126228,7 @@ $ribbon-gallery-popup-box-shadow: 0 6px 12px rgba($black, .175) !default;
   }
 
   .e-ribbon-group-overflow-ddb {
-    &.e-dropdown-popup {
+    &.e-dropdown-popup:has(.e-ribbon-overflow-target) {
       min-width: 190px;
     }
     .e-ribbon-of-tab:not(.e-ribbon-active) {

package/SCSS-Themes/bootstrap5-dark.scss

@@ -27141,7 +27141,7 @@ $today-button-text-active-color: $primary-text-pressed !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 
@@ -64278,11 +64278,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
     }
 
     .e-input-group {
-      padding: 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 8px;
+      }
     }
 
     .e-input-focus {
-      padding: 4px 4px 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 4px 4px 8px;
+      }
     }
 
     .e-hidden-select {
@@ -83225,9 +83229,12 @@ margin: $grid-group-animator-cell-margin;
     &.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' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
 
@@ -83281,9 +83288,12 @@ margin: $grid-group-animator-cell-margin;
       &.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' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }
@@ -91357,12 +91367,12 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         @if $skin-name =='bootstrap' or $skin-name =='botstrap-dark' {
           &:hover,
           &:focus{
-            padding: 6px 2px;
+            padding: 7px 3px;
           }
         }
 
         @if $skin-name =='material' or $skin-name =='material-dark' {
-          padding: 3px;
+          padding: 0 6px;
         }
 
         .e-tbar-btn-text {
@@ -91757,7 +91767,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
     .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
       @if $skin-name == 'tailwind' {
-        padding: 1px;
+        padding: 0;
       }
     }
   }
@@ -92203,10 +92213,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       box-shadow: $rte-table-popup-box;
     }
 
-    .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:first-child {
-      margin-left: 6px;
-    }
-
     .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
       min-width: 24px;
     }
@@ -92328,6 +92334,10 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       display: block;
     }
   }
+  // Used to hide the Color picker during the rendering at the initial stage. Removed the class in the created event.
+  .e-rte-picker-init {
+    display: none !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 
@@ -92714,6 +92724,27 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-video-url-wrap textarea {
       height: 80px;
     }
+
+    @if $skin-name == 'FluentUI' {
+      .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
+        border: 1px solid transparent;
+        &:hover{
+          border: 1px solid transparent;
+        }
+      }
+      .e-toolbar .e-toolbar-item .e-tbar-btn{
+        border: 1px solid transparent;
+        &:hover{
+          border: 1px solid transparent;
+        }
+      }
+    }
+
+    @if $skin-name == 'bootstrap-dark' {
+      .e-toolbar-extended .e-toolbar-item:not(.e-active) .e-tbar-btn{
+        border: 1px solid transparent;
+      }
+    }
   }
 
   .e-rte-quick-popup {
@@ -116149,7 +116180,9 @@ $qrybldr-icon-color: $icon-color !default;
     }
 
     & .e-group-header .e-dropdown-btn.e-add-btn,
-    .e-deletegroup {
+    .e-deletegroup,
+    .e-clone-grp-btn,
+    .e-lock-grp-btn {
       @if $skin-name == 'bootstrap5' {
         background: $qrybldr-btngroup-bgcolor;
         box-shadow: none;
@@ -118270,6 +118303,10 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }
@@ -122864,6 +122901,9 @@ $image-editor-finetune-span: 29% !default;
 
   .e-ie-finetune-slider-wrap {
     top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' or $skin-name == 'tailwind' {
+      top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-transparency-slider-wrap {
@@ -126343,7 +126383,7 @@ $ribbon-gallery-popup-box-shadow: $shadow-lg !default;
   }
 
   .e-ribbon-group-overflow-ddb {
-    &.e-dropdown-popup {
+    &.e-dropdown-popup:has(.e-ribbon-overflow-target) {
       min-width: 190px;
     }
     .e-ribbon-of-tab:not(.e-ribbon-active) {

package/SCSS-Themes/bootstrap5.scss

@@ -27141,7 +27141,7 @@ $today-button-text-active-color: $primary-text-pressed !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 
@@ -64278,11 +64278,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
     }
 
     .e-input-group {
-      padding: 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 8px;
+      }
     }
 
     .e-input-focus {
-      padding: 4px 4px 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 4px 4px 8px;
+      }
     }
 
     .e-hidden-select {
@@ -83225,9 +83229,12 @@ margin: $grid-group-animator-cell-margin;
     &.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' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
 
@@ -83281,9 +83288,12 @@ margin: $grid-group-animator-cell-margin;
       &.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' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }
@@ -91357,12 +91367,12 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         @if $skin-name =='bootstrap' or $skin-name =='botstrap-dark' {
           &:hover,
           &:focus{
-            padding: 6px 2px;
+            padding: 7px 3px;
           }
         }
 
         @if $skin-name =='material' or $skin-name =='material-dark' {
-          padding: 3px;
+          padding: 0 6px;
         }
 
         .e-tbar-btn-text {
@@ -91757,7 +91767,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
     .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
       @if $skin-name == 'tailwind' {
-        padding: 1px;
+        padding: 0;
       }
     }
   }
@@ -92203,10 +92213,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       box-shadow: $rte-table-popup-box;
     }
 
-    .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:first-child {
-      margin-left: 6px;
-    }
-
     .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
       min-width: 24px;
     }
@@ -92328,6 +92334,10 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       display: block;
     }
   }
+  // Used to hide the Color picker during the rendering at the initial stage. Removed the class in the created event.
+  .e-rte-picker-init {
+    display: none !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 
@@ -92714,6 +92724,27 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-video-url-wrap textarea {
       height: 80px;
     }
+
+    @if $skin-name == 'FluentUI' {
+      .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
+        border: 1px solid transparent;
+        &:hover{
+          border: 1px solid transparent;
+        }
+      }
+      .e-toolbar .e-toolbar-item .e-tbar-btn{
+        border: 1px solid transparent;
+        &:hover{
+          border: 1px solid transparent;
+        }
+      }
+    }
+
+    @if $skin-name == 'bootstrap-dark' {
+      .e-toolbar-extended .e-toolbar-item:not(.e-active) .e-tbar-btn{
+        border: 1px solid transparent;
+      }
+    }
   }
 
   .e-rte-quick-popup {
@@ -116149,7 +116180,9 @@ $qrybldr-icon-color: $icon-color !default;
     }
 
     & .e-group-header .e-dropdown-btn.e-add-btn,
-    .e-deletegroup {
+    .e-deletegroup,
+    .e-clone-grp-btn,
+    .e-lock-grp-btn {
       @if $skin-name == 'bootstrap5' {
         background: $qrybldr-btngroup-bgcolor;
         box-shadow: none;
@@ -118270,6 +118303,10 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }
@@ -122864,6 +122901,9 @@ $image-editor-finetune-span: 29% !default;
 
   .e-ie-finetune-slider-wrap {
     top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' or $skin-name == 'tailwind' {
+      top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-transparency-slider-wrap {
@@ -126343,7 +126383,7 @@ $ribbon-gallery-popup-box-shadow: $shadow-lg !default;
   }
 
   .e-ribbon-group-overflow-ddb {
-    &.e-dropdown-popup {
+    &.e-dropdown-popup:has(.e-ribbon-overflow-target) {
       min-width: 190px;
     }
     .e-ribbon-of-tab:not(.e-ribbon-active) {

package/SCSS-Themes/calendars/calendar/bds-dark.scss

@@ -1541,7 +1541,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }