@syncfusion/blazor-themes 25.1.35 → 25.1.38

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;
@@ -65018,11 +65029,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !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 {
@@ -83848,9 +83863,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);
+        }
       }
     }
 
@@ -83904,9 +83922,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);
+          }
         }
       }
     }
@@ -91968,12 +91989,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 {
@@ -92368,7 +92389,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 +92835,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 +92956,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 +93346,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 +116812,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 +118925,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 +123523,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 +126999,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;
   }
 
@@ -65398,11 +65398,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !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 {
@@ -84351,9 +84355,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);
+        }
       }
     }
 
@@ -84407,9 +84414,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);
+          }
         }
       }
     }
@@ -92516,12 +92526,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 {
@@ -92916,7 +92926,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 +93372,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 +93493,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 +93883,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 +117377,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 +119502,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 +124100,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 +126676,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 +127587,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;
   }
 
@@ -65481,11 +65481,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !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 {
@@ -84434,9 +84438,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);
+        }
       }
     }
 
@@ -84490,9 +84497,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);
+          }
         }
       }
     }
@@ -92599,12 +92609,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 {
@@ -92999,7 +93009,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 +93455,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 +93576,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 +93966,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 +117460,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 +119585,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 +124183,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 +126759,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 +127670,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;

package/SCSS-Themes/querybuilder/query-builder/bootstrap5.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;

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

@@ -894,7 +894,9 @@ $qrybldr-btngrp-brdr-radius: 0 !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/fabric.scss

@@ -894,7 +894,9 @@ $qrybldr-btngrp-brdr-radius: 0 !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/fluent-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/fluent.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/highcontrast.scss

@@ -894,7 +894,9 @@ $qrybldr-btngrp-brdr-radius: 0 !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;