@syncfusion/blazor-themes 29.1.40 → 29.1.41

package/Compiled-Themes/bootstrap-lite.css

@@ -3648,6 +3648,13 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #ccc;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
 .e-popup {
   border-color: #ccc;
 }

package/Compiled-Themes/bootstrap.css

@@ -3744,6 +3744,13 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #ccc;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
 .e-popup {
   border-color: #ccc;
 }

package/Compiled-Themes/bootstrap4-lite.css

@@ -3320,6 +3320,13 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #ced4da;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
 .e-popup {
   border-color: rgba(0, 0, 0, 0.15);
 }

package/Compiled-Themes/bootstrap4.css

@@ -3416,6 +3416,13 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #ced4da;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
 .e-popup {
   border-color: rgba(0, 0, 0, 0.15);
 }

package/Compiled-Themes/bootstrap5-dark-lite.css

@@ -2903,6 +2903,12 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #6c757d;
+  box-shadow: none;
+}
+
 .e-popup {
   border-color: #444c54;
 }

package/Compiled-Themes/bootstrap5-dark.css

@@ -2999,6 +2999,12 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #6c757d;
+  box-shadow: none;
+}
+
 .e-popup {
   border-color: #444c54;
 }

package/Compiled-Themes/bootstrap5-lite.css

@@ -2903,6 +2903,12 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #ced4da;
+  box-shadow: none;
+}
+
 .e-popup {
   border-color: #dee2e6;
 }

package/Compiled-Themes/bootstrap5.3-dark-lite.css

@@ -3201,6 +3201,12 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: var(--color-sf-border);
+  box-shadow: none;
+}
+
 .e-popup {
   border-color: var(--color-sf-border-light);
 }

package/Compiled-Themes/bootstrap5.3-dark.css

@@ -3297,6 +3297,12 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: var(--color-sf-border);
+  box-shadow: none;
+}
+
 .e-popup {
   border-color: var(--color-sf-border-light);
 }

package/Compiled-Themes/bootstrap5.3-lite.css

@@ -3497,6 +3497,12 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: var(--color-sf-border);
+  box-shadow: none;
+}
+
 .e-popup {
   border-color: var(--color-sf-border-light);
 }

package/Compiled-Themes/bootstrap5.3.css

@@ -3593,6 +3593,12 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: var(--color-sf-border);
+  box-shadow: none;
+}
+
 .e-popup {
   border-color: var(--color-sf-border-light);
 }

package/Compiled-Themes/bootstrap5.css

@@ -2999,6 +2999,12 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #ced4da;
+  box-shadow: none;
+}
+
 .e-popup {
   border-color: #dee2e6;
 }

package/Compiled-Themes/fabric-lite.css

@@ -3611,6 +3611,11 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #c8c8c8;
+}
+
 .e-popup {
   border-color: #eaeaea;
 }

package/Compiled-Themes/fabric.css

@@ -3707,6 +3707,11 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #c8c8c8;
+}
+
 .e-popup {
   border-color: #eaeaea;
 }

package/Compiled-Themes/highcontrast-lite.css

@@ -3615,6 +3615,11 @@ ejs-dropdownlist {
   color: rgb(221, 218, 218);
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #fff;
+}
+
 .e-popup {
   border-color: #969696;
 }

package/Compiled-Themes/highcontrast.css

@@ -3711,6 +3711,11 @@ ejs-dropdownlist {
   color: rgb(221, 218, 218);
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #fff;
+}
+
 .e-popup {
   border-color: #969696;
 }

package/Compiled-Themes/tailwind3-dark-lite.css

@@ -32880,7 +32880,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-bottom: 12px;
 }
 
-.e-colorpicker-wrapper,
+.e-colorpicker-wrapper.e-de-font-clr-picker,
 .e-split-btn-wrapper.e-de-prop-splitbutton,
 .e-split-btn-wrapper.e-de-btn-hghlclr {
   margin-right: 8px;

package/Compiled-Themes/tailwind3-dark.css

@@ -43955,7 +43955,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-bottom: 12px;
 }
 
-.e-colorpicker-wrapper,
+.e-colorpicker-wrapper.e-de-font-clr-picker,
 .e-split-btn-wrapper.e-de-prop-splitbutton,
 .e-split-btn-wrapper.e-de-btn-hghlclr {
   margin-right: 8px;
@@ -45796,7 +45796,7 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-bigger .e-de-ctn .e-de-ctnr-toolbar .e-de-bzr-button .e-btn-icon {
   font-size: 18px;
 }
-.e-bigger .e-colorpicker-wrapper,
+.e-bigger .e-colorpicker-wrapper.e-de-font-clr-picker,
 .e-bigger .e-split-btn-wrapper.e-de-prop-splitbutton,
 .e-bigger .e-split-btn-wrapper.e-de-btn-hghlclr,
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),

package/Compiled-Themes/tailwind3-lite.css

@@ -33284,7 +33284,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-bottom: 12px;
 }
 
-.e-colorpicker-wrapper,
+.e-colorpicker-wrapper.e-de-font-clr-picker,
 .e-split-btn-wrapper.e-de-prop-splitbutton,
 .e-split-btn-wrapper.e-de-btn-hghlclr {
   margin-right: 8px;

package/Compiled-Themes/tailwind3.css

@@ -44359,7 +44359,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-bottom: 12px;
 }
 
-.e-colorpicker-wrapper,
+.e-colorpicker-wrapper.e-de-font-clr-picker,
 .e-split-btn-wrapper.e-de-prop-splitbutton,
 .e-split-btn-wrapper.e-de-btn-hghlclr {
   margin-right: 8px;
@@ -46200,7 +46200,7 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-bigger .e-de-ctn .e-de-ctnr-toolbar .e-de-bzr-button .e-btn-icon {
   font-size: 18px;
 }
-.e-bigger .e-colorpicker-wrapper,
+.e-bigger .e-colorpicker-wrapper.e-de-font-clr-picker,
 .e-bigger .e-split-btn-wrapper.e-de-prop-splitbutton,
 .e-bigger .e-split-btn-wrapper.e-de-btn-hghlclr,
 .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),

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

@@ -3667,6 +3667,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -57467,7 +57482,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/bds-dark.scss

@@ -3789,6 +3789,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -77926,7 +77941,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -81033,7 +81048,7 @@ $de-hlt-clr-height-bigger: 24px;
 @if $skin-name =='tailwind3' {
   .e-bigger 
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/bds-lite.scss

@@ -3962,6 +3962,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -57762,7 +57777,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/bds.scss

@@ -4084,6 +4084,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -78221,7 +78236,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -81328,7 +81343,7 @@ $de-hlt-clr-height-bigger: 24px;
 @if $skin-name =='tailwind3' {
   .e-bigger 
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

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

@@ -2631,6 +2631,7 @@ $ddl-default-border-color: $grey-44 !default;
 $ddl-back-icon-margin: -2px 10px 0 -54px !default;
 $ddl-back-icon-padding: 0 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $grey-lighter !default;
 
 // small size
 $ddl-small-list-font-size: 13px !default;
@@ -2967,6 +2968,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -56008,7 +56024,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/bootstrap-dark.scss

@@ -2753,6 +2753,7 @@ $ddl-default-border-color: $grey-44 !default;
 $ddl-back-icon-margin: -2px 10px 0 -54px !default;
 $ddl-back-icon-padding: 0 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $grey-lighter !default;
 
 // small size
 $ddl-small-list-font-size: 13px !default;
@@ -3089,6 +3090,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -76467,7 +76483,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -79546,7 +79562,7 @@ $de-prop-btn-icon-clr: #ccc;
 @if $skin-name =='tailwind3' {
   .e-bigger 
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/bootstrap-lite.scss

@@ -2623,6 +2623,7 @@ $ddl-default-border-color: $grey-cc !default;
 $ddl-back-icon-margin: -2px 10px 0 -54px !default;
 $ddl-back-icon-padding: 0 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $grey-cc !default;
 
 // small size
 $ddl-small-list-font-size: 13px !default;
@@ -2959,6 +2960,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -55754,7 +55770,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/bootstrap.scss

@@ -2745,6 +2745,7 @@ $ddl-default-border-color: $grey-cc !default;
 $ddl-back-icon-margin: -2px 10px 0 -54px !default;
 $ddl-back-icon-padding: 0 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $grey-cc !default;
 
 // small size
 $ddl-small-list-font-size: 13px !default;
@@ -3081,6 +3082,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -76213,7 +76229,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -79292,7 +79308,7 @@ $de-prop-btn-icon-clr: #ccc;
 @if $skin-name =='tailwind3' {
   .e-bigger 
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/bootstrap4-lite.scss

@@ -2439,6 +2439,7 @@ $ddl-icon-color: rgba($black, .5) !default;
 $ddl-icon-hover-color: rgba($black, .4) !default;
 $ddl-readonly-bg-color: $gray-200 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $gray-400 !default;
 
 // small size
 $ddl-small-list-font-size: 13px !default;
@@ -2801,6 +2802,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
 
 
@@ -55878,7 +55894,7 @@ $de-hlt-clr-height-bigger: 25px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {