@syncfusion/blazor-themes 29.1.40 → 29.1.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (171) hide show
  1. package/Compiled-Themes/bootstrap-lite.css +7 -0
  2. package/Compiled-Themes/bootstrap.css +7 -0
  3. package/Compiled-Themes/bootstrap4-lite.css +7 -0
  4. package/Compiled-Themes/bootstrap4.css +7 -0
  5. package/Compiled-Themes/bootstrap5-dark-lite.css +6 -0
  6. package/Compiled-Themes/bootstrap5-dark.css +6 -0
  7. package/Compiled-Themes/bootstrap5-lite.css +6 -0
  8. package/Compiled-Themes/bootstrap5.3-dark-lite.css +6 -0
  9. package/Compiled-Themes/bootstrap5.3-dark.css +6 -0
  10. package/Compiled-Themes/bootstrap5.3-lite.css +6 -0
  11. package/Compiled-Themes/bootstrap5.3.css +6 -0
  12. package/Compiled-Themes/bootstrap5.css +6 -0
  13. package/Compiled-Themes/fabric-lite.css +5 -0
  14. package/Compiled-Themes/fabric.css +5 -0
  15. package/Compiled-Themes/highcontrast-lite.css +5 -0
  16. package/Compiled-Themes/highcontrast.css +5 -0
  17. package/Compiled-Themes/tailwind3-dark-lite.css +1 -1
  18. package/Compiled-Themes/tailwind3-dark.css +2 -2
  19. package/Compiled-Themes/tailwind3-lite.css +1 -1
  20. package/Compiled-Themes/tailwind3.css +2 -2
  21. package/SCSS-Themes/bds-dark-lite.scss +16 -1
  22. package/SCSS-Themes/bds-dark.scss +17 -2
  23. package/SCSS-Themes/bds-lite.scss +16 -1
  24. package/SCSS-Themes/bds.scss +17 -2
  25. package/SCSS-Themes/bootstrap-dark-lite.scss +17 -1
  26. package/SCSS-Themes/bootstrap-dark.scss +18 -2
  27. package/SCSS-Themes/bootstrap-lite.scss +17 -1
  28. package/SCSS-Themes/bootstrap.scss +18 -2
  29. package/SCSS-Themes/bootstrap4-lite.scss +17 -1
  30. package/SCSS-Themes/bootstrap4.scss +18 -2
  31. package/SCSS-Themes/bootstrap5-dark-lite.scss +17 -1
  32. package/SCSS-Themes/bootstrap5-dark.scss +18 -2
  33. package/SCSS-Themes/bootstrap5-lite.scss +17 -1
  34. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +17 -1
  35. package/SCSS-Themes/bootstrap5.3-dark.scss +18 -2
  36. package/SCSS-Themes/bootstrap5.3-lite.scss +17 -1
  37. package/SCSS-Themes/bootstrap5.3.scss +18 -2
  38. package/SCSS-Themes/bootstrap5.scss +18 -2
  39. package/SCSS-Themes/documenteditor/document-editor-container/bds-dark-lite.scss +1 -1
  40. package/SCSS-Themes/documenteditor/document-editor-container/bds-dark.scss +2 -2
  41. package/SCSS-Themes/documenteditor/document-editor-container/bds-lite.scss +1 -1
  42. package/SCSS-Themes/documenteditor/document-editor-container/bds.scss +2 -2
  43. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark-lite.scss +1 -1
  44. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss +2 -2
  45. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-lite.scss +1 -1
  46. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss +2 -2
  47. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4-lite.scss +1 -1
  48. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss +2 -2
  49. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark-lite.scss +1 -1
  50. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss +2 -2
  51. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-lite.scss +1 -1
  52. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-dark-lite.scss +1 -1
  53. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-dark.scss +2 -2
  54. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-lite.scss +1 -1
  55. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3.scss +2 -2
  56. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss +2 -2
  57. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark-lite.scss +1 -1
  58. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss +2 -2
  59. package/SCSS-Themes/documenteditor/document-editor-container/fabric-lite.scss +1 -1
  60. package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss +2 -2
  61. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark-lite.scss +1 -1
  62. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss +2 -2
  63. package/SCSS-Themes/documenteditor/document-editor-container/fluent-lite.scss +1 -1
  64. package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss +2 -2
  65. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark-lite.scss +1 -1
  66. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark.scss +2 -2
  67. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast-lite.scss +1 -1
  68. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast.scss +2 -2
  69. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-lite.scss +1 -1
  70. package/SCSS-Themes/documenteditor/document-editor-container/fluent2.scss +2 -2
  71. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast-lite.scss +1 -1
  72. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss +2 -2
  73. package/SCSS-Themes/documenteditor/document-editor-container/material-dark-lite.scss +1 -1
  74. package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss +2 -2
  75. package/SCSS-Themes/documenteditor/document-editor-container/material-lite.scss +1 -1
  76. package/SCSS-Themes/documenteditor/document-editor-container/material.scss +2 -2
  77. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark-lite.scss +1 -1
  78. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss +2 -2
  79. package/SCSS-Themes/documenteditor/document-editor-container/material3-lite.scss +1 -1
  80. package/SCSS-Themes/documenteditor/document-editor-container/material3.scss +2 -2
  81. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark-lite.scss +1 -1
  82. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss +2 -2
  83. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-lite.scss +1 -1
  84. package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss +2 -2
  85. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark-lite.scss +1 -1
  86. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark.scss +2 -2
  87. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-lite.scss +1 -1
  88. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3.scss +2 -2
  89. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark-lite.scss +15 -0
  90. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss +15 -0
  91. package/SCSS-Themes/dropdowns/drop-down-list/bds-lite.scss +15 -0
  92. package/SCSS-Themes/dropdowns/drop-down-list/bds.scss +15 -0
  93. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark-lite.scss +16 -0
  94. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +16 -0
  95. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-lite.scss +16 -0
  96. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +16 -0
  97. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4-lite.scss +16 -0
  98. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +16 -0
  99. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark-lite.scss +16 -0
  100. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +16 -0
  101. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-lite.scss +16 -0
  102. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark-lite.scss +16 -0
  103. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark.scss +16 -0
  104. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-lite.scss +16 -0
  105. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3.scss +16 -0
  106. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +16 -0
  107. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark-lite.scss +16 -0
  108. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +16 -0
  109. package/SCSS-Themes/dropdowns/drop-down-list/fabric-lite.scss +16 -0
  110. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +16 -0
  111. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark-lite.scss +15 -0
  112. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +15 -0
  113. package/SCSS-Themes/dropdowns/drop-down-list/fluent-lite.scss +15 -0
  114. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +15 -0
  115. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark-lite.scss +15 -0
  116. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark.scss +15 -0
  117. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast-lite.scss +15 -0
  118. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast.scss +15 -0
  119. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-lite.scss +15 -0
  120. package/SCSS-Themes/dropdowns/drop-down-list/fluent2.scss +15 -0
  121. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast-lite.scss +16 -0
  122. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +16 -0
  123. package/SCSS-Themes/dropdowns/drop-down-list/material-dark-lite.scss +15 -0
  124. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +15 -0
  125. package/SCSS-Themes/dropdowns/drop-down-list/material-lite.scss +15 -0
  126. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +15 -0
  127. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark-lite.scss +15 -0
  128. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +15 -0
  129. package/SCSS-Themes/dropdowns/drop-down-list/material3-lite.scss +15 -0
  130. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +15 -0
  131. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark-lite.scss +15 -0
  132. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +15 -0
  133. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-lite.scss +15 -0
  134. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +15 -0
  135. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark-lite.scss +15 -0
  136. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark.scss +15 -0
  137. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-lite.scss +15 -0
  138. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3.scss +15 -0
  139. package/SCSS-Themes/fabric-dark-lite.scss +17 -1
  140. package/SCSS-Themes/fabric-dark.scss +18 -2
  141. package/SCSS-Themes/fabric-lite.scss +17 -1
  142. package/SCSS-Themes/fabric.scss +18 -2
  143. package/SCSS-Themes/fluent-dark-lite.scss +16 -1
  144. package/SCSS-Themes/fluent-dark.scss +17 -2
  145. package/SCSS-Themes/fluent-lite.scss +16 -1
  146. package/SCSS-Themes/fluent.scss +17 -2
  147. package/SCSS-Themes/fluent2-dark-lite.scss +16 -1
  148. package/SCSS-Themes/fluent2-dark.scss +17 -2
  149. package/SCSS-Themes/fluent2-highcontrast-lite.scss +16 -1
  150. package/SCSS-Themes/fluent2-highcontrast.scss +17 -2
  151. package/SCSS-Themes/fluent2-lite.scss +16 -1
  152. package/SCSS-Themes/fluent2.scss +17 -2
  153. package/SCSS-Themes/highcontrast-lite.scss +17 -1
  154. package/SCSS-Themes/highcontrast.scss +18 -2
  155. package/SCSS-Themes/material-dark-lite.scss +16 -1
  156. package/SCSS-Themes/material-dark.scss +17 -2
  157. package/SCSS-Themes/material-lite.scss +16 -1
  158. package/SCSS-Themes/material.scss +17 -2
  159. package/SCSS-Themes/material3-dark-lite.scss +16 -1
  160. package/SCSS-Themes/material3-dark.scss +17 -2
  161. package/SCSS-Themes/material3-lite.scss +16 -1
  162. package/SCSS-Themes/material3.scss +17 -2
  163. package/SCSS-Themes/tailwind-dark-lite.scss +16 -1
  164. package/SCSS-Themes/tailwind-dark.scss +17 -2
  165. package/SCSS-Themes/tailwind-lite.scss +16 -1
  166. package/SCSS-Themes/tailwind.scss +17 -2
  167. package/SCSS-Themes/tailwind3-dark-lite.scss +16 -1
  168. package/SCSS-Themes/tailwind3-dark.scss +17 -2
  169. package/SCSS-Themes/tailwind3-lite.scss +16 -1
  170. package/SCSS-Themes/tailwind3.scss +17 -2
  171. package/package.json +1 -1
@@ -2561,6 +2561,7 @@ $ddl-icon-color: rgba($black, .5) !default;
2561
2561
  $ddl-icon-hover-color: rgba($black, .4) !default;
2562
2562
  $ddl-readonly-bg-color: $gray-200 !default;
2563
2563
  $ddl-filter-margin: 0 !default;
2564
+ $ddl-box-border-color: $gray-400 !default;
2564
2565
 
2565
2566
  // small size
2566
2567
  $ddl-small-list-font-size: 13px !default;
@@ -2923,6 +2924,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
2923
2924
  color: rgb(221, 218, 218);
2924
2925
  }
2925
2926
  }
2927
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2928
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2929
+ @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' {
2930
+ border-color: $ddl-box-border-color;
2931
+ }
2932
+
2933
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
2934
+ -webkit-box-shadow: none;
2935
+ box-shadow: none;
2936
+ }
2937
+
2938
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
2939
+ box-shadow: none;
2940
+ }
2941
+ }
2926
2942
  }
2927
2943
 
2928
2944
 
@@ -76337,7 +76353,7 @@ $de-hlt-clr-height-bigger: 25px;
76337
76353
  margin-right: 0;
76338
76354
  }
76339
76355
  }
76340
- .e-colorpicker-wrapper,
76356
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
76341
76357
  .e-split-btn-wrapper.e-de-prop-splitbutton,
76342
76358
  .e-split-btn-wrapper.e-de-btn-hghlclr
76343
76359
  {
@@ -79416,7 +79432,7 @@ $de-hlt-clr-height-bigger: 25px;
79416
79432
  @if $skin-name =='tailwind3' {
79417
79433
  .e-bigger
79418
79434
  {
79419
- .e-colorpicker-wrapper,
79435
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
79420
79436
  .e-split-btn-wrapper.e-de-prop-splitbutton,
79421
79437
  .e-split-btn-wrapper.e-de-btn-hghlclr,
79422
79438
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -2599,6 +2599,7 @@ $ddl-back-icon-padding: 0 8px !default;
2599
2599
  $ddl-popup-shadow: $shadow-lg !default;
2600
2600
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
2601
2601
  $ddl-filter-margin: 0 !default;
2602
+ $ddl-box-border-color: $border !default;
2602
2603
 
2603
2604
  // Small Size
2604
2605
  $ddl-small-list-font-size: $text-xs !default;
@@ -2983,6 +2984,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2983
2984
  color: rgb(221, 218, 218);
2984
2985
  }
2985
2986
  }
2987
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2988
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2989
+ @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' {
2990
+ border-color: $ddl-box-border-color;
2991
+ }
2992
+
2993
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
2994
+ -webkit-box-shadow: none;
2995
+ box-shadow: none;
2996
+ }
2997
+
2998
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
2999
+ box-shadow: none;
3000
+ }
3001
+ }
2986
3002
  }
2987
3003
 
2988
3004
 
@@ -56201,7 +56217,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
56201
56217
  margin-right: 0;
56202
56218
  }
56203
56219
  }
56204
- .e-colorpicker-wrapper,
56220
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
56205
56221
  .e-split-btn-wrapper.e-de-prop-splitbutton,
56206
56222
  .e-split-btn-wrapper.e-de-btn-hghlclr
56207
56223
  {
@@ -2721,6 +2721,7 @@ $ddl-back-icon-padding: 0 8px !default;
2721
2721
  $ddl-popup-shadow: $shadow-lg !default;
2722
2722
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
2723
2723
  $ddl-filter-margin: 0 !default;
2724
+ $ddl-box-border-color: $border !default;
2724
2725
 
2725
2726
  // Small Size
2726
2727
  $ddl-small-list-font-size: $text-xs !default;
@@ -3105,6 +3106,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3105
3106
  color: rgb(221, 218, 218);
3106
3107
  }
3107
3108
  }
3109
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3110
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3111
+ @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' {
3112
+ border-color: $ddl-box-border-color;
3113
+ }
3114
+
3115
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3116
+ -webkit-box-shadow: none;
3117
+ box-shadow: none;
3118
+ }
3119
+
3120
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3121
+ box-shadow: none;
3122
+ }
3123
+ }
3108
3124
  }
3109
3125
 
3110
3126
 
@@ -76660,7 +76676,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
76660
76676
  margin-right: 0;
76661
76677
  }
76662
76678
  }
76663
- .e-colorpicker-wrapper,
76679
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
76664
76680
  .e-split-btn-wrapper.e-de-prop-splitbutton,
76665
76681
  .e-split-btn-wrapper.e-de-btn-hghlclr
76666
76682
  {
@@ -79768,7 +79784,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
79768
79784
  @if $skin-name =='tailwind3' {
79769
79785
  .e-bigger
79770
79786
  {
79771
- .e-colorpicker-wrapper,
79787
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
79772
79788
  .e-split-btn-wrapper.e-de-prop-splitbutton,
79773
79789
  .e-split-btn-wrapper.e-de-btn-hghlclr,
79774
79790
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -2598,6 +2598,7 @@ $ddl-back-icon-padding: 0 8px !default;
2598
2598
  $ddl-popup-shadow: $shadow-lg !default;
2599
2599
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
2600
2600
  $ddl-filter-margin: 0 !default;
2601
+ $ddl-box-border-color: $border !default;
2601
2602
 
2602
2603
  // Small Size
2603
2604
  $ddl-small-list-font-size: $text-xs !default;
@@ -2982,6 +2983,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2982
2983
  color: rgb(221, 218, 218);
2983
2984
  }
2984
2985
  }
2986
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2987
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2988
+ @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' {
2989
+ border-color: $ddl-box-border-color;
2990
+ }
2991
+
2992
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
2993
+ -webkit-box-shadow: none;
2994
+ box-shadow: none;
2995
+ }
2996
+
2997
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
2998
+ box-shadow: none;
2999
+ }
3000
+ }
2985
3001
  }
2986
3002
 
2987
3003
 
@@ -56200,7 +56216,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
56200
56216
  margin-right: 0;
56201
56217
  }
56202
56218
  }
56203
- .e-colorpicker-wrapper,
56219
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
56204
56220
  .e-split-btn-wrapper.e-de-prop-splitbutton,
56205
56221
  .e-split-btn-wrapper.e-de-btn-hghlclr
56206
56222
  {
@@ -3350,6 +3350,7 @@ $ddl-popup-shadow: $shadow-lg !default;
3350
3350
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
3351
3351
  $ddl-filter-margin: 0 !default;
3352
3352
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
3353
+ $ddl-box-border-color: $border !default;
3353
3354
 
3354
3355
  // Small Size
3355
3356
  $ddl-small-list-font-size: $text-xs !default;
@@ -3734,6 +3735,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3734
3735
  color: rgb(221, 218, 218);
3735
3736
  }
3736
3737
  }
3738
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3739
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3740
+ @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' {
3741
+ border-color: $ddl-box-border-color;
3742
+ }
3743
+
3744
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3745
+ -webkit-box-shadow: none;
3746
+ box-shadow: none;
3747
+ }
3748
+
3749
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3750
+ box-shadow: none;
3751
+ }
3752
+ }
3737
3753
  }
3738
3754
 
3739
3755
 
@@ -56987,7 +57003,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
56987
57003
  margin-right: 0;
56988
57004
  }
56989
57005
  }
56990
- .e-colorpicker-wrapper,
57006
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
56991
57007
  .e-split-btn-wrapper.e-de-prop-splitbutton,
56992
57008
  .e-split-btn-wrapper.e-de-btn-hghlclr
56993
57009
  {
@@ -3472,6 +3472,7 @@ $ddl-popup-shadow: $shadow-lg !default;
3472
3472
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
3473
3473
  $ddl-filter-margin: 0 !default;
3474
3474
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
3475
+ $ddl-box-border-color: $border !default;
3475
3476
 
3476
3477
  // Small Size
3477
3478
  $ddl-small-list-font-size: $text-xs !default;
@@ -3856,6 +3857,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3856
3857
  color: rgb(221, 218, 218);
3857
3858
  }
3858
3859
  }
3860
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3861
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3862
+ @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' {
3863
+ border-color: $ddl-box-border-color;
3864
+ }
3865
+
3866
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3867
+ -webkit-box-shadow: none;
3868
+ box-shadow: none;
3869
+ }
3870
+
3871
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3872
+ box-shadow: none;
3873
+ }
3874
+ }
3859
3875
  }
3860
3876
 
3861
3877
 
@@ -77446,7 +77462,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
77446
77462
  margin-right: 0;
77447
77463
  }
77448
77464
  }
77449
- .e-colorpicker-wrapper,
77465
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
77450
77466
  .e-split-btn-wrapper.e-de-prop-splitbutton,
77451
77467
  .e-split-btn-wrapper.e-de-btn-hghlclr
77452
77468
  {
@@ -80554,7 +80570,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
80554
80570
  @if $skin-name =='tailwind3' {
80555
80571
  .e-bigger
80556
80572
  {
80557
- .e-colorpicker-wrapper,
80573
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
80558
80574
  .e-split-btn-wrapper.e-de-prop-splitbutton,
80559
80575
  .e-split-btn-wrapper.e-de-btn-hghlclr,
80560
80576
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -3697,6 +3697,7 @@ $ddl-popup-shadow: $shadow-lg !default;
3697
3697
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
3698
3698
  $ddl-filter-margin: 0 !default;
3699
3699
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
3700
+ $ddl-box-border-color: $border !default;
3700
3701
 
3701
3702
  // Small Size
3702
3703
  $ddl-small-list-font-size: $text-xs !default;
@@ -4081,6 +4082,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
4081
4082
  color: rgb(221, 218, 218);
4082
4083
  }
4083
4084
  }
4085
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
4086
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
4087
+ @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' {
4088
+ border-color: $ddl-box-border-color;
4089
+ }
4090
+
4091
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
4092
+ -webkit-box-shadow: none;
4093
+ box-shadow: none;
4094
+ }
4095
+
4096
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
4097
+ box-shadow: none;
4098
+ }
4099
+ }
4084
4100
  }
4085
4101
 
4086
4102
 
@@ -57334,7 +57350,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
57334
57350
  margin-right: 0;
57335
57351
  }
57336
57352
  }
57337
- .e-colorpicker-wrapper,
57353
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
57338
57354
  .e-split-btn-wrapper.e-de-prop-splitbutton,
57339
57355
  .e-split-btn-wrapper.e-de-btn-hghlclr
57340
57356
  {
@@ -3819,6 +3819,7 @@ $ddl-popup-shadow: $shadow-lg !default;
3819
3819
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
3820
3820
  $ddl-filter-margin: 0 !default;
3821
3821
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
3822
+ $ddl-box-border-color: $border !default;
3822
3823
 
3823
3824
  // Small Size
3824
3825
  $ddl-small-list-font-size: $text-xs !default;
@@ -4203,6 +4204,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
4203
4204
  color: rgb(221, 218, 218);
4204
4205
  }
4205
4206
  }
4207
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
4208
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
4209
+ @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' {
4210
+ border-color: $ddl-box-border-color;
4211
+ }
4212
+
4213
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
4214
+ -webkit-box-shadow: none;
4215
+ box-shadow: none;
4216
+ }
4217
+
4218
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
4219
+ box-shadow: none;
4220
+ }
4221
+ }
4206
4222
  }
4207
4223
 
4208
4224
 
@@ -77793,7 +77809,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
77793
77809
  margin-right: 0;
77794
77810
  }
77795
77811
  }
77796
- .e-colorpicker-wrapper,
77812
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
77797
77813
  .e-split-btn-wrapper.e-de-prop-splitbutton,
77798
77814
  .e-split-btn-wrapper.e-de-btn-hghlclr
77799
77815
  {
@@ -80901,7 +80917,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
80901
80917
  @if $skin-name =='tailwind3' {
80902
80918
  .e-bigger
80903
80919
  {
80904
- .e-colorpicker-wrapper,
80920
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
80905
80921
  .e-split-btn-wrapper.e-de-prop-splitbutton,
80906
80922
  .e-split-btn-wrapper.e-de-btn-hghlclr,
80907
80923
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -2720,6 +2720,7 @@ $ddl-back-icon-padding: 0 8px !default;
2720
2720
  $ddl-popup-shadow: $shadow-lg !default;
2721
2721
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
2722
2722
  $ddl-filter-margin: 0 !default;
2723
+ $ddl-box-border-color: $border !default;
2723
2724
 
2724
2725
  // Small Size
2725
2726
  $ddl-small-list-font-size: $text-xs !default;
@@ -3104,6 +3105,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3104
3105
  color: rgb(221, 218, 218);
3105
3106
  }
3106
3107
  }
3108
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3109
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3110
+ @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' {
3111
+ border-color: $ddl-box-border-color;
3112
+ }
3113
+
3114
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3115
+ -webkit-box-shadow: none;
3116
+ box-shadow: none;
3117
+ }
3118
+
3119
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3120
+ box-shadow: none;
3121
+ }
3122
+ }
3107
3123
  }
3108
3124
 
3109
3125
 
@@ -76659,7 +76675,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
76659
76675
  margin-right: 0;
76660
76676
  }
76661
76677
  }
76662
- .e-colorpicker-wrapper,
76678
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
76663
76679
  .e-split-btn-wrapper.e-de-prop-splitbutton,
76664
76680
  .e-split-btn-wrapper.e-de-btn-hghlclr
76665
76681
  {
@@ -79767,7 +79783,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
79767
79783
  @if $skin-name =='tailwind3' {
79768
79784
  .e-bigger
79769
79785
  {
79770
- .e-colorpicker-wrapper,
79786
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
79771
79787
  .e-split-btn-wrapper.e-de-prop-splitbutton,
79772
79788
  .e-split-btn-wrapper.e-de-btn-hghlclr,
79773
79789
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
690
690
  margin-right: 0;
691
691
  }
692
692
  }
693
- .e-colorpicker-wrapper,
693
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
694
694
  .e-split-btn-wrapper.e-de-prop-splitbutton,
695
695
  .e-split-btn-wrapper.e-de-btn-hghlclr
696
696
  {
@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
690
690
  margin-right: 0;
691
691
  }
692
692
  }
693
- .e-colorpicker-wrapper,
693
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
694
694
  .e-split-btn-wrapper.e-de-prop-splitbutton,
695
695
  .e-split-btn-wrapper.e-de-btn-hghlclr
696
696
  {
@@ -3797,7 +3797,7 @@ $de-hlt-clr-height-bigger: 24px;
3797
3797
  @if $skin-name =='tailwind3' {
3798
3798
  .e-bigger
3799
3799
  {
3800
- .e-colorpicker-wrapper,
3800
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3801
3801
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3802
3802
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3803
3803
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
690
690
  margin-right: 0;
691
691
  }
692
692
  }
693
- .e-colorpicker-wrapper,
693
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
694
694
  .e-split-btn-wrapper.e-de-prop-splitbutton,
695
695
  .e-split-btn-wrapper.e-de-btn-hghlclr
696
696
  {
@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
690
690
  margin-right: 0;
691
691
  }
692
692
  }
693
- .e-colorpicker-wrapper,
693
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
694
694
  .e-split-btn-wrapper.e-de-prop-splitbutton,
695
695
  .e-split-btn-wrapper.e-de-btn-hghlclr
696
696
  {
@@ -3797,7 +3797,7 @@ $de-hlt-clr-height-bigger: 24px;
3797
3797
  @if $skin-name =='tailwind3' {
3798
3798
  .e-bigger
3799
3799
  {
3800
- .e-colorpicker-wrapper,
3800
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3801
3801
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3802
3802
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3803
3803
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -674,7 +674,7 @@ $de-prop-btn-icon-clr: #ccc;
674
674
  margin-right: 0;
675
675
  }
676
676
  }
677
- .e-colorpicker-wrapper,
677
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
678
678
  .e-split-btn-wrapper.e-de-prop-splitbutton,
679
679
  .e-split-btn-wrapper.e-de-btn-hghlclr
680
680
  {
@@ -674,7 +674,7 @@ $de-prop-btn-icon-clr: #ccc;
674
674
  margin-right: 0;
675
675
  }
676
676
  }
677
- .e-colorpicker-wrapper,
677
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
678
678
  .e-split-btn-wrapper.e-de-prop-splitbutton,
679
679
  .e-split-btn-wrapper.e-de-btn-hghlclr
680
680
  {
@@ -3753,7 +3753,7 @@ $de-prop-btn-icon-clr: #ccc;
3753
3753
  @if $skin-name =='tailwind3' {
3754
3754
  .e-bigger
3755
3755
  {
3756
- .e-colorpicker-wrapper,
3756
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3757
3757
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3758
3758
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3759
3759
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -674,7 +674,7 @@ $de-prop-btn-icon-clr: #ccc;
674
674
  margin-right: 0;
675
675
  }
676
676
  }
677
- .e-colorpicker-wrapper,
677
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
678
678
  .e-split-btn-wrapper.e-de-prop-splitbutton,
679
679
  .e-split-btn-wrapper.e-de-btn-hghlclr
680
680
  {
@@ -674,7 +674,7 @@ $de-prop-btn-icon-clr: #ccc;
674
674
  margin-right: 0;
675
675
  }
676
676
  }
677
- .e-colorpicker-wrapper,
677
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
678
678
  .e-split-btn-wrapper.e-de-prop-splitbutton,
679
679
  .e-split-btn-wrapper.e-de-btn-hghlclr
680
680
  {
@@ -3753,7 +3753,7 @@ $de-prop-btn-icon-clr: #ccc;
3753
3753
  @if $skin-name =='tailwind3' {
3754
3754
  .e-bigger
3755
3755
  {
3756
- .e-colorpicker-wrapper,
3756
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3757
3757
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3758
3758
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3759
3759
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -692,7 +692,7 @@ $de-hlt-clr-height-bigger: 25px;
692
692
  margin-right: 0;
693
693
  }
694
694
  }
695
- .e-colorpicker-wrapper,
695
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
696
696
  .e-split-btn-wrapper.e-de-prop-splitbutton,
697
697
  .e-split-btn-wrapper.e-de-btn-hghlclr
698
698
  {
@@ -692,7 +692,7 @@ $de-hlt-clr-height-bigger: 25px;
692
692
  margin-right: 0;
693
693
  }
694
694
  }
695
- .e-colorpicker-wrapper,
695
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
696
696
  .e-split-btn-wrapper.e-de-prop-splitbutton,
697
697
  .e-split-btn-wrapper.e-de-btn-hghlclr
698
698
  {
@@ -3771,7 +3771,7 @@ $de-hlt-clr-height-bigger: 25px;
3771
3771
  @if $skin-name =='tailwind3' {
3772
3772
  .e-bigger
3773
3773
  {
3774
- .e-colorpicker-wrapper,
3774
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3775
3775
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3776
3776
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3777
3777
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -698,7 +698,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
698
698
  margin-right: 0;
699
699
  }
700
700
  }
701
- .e-colorpicker-wrapper,
701
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
702
702
  .e-split-btn-wrapper.e-de-prop-splitbutton,
703
703
  .e-split-btn-wrapper.e-de-btn-hghlclr
704
704
  {
@@ -698,7 +698,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
698
698
  margin-right: 0;
699
699
  }
700
700
  }
701
- .e-colorpicker-wrapper,
701
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
702
702
  .e-split-btn-wrapper.e-de-prop-splitbutton,
703
703
  .e-split-btn-wrapper.e-de-btn-hghlclr
704
704
  {
@@ -3806,7 +3806,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
3806
3806
  @if $skin-name =='tailwind3' {
3807
3807
  .e-bigger
3808
3808
  {
3809
- .e-colorpicker-wrapper,
3809
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3810
3810
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3811
3811
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3812
3812
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -698,7 +698,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
698
698
  margin-right: 0;
699
699
  }
700
700
  }
701
- .e-colorpicker-wrapper,
701
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
702
702
  .e-split-btn-wrapper.e-de-prop-splitbutton,
703
703
  .e-split-btn-wrapper.e-de-btn-hghlclr
704
704
  {
@@ -702,7 +702,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
702
702
  margin-right: 0;
703
703
  }
704
704
  }
705
- .e-colorpicker-wrapper,
705
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
706
706
  .e-split-btn-wrapper.e-de-prop-splitbutton,
707
707
  .e-split-btn-wrapper.e-de-btn-hghlclr
708
708
  {
@@ -702,7 +702,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
702
702
  margin-right: 0;
703
703
  }
704
704
  }
705
- .e-colorpicker-wrapper,
705
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
706
706
  .e-split-btn-wrapper.e-de-prop-splitbutton,
707
707
  .e-split-btn-wrapper.e-de-btn-hghlclr
708
708
  {
@@ -3810,7 +3810,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
3810
3810
  @if $skin-name =='tailwind3' {
3811
3811
  .e-bigger
3812
3812
  {
3813
- .e-colorpicker-wrapper,
3813
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3814
3814
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3815
3815
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3816
3816
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -702,7 +702,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
702
702
  margin-right: 0;
703
703
  }
704
704
  }
705
- .e-colorpicker-wrapper,
705
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
706
706
  .e-split-btn-wrapper.e-de-prop-splitbutton,
707
707
  .e-split-btn-wrapper.e-de-btn-hghlclr
708
708
  {
@@ -702,7 +702,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
702
702
  margin-right: 0;
703
703
  }
704
704
  }
705
- .e-colorpicker-wrapper,
705
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
706
706
  .e-split-btn-wrapper.e-de-prop-splitbutton,
707
707
  .e-split-btn-wrapper.e-de-btn-hghlclr
708
708
  {
@@ -3810,7 +3810,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
3810
3810
  @if $skin-name =='tailwind3' {
3811
3811
  .e-bigger
3812
3812
  {
3813
- .e-colorpicker-wrapper,
3813
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3814
3814
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3815
3815
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3816
3816
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -698,7 +698,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
698
698
  margin-right: 0;
699
699
  }
700
700
  }
701
- .e-colorpicker-wrapper,
701
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
702
702
  .e-split-btn-wrapper.e-de-prop-splitbutton,
703
703
  .e-split-btn-wrapper.e-de-btn-hghlclr
704
704
  {
@@ -3806,7 +3806,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
3806
3806
  @if $skin-name =='tailwind3' {
3807
3807
  .e-bigger
3808
3808
  {
3809
- .e-colorpicker-wrapper,
3809
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3810
3810
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3811
3811
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3812
3812
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -678,7 +678,7 @@ $de-prop-btn-icon-clr: #ccc;
678
678
  margin-right: 0;
679
679
  }
680
680
  }
681
- .e-colorpicker-wrapper,
681
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
682
682
  .e-split-btn-wrapper.e-de-prop-splitbutton,
683
683
  .e-split-btn-wrapper.e-de-btn-hghlclr
684
684
  {