@syncfusion/blazor-themes 25.1.35 → 25.1.37

package/SCSS-Themes/image-editor/image-editor/fluent.scss

@@ -547,6 +547,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 {

package/SCSS-Themes/image-editor/image-editor/highcontrast.scss

@@ -547,6 +547,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 {

package/SCSS-Themes/image-editor/image-editor/material-dark.scss

@@ -547,6 +547,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 {

package/SCSS-Themes/image-editor/image-editor/material.scss

@@ -547,6 +547,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 {

package/SCSS-Themes/image-editor/image-editor/material3-dark.scss

@@ -547,6 +547,9 @@ $image-editor-finetune-span: 28% !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 {

package/SCSS-Themes/image-editor/image-editor/material3.scss

@@ -547,6 +547,9 @@ $image-editor-finetune-span: 28% !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 {

package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss

@@ -547,6 +547,9 @@ $image-editor-finetune-span: 28% !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 {

package/SCSS-Themes/image-editor/image-editor/tailwind.scss

@@ -547,6 +547,9 @@ $image-editor-finetune-span: 28% !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 {

package/SCSS-Themes/material-dark.scss

@@ -27205,7 +27205,7 @@ $calendar-small-font-size: 12px !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 
@@ -61388,6 +61388,17 @@ $ddl-multiselect-filled-floatlabel-fontsize-bigger: 12px !default;
 $filled-multiselect-chip-bg-color: $grey-800 !default;
 $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
 
+@include export-module('multiselect-material-dark') {
+  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
+    padding: 1px 0;
+  }
+
+  .e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'],
+  .e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
+    padding: 0;
+  }
+}
+
 .e-multi-select-wrapper {
   box-sizing: border-box;
   cursor: text;
@@ -92254,7 +92265,7 @@ $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;
           }
         }
 
@@ -92654,7 +92665,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;
       }
     }
   }
@@ -93100,10 +93111,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;
     }
@@ -93225,6 +93232,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 */
+  }
 }
 
 
@@ -93611,6 +93622,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 {
@@ -117062,7 +117094,9 @@ $qrybldr-btngrp-brdr-radius: 2px !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;
@@ -119173,6 +119207,10 @@ $schedule-tree-content-color: #fff !default;
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }
@@ -123767,6 +123805,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 {
@@ -127240,7 +127281,7 @@ $ribbon-gallery-popup-box-shadow: 0 3px 8px 0 rgba($grey-black, .26) !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/material.scss

@@ -27123,7 +27123,7 @@ $calendar-small-font-size: 12px !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 
@@ -61123,6 +61123,17 @@ $outline-multiselect-disabled-chip-bg-color: $grey-100 !default;
 $filled-multiselect-chip-bg-color: darken($grey-300, 7%) !default;
 $filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
 
+@include export-module('multiselect-material') {
+  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
+    padding: 1px 0;
+  }
+
+  .e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'],
+  .e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
+    padding: 0;
+  }
+}
+
 .e-multi-select-wrapper {
   box-sizing: border-box;
   cursor: text;
@@ -91968,7 +91979,7 @@ $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;
           }
         }
 
@@ -92368,7 +92379,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;
       }
     }
   }
@@ -92814,10 +92825,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;
     }
@@ -92939,6 +92946,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 */
+  }
 }
 
 
@@ -93325,6 +93336,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 {
@@ -116770,7 +116802,9 @@ $qrybldr-btngrp-brdr-radius: 2px !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;
@@ -118881,6 +118915,10 @@ $schedule-tree-content-color: $shadow;
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }
@@ -123475,6 +123513,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 {
@@ -126948,7 +126989,7 @@ $ribbon-gallery-popup-box-shadow: 0 5px 5px -3px rgba($grey-black, .2), 0 8px 10
   }
 
   .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/material3-dark.scss

@@ -27476,7 +27476,7 @@ $calendar-small-font-size: $text-xs !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 
@@ -92516,7 +92516,7 @@ $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;
           }
         }
 
@@ -92916,7 +92916,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;
       }
     }
   }
@@ -93362,10 +93362,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;
     }
@@ -93487,6 +93483,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 */
+  }
 }
 
 
@@ -93873,6 +93873,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 {
@@ -117346,7 +117367,9 @@ $qrybldr-icon-color: rgba($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;
@@ -119469,6 +119492,10 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-nrml-font-size !default;
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }
@@ -124063,6 +124090,9 @@ $image-editor-finetune-span: 28% !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 {
@@ -126636,8 +126666,8 @@ $ribbon-popup-common-box-shadow: $shadow-md !default;
 $ribbon-filemenu-popup-border-radius: 4px !default;
 $ribbon-contextual-tab-color: $ribbon-active-tab-indicator-color !default;
 $ribbon-contextual-tab-background: rgba($content-bg-color-selected) !default;
-$ribbon-keytip-background-color: rgba($black) !default;
-$ribbon-keytip-color: rgba($content-text-color-inverse) !default;
+$ribbon-keytip-background-color: rgba($tooltip-bg-color) !default;
+$ribbon-keytip-color: rgba($tooltip-text-color) !default;
 $ribbon-gallery-popup-background-color: rgba($content-bg-color) !default;
 $ribbon-gallery-item-background-color: $transparent !default;
 $ribbon-gallery-item-selected-color: rgba($content-bg-color-selected) !default;
@@ -127547,7 +127577,7 @@ $ribbon-gallery-popup-box-shadow: $shadow-sm !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/material3.scss

@@ -27559,7 +27559,7 @@ $calendar-small-font-size: $text-xs !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 
@@ -92599,7 +92599,7 @@ $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;
           }
         }
 
@@ -92999,7 +92999,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;
       }
     }
   }
@@ -93445,10 +93445,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;
     }
@@ -93570,6 +93566,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 */
+  }
 }
 
 
@@ -93956,6 +93956,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 {
@@ -117429,7 +117450,9 @@ $qrybldr-icon-color: rgba($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;
@@ -119552,6 +119575,10 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-nrml-font-size !default;
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }
@@ -124146,6 +124173,9 @@ $image-editor-finetune-span: 28% !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 {
@@ -126719,8 +126749,8 @@ $ribbon-popup-common-box-shadow: $shadow-md !default;
 $ribbon-filemenu-popup-border-radius: 4px !default;
 $ribbon-contextual-tab-color: $ribbon-active-tab-indicator-color !default;
 $ribbon-contextual-tab-background: rgba($content-bg-color-selected) !default;
-$ribbon-keytip-background-color: rgba($black) !default;
-$ribbon-keytip-color: rgba($content-text-color-inverse) !default;
+$ribbon-keytip-background-color: rgba($tooltip-bg-color) !default;
+$ribbon-keytip-color: rgba($tooltip-text-color) !default;
 $ribbon-gallery-popup-background-color: rgba($content-bg-color) !default;
 $ribbon-gallery-item-background-color: $transparent !default;
 $ribbon-gallery-item-selected-color: rgba($content-bg-color-selected) !default;
@@ -127630,7 +127660,7 @@ $ribbon-gallery-popup-box-shadow: $shadow-sm !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/querybuilder/query-builder/bds-dark.scss

@@ -897,7 +897,9 @@ $qrybldr-collapse-brdr-color: $border-light !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;

package/SCSS-Themes/querybuilder/query-builder/bds.scss

@@ -897,7 +897,9 @@ $qrybldr-collapse-brdr-color: $border-light !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;

package/SCSS-Themes/querybuilder/query-builder/bootstrap-dark.scss

@@ -894,7 +894,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;

package/SCSS-Themes/querybuilder/query-builder/bootstrap.scss

@@ -894,7 +894,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;

package/SCSS-Themes/querybuilder/query-builder/bootstrap4.scss

@@ -896,7 +896,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;

package/SCSS-Themes/querybuilder/query-builder/bootstrap5-dark.scss

@@ -898,7 +898,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;