@syncfusion/blazor-themes 29.1.39 → 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 (202) 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/fluent-dark.css +4 -0
  16. package/Compiled-Themes/fluent.css +4 -0
  17. package/Compiled-Themes/highcontrast-lite.css +5 -0
  18. package/Compiled-Themes/highcontrast.css +5 -0
  19. package/Compiled-Themes/material-lite.css +9 -0
  20. package/Compiled-Themes/material.css +9 -0
  21. package/Compiled-Themes/tailwind3-dark-lite.css +1 -1
  22. package/Compiled-Themes/tailwind3-dark.css +2 -2
  23. package/Compiled-Themes/tailwind3-lite.css +1 -1
  24. package/Compiled-Themes/tailwind3.css +2 -2
  25. package/SCSS-Themes/bds-dark-lite.scss +16 -1
  26. package/SCSS-Themes/bds-dark.scss +22 -2
  27. package/SCSS-Themes/bds-lite.scss +16 -1
  28. package/SCSS-Themes/bds.scss +22 -2
  29. package/SCSS-Themes/bootstrap-dark-lite.scss +17 -1
  30. package/SCSS-Themes/bootstrap-dark.scss +23 -2
  31. package/SCSS-Themes/bootstrap-lite.scss +17 -1
  32. package/SCSS-Themes/bootstrap.scss +23 -2
  33. package/SCSS-Themes/bootstrap4-lite.scss +17 -1
  34. package/SCSS-Themes/bootstrap4.scss +23 -2
  35. package/SCSS-Themes/bootstrap5-dark-lite.scss +17 -1
  36. package/SCSS-Themes/bootstrap5-dark.scss +23 -2
  37. package/SCSS-Themes/bootstrap5-lite.scss +17 -1
  38. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +17 -1
  39. package/SCSS-Themes/bootstrap5.3-dark.scss +23 -2
  40. package/SCSS-Themes/bootstrap5.3-lite.scss +17 -1
  41. package/SCSS-Themes/bootstrap5.3.scss +23 -2
  42. package/SCSS-Themes/bootstrap5.scss +23 -2
  43. package/SCSS-Themes/documenteditor/document-editor-container/bds-dark-lite.scss +1 -1
  44. package/SCSS-Themes/documenteditor/document-editor-container/bds-dark.scss +2 -2
  45. package/SCSS-Themes/documenteditor/document-editor-container/bds-lite.scss +1 -1
  46. package/SCSS-Themes/documenteditor/document-editor-container/bds.scss +2 -2
  47. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark-lite.scss +1 -1
  48. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss +2 -2
  49. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-lite.scss +1 -1
  50. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss +2 -2
  51. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4-lite.scss +1 -1
  52. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss +2 -2
  53. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark-lite.scss +1 -1
  54. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss +2 -2
  55. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-lite.scss +1 -1
  56. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-dark-lite.scss +1 -1
  57. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-dark.scss +2 -2
  58. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-lite.scss +1 -1
  59. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3.scss +2 -2
  60. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss +2 -2
  61. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark-lite.scss +1 -1
  62. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss +2 -2
  63. package/SCSS-Themes/documenteditor/document-editor-container/fabric-lite.scss +1 -1
  64. package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss +2 -2
  65. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark-lite.scss +1 -1
  66. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss +2 -2
  67. package/SCSS-Themes/documenteditor/document-editor-container/fluent-lite.scss +1 -1
  68. package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss +2 -2
  69. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark-lite.scss +1 -1
  70. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark.scss +2 -2
  71. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast-lite.scss +1 -1
  72. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast.scss +2 -2
  73. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-lite.scss +1 -1
  74. package/SCSS-Themes/documenteditor/document-editor-container/fluent2.scss +2 -2
  75. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast-lite.scss +1 -1
  76. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss +2 -2
  77. package/SCSS-Themes/documenteditor/document-editor-container/material-dark-lite.scss +1 -1
  78. package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss +2 -2
  79. package/SCSS-Themes/documenteditor/document-editor-container/material-lite.scss +1 -1
  80. package/SCSS-Themes/documenteditor/document-editor-container/material.scss +2 -2
  81. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark-lite.scss +1 -1
  82. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss +2 -2
  83. package/SCSS-Themes/documenteditor/document-editor-container/material3-lite.scss +1 -1
  84. package/SCSS-Themes/documenteditor/document-editor-container/material3.scss +2 -2
  85. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark-lite.scss +1 -1
  86. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss +2 -2
  87. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-lite.scss +1 -1
  88. package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss +2 -2
  89. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark-lite.scss +1 -1
  90. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark.scss +2 -2
  91. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-lite.scss +1 -1
  92. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3.scss +2 -2
  93. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark-lite.scss +15 -0
  94. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss +15 -0
  95. package/SCSS-Themes/dropdowns/drop-down-list/bds-lite.scss +15 -0
  96. package/SCSS-Themes/dropdowns/drop-down-list/bds.scss +15 -0
  97. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark-lite.scss +16 -0
  98. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +16 -0
  99. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-lite.scss +16 -0
  100. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +16 -0
  101. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4-lite.scss +16 -0
  102. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +16 -0
  103. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark-lite.scss +16 -0
  104. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +16 -0
  105. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-lite.scss +16 -0
  106. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark-lite.scss +16 -0
  107. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark.scss +16 -0
  108. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-lite.scss +16 -0
  109. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3.scss +16 -0
  110. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +16 -0
  111. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark-lite.scss +16 -0
  112. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +16 -0
  113. package/SCSS-Themes/dropdowns/drop-down-list/fabric-lite.scss +16 -0
  114. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +16 -0
  115. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark-lite.scss +15 -0
  116. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +15 -0
  117. package/SCSS-Themes/dropdowns/drop-down-list/fluent-lite.scss +15 -0
  118. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +15 -0
  119. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark-lite.scss +15 -0
  120. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark.scss +15 -0
  121. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast-lite.scss +15 -0
  122. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast.scss +15 -0
  123. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-lite.scss +15 -0
  124. package/SCSS-Themes/dropdowns/drop-down-list/fluent2.scss +15 -0
  125. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast-lite.scss +16 -0
  126. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +16 -0
  127. package/SCSS-Themes/dropdowns/drop-down-list/material-dark-lite.scss +15 -0
  128. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +15 -0
  129. package/SCSS-Themes/dropdowns/drop-down-list/material-lite.scss +15 -0
  130. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +15 -0
  131. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark-lite.scss +15 -0
  132. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +15 -0
  133. package/SCSS-Themes/dropdowns/drop-down-list/material3-lite.scss +15 -0
  134. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +15 -0
  135. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark-lite.scss +15 -0
  136. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +15 -0
  137. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-lite.scss +15 -0
  138. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +15 -0
  139. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark-lite.scss +15 -0
  140. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark.scss +15 -0
  141. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-lite.scss +15 -0
  142. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3.scss +15 -0
  143. package/SCSS-Themes/dropdowns/multi-select/material-lite.scss +9 -0
  144. package/SCSS-Themes/dropdowns/multi-select/material.scss +9 -0
  145. package/SCSS-Themes/fabric-dark-lite.scss +17 -1
  146. package/SCSS-Themes/fabric-dark.scss +23 -2
  147. package/SCSS-Themes/fabric-lite.scss +17 -1
  148. package/SCSS-Themes/fabric.scss +23 -2
  149. package/SCSS-Themes/fluent-dark-lite.scss +16 -1
  150. package/SCSS-Themes/fluent-dark.scss +22 -2
  151. package/SCSS-Themes/fluent-lite.scss +16 -1
  152. package/SCSS-Themes/fluent.scss +22 -2
  153. package/SCSS-Themes/fluent2-dark-lite.scss +16 -1
  154. package/SCSS-Themes/fluent2-dark.scss +22 -2
  155. package/SCSS-Themes/fluent2-highcontrast-lite.scss +16 -1
  156. package/SCSS-Themes/fluent2-highcontrast.scss +22 -2
  157. package/SCSS-Themes/fluent2-lite.scss +16 -1
  158. package/SCSS-Themes/fluent2.scss +22 -2
  159. package/SCSS-Themes/grids/grid/bds-dark.scss +5 -0
  160. package/SCSS-Themes/grids/grid/bds.scss +5 -0
  161. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +5 -0
  162. package/SCSS-Themes/grids/grid/bootstrap.scss +5 -0
  163. package/SCSS-Themes/grids/grid/bootstrap4.scss +5 -0
  164. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +5 -0
  165. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +5 -0
  166. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +5 -0
  167. package/SCSS-Themes/grids/grid/bootstrap5.scss +5 -0
  168. package/SCSS-Themes/grids/grid/fabric-dark.scss +5 -0
  169. package/SCSS-Themes/grids/grid/fabric.scss +5 -0
  170. package/SCSS-Themes/grids/grid/fluent-dark.scss +5 -0
  171. package/SCSS-Themes/grids/grid/fluent.scss +5 -0
  172. package/SCSS-Themes/grids/grid/fluent2-dark.scss +5 -0
  173. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +5 -0
  174. package/SCSS-Themes/grids/grid/fluent2.scss +5 -0
  175. package/SCSS-Themes/grids/grid/highcontrast.scss +5 -0
  176. package/SCSS-Themes/grids/grid/material-dark.scss +5 -0
  177. package/SCSS-Themes/grids/grid/material.scss +5 -0
  178. package/SCSS-Themes/grids/grid/material3-dark.scss +5 -0
  179. package/SCSS-Themes/grids/grid/material3.scss +5 -0
  180. package/SCSS-Themes/grids/grid/tailwind-dark.scss +5 -0
  181. package/SCSS-Themes/grids/grid/tailwind.scss +5 -0
  182. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +5 -0
  183. package/SCSS-Themes/grids/grid/tailwind3.scss +5 -0
  184. package/SCSS-Themes/highcontrast-lite.scss +17 -1
  185. package/SCSS-Themes/highcontrast.scss +23 -2
  186. package/SCSS-Themes/material-dark-lite.scss +16 -1
  187. package/SCSS-Themes/material-dark.scss +22 -2
  188. package/SCSS-Themes/material-lite.scss +25 -1
  189. package/SCSS-Themes/material.scss +31 -2
  190. package/SCSS-Themes/material3-dark-lite.scss +16 -1
  191. package/SCSS-Themes/material3-dark.scss +22 -2
  192. package/SCSS-Themes/material3-lite.scss +16 -1
  193. package/SCSS-Themes/material3.scss +22 -2
  194. package/SCSS-Themes/tailwind-dark-lite.scss +16 -1
  195. package/SCSS-Themes/tailwind-dark.scss +22 -2
  196. package/SCSS-Themes/tailwind-lite.scss +16 -1
  197. package/SCSS-Themes/tailwind.scss +22 -2
  198. package/SCSS-Themes/tailwind3-dark-lite.scss +16 -1
  199. package/SCSS-Themes/tailwind3-dark.scss +22 -2
  200. package/SCSS-Themes/tailwind3-lite.scss +16 -1
  201. package/SCSS-Themes/tailwind3.scss +22 -2
  202. package/package.json +1 -1
@@ -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
  {
@@ -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
  {
@@ -3758,7 +3758,7 @@ $de-prop-btn-icon-clr: #ccc;
3758
3758
  @if $skin-name =='tailwind3' {
3759
3759
  .e-bigger
3760
3760
  {
3761
- .e-colorpicker-wrapper,
3761
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3762
3762
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3763
3763
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3764
3764
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -676,7 +676,7 @@ $de-prop-btn-icon-clr: #ccc;
676
676
  margin-right: 0;
677
677
  }
678
678
  }
679
- .e-colorpicker-wrapper,
679
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
680
680
  .e-split-btn-wrapper.e-de-prop-splitbutton,
681
681
  .e-split-btn-wrapper.e-de-btn-hghlclr
682
682
  {
@@ -676,7 +676,7 @@ $de-prop-btn-icon-clr: #ccc;
676
676
  margin-right: 0;
677
677
  }
678
678
  }
679
- .e-colorpicker-wrapper,
679
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
680
680
  .e-split-btn-wrapper.e-de-prop-splitbutton,
681
681
  .e-split-btn-wrapper.e-de-btn-hghlclr
682
682
  {
@@ -3755,7 +3755,7 @@ $de-prop-btn-icon-clr: #ccc;
3755
3755
  @if $skin-name =='tailwind3' {
3756
3756
  .e-bigger
3757
3757
  {
3758
- .e-colorpicker-wrapper,
3758
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3759
3759
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3760
3760
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3761
3761
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -699,7 +699,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
699
699
  margin-right: 0;
700
700
  }
701
701
  }
702
- .e-colorpicker-wrapper,
702
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
703
703
  .e-split-btn-wrapper.e-de-prop-splitbutton,
704
704
  .e-split-btn-wrapper.e-de-btn-hghlclr
705
705
  {
@@ -699,7 +699,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
699
699
  margin-right: 0;
700
700
  }
701
701
  }
702
- .e-colorpicker-wrapper,
702
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
703
703
  .e-split-btn-wrapper.e-de-prop-splitbutton,
704
704
  .e-split-btn-wrapper.e-de-btn-hghlclr
705
705
  {
@@ -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),
@@ -699,7 +699,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
699
699
  margin-right: 0;
700
700
  }
701
701
  }
702
- .e-colorpicker-wrapper,
702
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
703
703
  .e-split-btn-wrapper.e-de-prop-splitbutton,
704
704
  .e-split-btn-wrapper.e-de-btn-hghlclr
705
705
  {
@@ -699,7 +699,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
699
699
  margin-right: 0;
700
700
  }
701
701
  }
702
- .e-colorpicker-wrapper,
702
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
703
703
  .e-split-btn-wrapper.e-de-prop-splitbutton,
704
704
  .e-split-btn-wrapper.e-de-btn-hghlclr
705
705
  {
@@ -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),
@@ -699,7 +699,7 @@ $de-hlt-clr-height-bigger: 24px;
699
699
  margin-right: 0;
700
700
  }
701
701
  }
702
- .e-colorpicker-wrapper,
702
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
703
703
  .e-split-btn-wrapper.e-de-prop-splitbutton,
704
704
  .e-split-btn-wrapper.e-de-btn-hghlclr
705
705
  {
@@ -699,7 +699,7 @@ $de-hlt-clr-height-bigger: 24px;
699
699
  margin-right: 0;
700
700
  }
701
701
  }
702
- .e-colorpicker-wrapper,
702
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
703
703
  .e-split-btn-wrapper.e-de-prop-splitbutton,
704
704
  .e-split-btn-wrapper.e-de-btn-hghlclr
705
705
  {
@@ -3805,7 +3805,7 @@ $de-hlt-clr-height-bigger: 24px;
3805
3805
  @if $skin-name =='tailwind3' {
3806
3806
  .e-bigger
3807
3807
  {
3808
- .e-colorpicker-wrapper,
3808
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3809
3809
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3810
3810
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3811
3811
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -699,7 +699,7 @@ $de-hlt-clr-height-bigger: 24px;
699
699
  margin-right: 0;
700
700
  }
701
701
  }
702
- .e-colorpicker-wrapper,
702
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
703
703
  .e-split-btn-wrapper.e-de-prop-splitbutton,
704
704
  .e-split-btn-wrapper.e-de-btn-hghlclr
705
705
  {
@@ -699,7 +699,7 @@ $de-hlt-clr-height-bigger: 24px;
699
699
  margin-right: 0;
700
700
  }
701
701
  }
702
- .e-colorpicker-wrapper,
702
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
703
703
  .e-split-btn-wrapper.e-de-prop-splitbutton,
704
704
  .e-split-btn-wrapper.e-de-btn-hghlclr
705
705
  {
@@ -3805,7 +3805,7 @@ $de-hlt-clr-height-bigger: 24px;
3805
3805
  @if $skin-name =='tailwind3' {
3806
3806
  .e-bigger
3807
3807
  {
3808
- .e-colorpicker-wrapper,
3808
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3809
3809
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3810
3810
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3811
3811
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -699,7 +699,7 @@ $de-hlt-clr-height-bigger: 24px;
699
699
  margin-right: 0;
700
700
  }
701
701
  }
702
- .e-colorpicker-wrapper,
702
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
703
703
  .e-split-btn-wrapper.e-de-prop-splitbutton,
704
704
  .e-split-btn-wrapper.e-de-btn-hghlclr
705
705
  {
@@ -699,7 +699,7 @@ $de-hlt-clr-height-bigger: 24px;
699
699
  margin-right: 0;
700
700
  }
701
701
  }
702
- .e-colorpicker-wrapper,
702
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
703
703
  .e-split-btn-wrapper.e-de-prop-splitbutton,
704
704
  .e-split-btn-wrapper.e-de-btn-hghlclr
705
705
  {
@@ -3805,7 +3805,7 @@ $de-hlt-clr-height-bigger: 24px;
3805
3805
  @if $skin-name =='tailwind3' {
3806
3806
  .e-bigger
3807
3807
  {
3808
- .e-colorpicker-wrapper,
3808
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3809
3809
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3810
3810
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3811
3811
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -677,7 +677,7 @@ $de-prop-btn-icon-clr: #ccc;
677
677
  margin-right: 0;
678
678
  }
679
679
  }
680
- .e-colorpicker-wrapper,
680
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
681
681
  .e-split-btn-wrapper.e-de-prop-splitbutton,
682
682
  .e-split-btn-wrapper.e-de-btn-hghlclr
683
683
  {
@@ -677,7 +677,7 @@ $de-prop-btn-icon-clr: #ccc;
677
677
  margin-right: 0;
678
678
  }
679
679
  }
680
- .e-colorpicker-wrapper,
680
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
681
681
  .e-split-btn-wrapper.e-de-prop-splitbutton,
682
682
  .e-split-btn-wrapper.e-de-btn-hghlclr
683
683
  {
@@ -3756,7 +3756,7 @@ $de-prop-btn-icon-clr: #ccc;
3756
3756
  @if $skin-name =='tailwind3' {
3757
3757
  .e-bigger
3758
3758
  {
3759
- .e-colorpicker-wrapper,
3759
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3760
3760
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3761
3761
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3762
3762
  .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
  {
@@ -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
  {
@@ -3759,7 +3759,7 @@ $de-prop-btn-icon-clr: #ccc;
3759
3759
  @if $skin-name =='tailwind3' {
3760
3760
  .e-bigger
3761
3761
  {
3762
- .e-colorpicker-wrapper,
3762
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3763
3763
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3764
3764
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3765
3765
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -677,7 +677,7 @@ $de-prop-btn-icon-clr: #ccc;
677
677
  margin-right: 0;
678
678
  }
679
679
  }
680
- .e-colorpicker-wrapper,
680
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
681
681
  .e-split-btn-wrapper.e-de-prop-splitbutton,
682
682
  .e-split-btn-wrapper.e-de-btn-hghlclr
683
683
  {
@@ -677,7 +677,7 @@ $de-prop-btn-icon-clr: #ccc;
677
677
  margin-right: 0;
678
678
  }
679
679
  }
680
- .e-colorpicker-wrapper,
680
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
681
681
  .e-split-btn-wrapper.e-de-prop-splitbutton,
682
682
  .e-split-btn-wrapper.e-de-btn-hghlclr
683
683
  {
@@ -3758,7 +3758,7 @@ $de-prop-btn-icon-clr: #ccc;
3758
3758
  @if $skin-name =='tailwind3' {
3759
3759
  .e-bigger
3760
3760
  {
3761
- .e-colorpicker-wrapper,
3761
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3762
3762
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3763
3763
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3764
3764
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -700,7 +700,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
700
700
  margin-right: 0;
701
701
  }
702
702
  }
703
- .e-colorpicker-wrapper,
703
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
704
704
  .e-split-btn-wrapper.e-de-prop-splitbutton,
705
705
  .e-split-btn-wrapper.e-de-btn-hghlclr
706
706
  {
@@ -700,7 +700,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
700
700
  margin-right: 0;
701
701
  }
702
702
  }
703
- .e-colorpicker-wrapper,
703
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
704
704
  .e-split-btn-wrapper.e-de-prop-splitbutton,
705
705
  .e-split-btn-wrapper.e-de-btn-hghlclr
706
706
  {
@@ -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),
@@ -700,7 +700,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
700
700
  margin-right: 0;
701
701
  }
702
702
  }
703
- .e-colorpicker-wrapper,
703
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
704
704
  .e-split-btn-wrapper.e-de-prop-splitbutton,
705
705
  .e-split-btn-wrapper.e-de-btn-hghlclr
706
706
  {
@@ -700,7 +700,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
700
700
  margin-right: 0;
701
701
  }
702
702
  }
703
- .e-colorpicker-wrapper,
703
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
704
704
  .e-split-btn-wrapper.e-de-prop-splitbutton,
705
705
  .e-split-btn-wrapper.e-de-btn-hghlclr
706
706
  {
@@ -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),
@@ -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),
@@ -715,7 +715,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
715
715
  margin-right: 0;
716
716
  }
717
717
  }
718
- .e-colorpicker-wrapper,
718
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
719
719
  .e-split-btn-wrapper.e-de-prop-splitbutton,
720
720
  .e-split-btn-wrapper.e-de-btn-hghlclr
721
721
  {
@@ -715,7 +715,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
715
715
  margin-right: 0;
716
716
  }
717
717
  }
718
- .e-colorpicker-wrapper,
718
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
719
719
  .e-split-btn-wrapper.e-de-prop-splitbutton,
720
720
  .e-split-btn-wrapper.e-de-btn-hghlclr
721
721
  {
@@ -3823,7 +3823,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
3823
3823
  @if $skin-name =='tailwind3' {
3824
3824
  .e-bigger
3825
3825
  {
3826
- .e-colorpicker-wrapper,
3826
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3827
3827
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3828
3828
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3829
3829
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -715,7 +715,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
715
715
  margin-right: 0;
716
716
  }
717
717
  }
718
- .e-colorpicker-wrapper,
718
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
719
719
  .e-split-btn-wrapper.e-de-prop-splitbutton,
720
720
  .e-split-btn-wrapper.e-de-btn-hghlclr
721
721
  {
@@ -715,7 +715,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
715
715
  margin-right: 0;
716
716
  }
717
717
  }
718
- .e-colorpicker-wrapper,
718
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
719
719
  .e-split-btn-wrapper.e-de-prop-splitbutton,
720
720
  .e-split-btn-wrapper.e-de-btn-hghlclr
721
721
  {
@@ -3823,7 +3823,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
3823
3823
  @if $skin-name =='tailwind3' {
3824
3824
  .e-bigger
3825
3825
  {
3826
- .e-colorpicker-wrapper,
3826
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3827
3827
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3828
3828
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3829
3829
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -374,6 +374,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
374
374
  color: rgb(221, 218, 218);
375
375
  }
376
376
  }
377
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
378
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
379
+ @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' {
380
+ border-color: $ddl-box-border-color;
381
+ }
382
+
383
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
384
+ -webkit-box-shadow: none;
385
+ box-shadow: none;
386
+ }
387
+
388
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
389
+ box-shadow: none;
390
+ }
391
+ }
377
392
  }
378
393
 
379
394
 
@@ -374,6 +374,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
374
374
  color: rgb(221, 218, 218);
375
375
  }
376
376
  }
377
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
378
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
379
+ @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' {
380
+ border-color: $ddl-box-border-color;
381
+ }
382
+
383
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
384
+ -webkit-box-shadow: none;
385
+ box-shadow: none;
386
+ }
387
+
388
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
389
+ box-shadow: none;
390
+ }
391
+ }
377
392
  }
378
393
 
379
394