@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
@@ -3648,6 +3648,13 @@ ejs-dropdownlist {
3648
3648
  width: 15px;
3649
3649
  }
3650
3650
 
3651
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3652
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3653
+ border-color: #ccc;
3654
+ -webkit-box-shadow: none;
3655
+ box-shadow: none;
3656
+ }
3657
+
3651
3658
  .e-popup {
3652
3659
  border-color: #ccc;
3653
3660
  }
@@ -3744,6 +3744,13 @@ ejs-dropdownlist {
3744
3744
  width: 15px;
3745
3745
  }
3746
3746
 
3747
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3748
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3749
+ border-color: #ccc;
3750
+ -webkit-box-shadow: none;
3751
+ box-shadow: none;
3752
+ }
3753
+
3747
3754
  .e-popup {
3748
3755
  border-color: #ccc;
3749
3756
  }
@@ -3320,6 +3320,13 @@ ejs-dropdownlist {
3320
3320
  width: 15px;
3321
3321
  }
3322
3322
 
3323
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3324
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3325
+ border-color: #ced4da;
3326
+ -webkit-box-shadow: none;
3327
+ box-shadow: none;
3328
+ }
3329
+
3323
3330
  .e-popup {
3324
3331
  border-color: rgba(0, 0, 0, 0.15);
3325
3332
  }
@@ -3416,6 +3416,13 @@ ejs-dropdownlist {
3416
3416
  width: 15px;
3417
3417
  }
3418
3418
 
3419
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3420
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3421
+ border-color: #ced4da;
3422
+ -webkit-box-shadow: none;
3423
+ box-shadow: none;
3424
+ }
3425
+
3419
3426
  .e-popup {
3420
3427
  border-color: rgba(0, 0, 0, 0.15);
3421
3428
  }
@@ -2903,6 +2903,12 @@ ejs-dropdownlist {
2903
2903
  width: 15px;
2904
2904
  }
2905
2905
 
2906
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2907
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2908
+ border-color: #6c757d;
2909
+ box-shadow: none;
2910
+ }
2911
+
2906
2912
  .e-popup {
2907
2913
  border-color: #444c54;
2908
2914
  }
@@ -2999,6 +2999,12 @@ ejs-dropdownlist {
2999
2999
  width: 15px;
3000
3000
  }
3001
3001
 
3002
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3003
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3004
+ border-color: #6c757d;
3005
+ box-shadow: none;
3006
+ }
3007
+
3002
3008
  .e-popup {
3003
3009
  border-color: #444c54;
3004
3010
  }
@@ -2903,6 +2903,12 @@ ejs-dropdownlist {
2903
2903
  width: 15px;
2904
2904
  }
2905
2905
 
2906
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2907
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2908
+ border-color: #ced4da;
2909
+ box-shadow: none;
2910
+ }
2911
+
2906
2912
  .e-popup {
2907
2913
  border-color: #dee2e6;
2908
2914
  }
@@ -3201,6 +3201,12 @@ ejs-dropdownlist {
3201
3201
  width: 15px;
3202
3202
  }
3203
3203
 
3204
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3205
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3206
+ border-color: var(--color-sf-border);
3207
+ box-shadow: none;
3208
+ }
3209
+
3204
3210
  .e-popup {
3205
3211
  border-color: var(--color-sf-border-light);
3206
3212
  }
@@ -3297,6 +3297,12 @@ ejs-dropdownlist {
3297
3297
  width: 15px;
3298
3298
  }
3299
3299
 
3300
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3301
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3302
+ border-color: var(--color-sf-border);
3303
+ box-shadow: none;
3304
+ }
3305
+
3300
3306
  .e-popup {
3301
3307
  border-color: var(--color-sf-border-light);
3302
3308
  }
@@ -3497,6 +3497,12 @@ ejs-dropdownlist {
3497
3497
  width: 15px;
3498
3498
  }
3499
3499
 
3500
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3501
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3502
+ border-color: var(--color-sf-border);
3503
+ box-shadow: none;
3504
+ }
3505
+
3500
3506
  .e-popup {
3501
3507
  border-color: var(--color-sf-border-light);
3502
3508
  }
@@ -3593,6 +3593,12 @@ ejs-dropdownlist {
3593
3593
  width: 15px;
3594
3594
  }
3595
3595
 
3596
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3597
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3598
+ border-color: var(--color-sf-border);
3599
+ box-shadow: none;
3600
+ }
3601
+
3596
3602
  .e-popup {
3597
3603
  border-color: var(--color-sf-border-light);
3598
3604
  }
@@ -2999,6 +2999,12 @@ ejs-dropdownlist {
2999
2999
  width: 15px;
3000
3000
  }
3001
3001
 
3002
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3003
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3004
+ border-color: #ced4da;
3005
+ box-shadow: none;
3006
+ }
3007
+
3002
3008
  .e-popup {
3003
3009
  border-color: #dee2e6;
3004
3010
  }
@@ -3611,6 +3611,11 @@ ejs-dropdownlist {
3611
3611
  width: 15px;
3612
3612
  }
3613
3613
 
3614
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3615
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3616
+ border-color: #c8c8c8;
3617
+ }
3618
+
3614
3619
  .e-popup {
3615
3620
  border-color: #eaeaea;
3616
3621
  }
@@ -3707,6 +3707,11 @@ ejs-dropdownlist {
3707
3707
  width: 15px;
3708
3708
  }
3709
3709
 
3710
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3711
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3712
+ border-color: #c8c8c8;
3713
+ }
3714
+
3710
3715
  .e-popup {
3711
3716
  border-color: #eaeaea;
3712
3717
  }
@@ -47768,6 +47768,10 @@ li.e-separator.e-menu-item.e-excel-separator {
47768
47768
  overflow: hidden;
47769
47769
  bottom: 0;
47770
47770
  }
47771
+ .e-bigger.e-grid.sf-grid.e-row-responsive .e-gridcontent tr.e-verticalwrap td::before,
47772
+ .e-bigger .e-grid.sf-grid.e-row-responsive .e-gridcontent tr.e-verticalwrap td::before {
47773
+ bottom: auto;
47774
+ }
47771
47775
  .e-bigger .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
47772
47776
  margin-top: -2px;
47773
47777
  }
@@ -47768,6 +47768,10 @@ li.e-separator.e-menu-item.e-excel-separator {
47768
47768
  overflow: hidden;
47769
47769
  bottom: 0;
47770
47770
  }
47771
+ .e-bigger.e-grid.sf-grid.e-row-responsive .e-gridcontent tr.e-verticalwrap td::before,
47772
+ .e-bigger .e-grid.sf-grid.e-row-responsive .e-gridcontent tr.e-verticalwrap td::before {
47773
+ bottom: auto;
47774
+ }
47771
47775
  .e-bigger .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
47772
47776
  margin-top: -2px;
47773
47777
  }
@@ -3615,6 +3615,11 @@ ejs-dropdownlist {
3615
3615
  color: rgb(221, 218, 218);
3616
3616
  }
3617
3617
 
3618
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3619
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3620
+ border-color: #fff;
3621
+ }
3622
+
3618
3623
  .e-popup {
3619
3624
  border-color: #969696;
3620
3625
  }
@@ -3711,6 +3711,11 @@ ejs-dropdownlist {
3711
3711
  color: rgb(221, 218, 218);
3712
3712
  }
3713
3713
 
3714
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3715
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3716
+ border-color: #fff;
3717
+ }
3718
+
3714
3719
  .e-popup {
3715
3720
  border-color: #969696;
3716
3721
  }
@@ -29110,6 +29110,15 @@ ejs-sidebar {
29110
29110
  padding: 0;
29111
29111
  }
29112
29112
 
29113
+ .e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
29114
+ padding: 0 8px 0 9px;
29115
+ }
29116
+
29117
+ .e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
29118
+ .e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
29119
+ padding: 0 8px 0 9px;
29120
+ }
29121
+
29113
29122
  .e-multi-select-wrapper {
29114
29123
  box-sizing: border-box;
29115
29124
  cursor: text;
@@ -40788,6 +40788,15 @@ ejs-sidebar {
40788
40788
  padding: 0;
40789
40789
  }
40790
40790
 
40791
+ .e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
40792
+ padding: 0 8px 0 9px;
40793
+ }
40794
+
40795
+ .e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
40796
+ .e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
40797
+ padding: 0 8px 0 9px;
40798
+ }
40799
+
40791
40800
  .e-multi-select-wrapper {
40792
40801
  box-sizing: border-box;
40793
40802
  cursor: text;
@@ -32880,7 +32880,7 @@ label[for*=_wholeWord_e-de-rtl] {
32880
32880
  margin-bottom: 12px;
32881
32881
  }
32882
32882
 
32883
- .e-colorpicker-wrapper,
32883
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
32884
32884
  .e-split-btn-wrapper.e-de-prop-splitbutton,
32885
32885
  .e-split-btn-wrapper.e-de-btn-hghlclr {
32886
32886
  margin-right: 8px;
@@ -43955,7 +43955,7 @@ label[for*=_wholeWord_e-de-rtl] {
43955
43955
  margin-bottom: 12px;
43956
43956
  }
43957
43957
 
43958
- .e-colorpicker-wrapper,
43958
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
43959
43959
  .e-split-btn-wrapper.e-de-prop-splitbutton,
43960
43960
  .e-split-btn-wrapper.e-de-btn-hghlclr {
43961
43961
  margin-right: 8px;
@@ -45796,7 +45796,7 @@ label[for*=_wholeWord_e-de-rtl] {
45796
45796
  .e-bigger .e-de-ctn .e-de-ctnr-toolbar .e-de-bzr-button .e-btn-icon {
45797
45797
  font-size: 18px;
45798
45798
  }
45799
- .e-bigger .e-colorpicker-wrapper,
45799
+ .e-bigger .e-colorpicker-wrapper.e-de-font-clr-picker,
45800
45800
  .e-bigger .e-split-btn-wrapper.e-de-prop-splitbutton,
45801
45801
  .e-bigger .e-split-btn-wrapper.e-de-btn-hghlclr,
45802
45802
  .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
@@ -33284,7 +33284,7 @@ label[for*=_wholeWord_e-de-rtl] {
33284
33284
  margin-bottom: 12px;
33285
33285
  }
33286
33286
 
33287
- .e-colorpicker-wrapper,
33287
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
33288
33288
  .e-split-btn-wrapper.e-de-prop-splitbutton,
33289
33289
  .e-split-btn-wrapper.e-de-btn-hghlclr {
33290
33290
  margin-right: 8px;
@@ -44359,7 +44359,7 @@ label[for*=_wholeWord_e-de-rtl] {
44359
44359
  margin-bottom: 12px;
44360
44360
  }
44361
44361
 
44362
- .e-colorpicker-wrapper,
44362
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
44363
44363
  .e-split-btn-wrapper.e-de-prop-splitbutton,
44364
44364
  .e-split-btn-wrapper.e-de-btn-hghlclr {
44365
44365
  margin-right: 8px;
@@ -46200,7 +46200,7 @@ label[for*=_wholeWord_e-de-rtl] {
46200
46200
  .e-bigger .e-de-ctn .e-de-ctnr-toolbar .e-de-bzr-button .e-btn-icon {
46201
46201
  font-size: 18px;
46202
46202
  }
46203
- .e-bigger .e-colorpicker-wrapper,
46203
+ .e-bigger .e-colorpicker-wrapper.e-de-font-clr-picker,
46204
46204
  .e-bigger .e-split-btn-wrapper.e-de-prop-splitbutton,
46205
46205
  .e-bigger .e-split-btn-wrapper.e-de-btn-hghlclr,
46206
46206
  .e-bigger .e-de-ctnr-segment > div:first-child:not(.e-rtl),
@@ -3667,6 +3667,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3667
3667
  color: rgb(221, 218, 218);
3668
3668
  }
3669
3669
  }
3670
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3671
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3672
+ @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' {
3673
+ border-color: $ddl-box-border-color;
3674
+ }
3675
+
3676
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3677
+ -webkit-box-shadow: none;
3678
+ box-shadow: none;
3679
+ }
3680
+
3681
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3682
+ box-shadow: none;
3683
+ }
3684
+ }
3670
3685
  }
3671
3686
 
3672
3687
 
@@ -57467,7 +57482,7 @@ $de-hlt-clr-height-bigger: 24px;
57467
57482
  margin-right: 0;
57468
57483
  }
57469
57484
  }
57470
- .e-colorpicker-wrapper,
57485
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
57471
57486
  .e-split-btn-wrapper.e-de-prop-splitbutton,
57472
57487
  .e-split-btn-wrapper.e-de-btn-hghlclr
57473
57488
  {
@@ -3789,6 +3789,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3789
3789
  color: rgb(221, 218, 218);
3790
3790
  }
3791
3791
  }
3792
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3793
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3794
+ @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' {
3795
+ border-color: $ddl-box-border-color;
3796
+ }
3797
+
3798
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3799
+ -webkit-box-shadow: none;
3800
+ box-shadow: none;
3801
+ }
3802
+
3803
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3804
+ box-shadow: none;
3805
+ }
3806
+ }
3792
3807
  }
3793
3808
 
3794
3809
 
@@ -77926,7 +77941,7 @@ $de-hlt-clr-height-bigger: 24px;
77926
77941
  margin-right: 0;
77927
77942
  }
77928
77943
  }
77929
- .e-colorpicker-wrapper,
77944
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
77930
77945
  .e-split-btn-wrapper.e-de-prop-splitbutton,
77931
77946
  .e-split-btn-wrapper.e-de-btn-hghlclr
77932
77947
  {
@@ -81033,7 +81048,7 @@ $de-hlt-clr-height-bigger: 24px;
81033
81048
  @if $skin-name =='tailwind3' {
81034
81049
  .e-bigger
81035
81050
  {
81036
- .e-colorpicker-wrapper,
81051
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
81037
81052
  .e-split-btn-wrapper.e-de-prop-splitbutton,
81038
81053
  .e-split-btn-wrapper.e-de-btn-hghlclr,
81039
81054
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -91828,6 +91843,11 @@ $grid-checkmark-color: $primary !default;
91828
91843
  }
91829
91844
  }
91830
91845
  }
91846
+ & .e-gridcontent tr.e-verticalwrap td::before {
91847
+ @if $grid-skin == 'fluent' {
91848
+ bottom: auto;
91849
+ }
91850
+ }
91831
91851
  }
91832
91852
  .e-grid.sf-grid .e-gridheader .e-headercontent {
91833
91853
  .e-reorderuparrow {
@@ -3962,6 +3962,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3962
3962
  color: rgb(221, 218, 218);
3963
3963
  }
3964
3964
  }
3965
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3966
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3967
+ @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' {
3968
+ border-color: $ddl-box-border-color;
3969
+ }
3970
+
3971
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3972
+ -webkit-box-shadow: none;
3973
+ box-shadow: none;
3974
+ }
3975
+
3976
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3977
+ box-shadow: none;
3978
+ }
3979
+ }
3965
3980
  }
3966
3981
 
3967
3982
 
@@ -57762,7 +57777,7 @@ $de-hlt-clr-height-bigger: 24px;
57762
57777
  margin-right: 0;
57763
57778
  }
57764
57779
  }
57765
- .e-colorpicker-wrapper,
57780
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
57766
57781
  .e-split-btn-wrapper.e-de-prop-splitbutton,
57767
57782
  .e-split-btn-wrapper.e-de-btn-hghlclr
57768
57783
  {
@@ -4084,6 +4084,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
4084
4084
  color: rgb(221, 218, 218);
4085
4085
  }
4086
4086
  }
4087
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
4088
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
4089
+ @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' {
4090
+ border-color: $ddl-box-border-color;
4091
+ }
4092
+
4093
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
4094
+ -webkit-box-shadow: none;
4095
+ box-shadow: none;
4096
+ }
4097
+
4098
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
4099
+ box-shadow: none;
4100
+ }
4101
+ }
4087
4102
  }
4088
4103
 
4089
4104
 
@@ -78221,7 +78236,7 @@ $de-hlt-clr-height-bigger: 24px;
78221
78236
  margin-right: 0;
78222
78237
  }
78223
78238
  }
78224
- .e-colorpicker-wrapper,
78239
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
78225
78240
  .e-split-btn-wrapper.e-de-prop-splitbutton,
78226
78241
  .e-split-btn-wrapper.e-de-btn-hghlclr
78227
78242
  {
@@ -81328,7 +81343,7 @@ $de-hlt-clr-height-bigger: 24px;
81328
81343
  @if $skin-name =='tailwind3' {
81329
81344
  .e-bigger
81330
81345
  {
81331
- .e-colorpicker-wrapper,
81346
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
81332
81347
  .e-split-btn-wrapper.e-de-prop-splitbutton,
81333
81348
  .e-split-btn-wrapper.e-de-btn-hghlclr,
81334
81349
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -92123,6 +92138,11 @@ $grid-checkmark-color: $primary !default;
92123
92138
  }
92124
92139
  }
92125
92140
  }
92141
+ & .e-gridcontent tr.e-verticalwrap td::before {
92142
+ @if $grid-skin == 'fluent' {
92143
+ bottom: auto;
92144
+ }
92145
+ }
92126
92146
  }
92127
92147
  .e-grid.sf-grid .e-gridheader .e-headercontent {
92128
92148
  .e-reorderuparrow {
@@ -2631,6 +2631,7 @@ $ddl-default-border-color: $grey-44 !default;
2631
2631
  $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2632
2632
  $ddl-back-icon-padding: 0 !default;
2633
2633
  $ddl-filter-margin: 0 !default;
2634
+ $ddl-box-border-color: $grey-lighter !default;
2634
2635
 
2635
2636
  // small size
2636
2637
  $ddl-small-list-font-size: 13px !default;
@@ -2967,6 +2968,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
2967
2968
  color: rgb(221, 218, 218);
2968
2969
  }
2969
2970
  }
2971
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2972
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2973
+ @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' {
2974
+ border-color: $ddl-box-border-color;
2975
+ }
2976
+
2977
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
2978
+ -webkit-box-shadow: none;
2979
+ box-shadow: none;
2980
+ }
2981
+
2982
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
2983
+ box-shadow: none;
2984
+ }
2985
+ }
2970
2986
  }
2971
2987
 
2972
2988
 
@@ -56008,7 +56024,7 @@ $de-prop-btn-icon-clr: #ccc;
56008
56024
  margin-right: 0;
56009
56025
  }
56010
56026
  }
56011
- .e-colorpicker-wrapper,
56027
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
56012
56028
  .e-split-btn-wrapper.e-de-prop-splitbutton,
56013
56029
  .e-split-btn-wrapper.e-de-btn-hghlclr
56014
56030
  {
@@ -2753,6 +2753,7 @@ $ddl-default-border-color: $grey-44 !default;
2753
2753
  $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2754
2754
  $ddl-back-icon-padding: 0 !default;
2755
2755
  $ddl-filter-margin: 0 !default;
2756
+ $ddl-box-border-color: $grey-lighter !default;
2756
2757
 
2757
2758
  // small size
2758
2759
  $ddl-small-list-font-size: 13px !default;
@@ -3089,6 +3090,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
3089
3090
  color: rgb(221, 218, 218);
3090
3091
  }
3091
3092
  }
3093
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3094
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3095
+ @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' {
3096
+ border-color: $ddl-box-border-color;
3097
+ }
3098
+
3099
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3100
+ -webkit-box-shadow: none;
3101
+ box-shadow: none;
3102
+ }
3103
+
3104
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3105
+ box-shadow: none;
3106
+ }
3107
+ }
3092
3108
  }
3093
3109
 
3094
3110
 
@@ -76467,7 +76483,7 @@ $de-prop-btn-icon-clr: #ccc;
76467
76483
  margin-right: 0;
76468
76484
  }
76469
76485
  }
76470
- .e-colorpicker-wrapper,
76486
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
76471
76487
  .e-split-btn-wrapper.e-de-prop-splitbutton,
76472
76488
  .e-split-btn-wrapper.e-de-btn-hghlclr
76473
76489
  {
@@ -79546,7 +79562,7 @@ $de-prop-btn-icon-clr: #ccc;
79546
79562
  @if $skin-name =='tailwind3' {
79547
79563
  .e-bigger
79548
79564
  {
79549
- .e-colorpicker-wrapper,
79565
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
79550
79566
  .e-split-btn-wrapper.e-de-prop-splitbutton,
79551
79567
  .e-split-btn-wrapper.e-de-btn-hghlclr,
79552
79568
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -90340,6 +90356,11 @@ $grid-checkmark-color: $grey-light-font !default;
90340
90356
  }
90341
90357
  }
90342
90358
  }
90359
+ & .e-gridcontent tr.e-verticalwrap td::before {
90360
+ @if $grid-skin == 'fluent' {
90361
+ bottom: auto;
90362
+ }
90363
+ }
90343
90364
  }
90344
90365
  .e-grid.sf-grid .e-gridheader .e-headercontent {
90345
90366
  .e-reorderuparrow {
@@ -2623,6 +2623,7 @@ $ddl-default-border-color: $grey-cc !default;
2623
2623
  $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2624
2624
  $ddl-back-icon-padding: 0 !default;
2625
2625
  $ddl-filter-margin: 0 !default;
2626
+ $ddl-box-border-color: $grey-cc !default;
2626
2627
 
2627
2628
  // small size
2628
2629
  $ddl-small-list-font-size: 13px !default;
@@ -2959,6 +2960,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
2959
2960
  color: rgb(221, 218, 218);
2960
2961
  }
2961
2962
  }
2963
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2964
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2965
+ @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' {
2966
+ border-color: $ddl-box-border-color;
2967
+ }
2968
+
2969
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
2970
+ -webkit-box-shadow: none;
2971
+ box-shadow: none;
2972
+ }
2973
+
2974
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
2975
+ box-shadow: none;
2976
+ }
2977
+ }
2962
2978
  }
2963
2979
 
2964
2980
 
@@ -55754,7 +55770,7 @@ $de-prop-btn-icon-clr: #ccc;
55754
55770
  margin-right: 0;
55755
55771
  }
55756
55772
  }
55757
- .e-colorpicker-wrapper,
55773
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
55758
55774
  .e-split-btn-wrapper.e-de-prop-splitbutton,
55759
55775
  .e-split-btn-wrapper.e-de-btn-hghlclr
55760
55776
  {