@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
@@ -402,6 +402,21 @@ $ddl-filter-box-shadow: none !default;
402
402
  color: rgb(221, 218, 218);
403
403
  }
404
404
  }
405
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
406
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
407
+ @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' {
408
+ border-color: $ddl-box-border-color;
409
+ }
410
+
411
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
412
+ -webkit-box-shadow: none;
413
+ box-shadow: none;
414
+ }
415
+
416
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
417
+ box-shadow: none;
418
+ }
419
+ }
405
420
  }
406
421
 
407
422
 
@@ -375,6 +375,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
375
375
  color: rgb(221, 218, 218);
376
376
  }
377
377
  }
378
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
379
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
380
+ @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' {
381
+ border-color: $ddl-box-border-color;
382
+ }
383
+
384
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
385
+ -webkit-box-shadow: none;
386
+ box-shadow: none;
387
+ }
388
+
389
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
390
+ box-shadow: none;
391
+ }
392
+ }
378
393
  }
379
394
 
380
395
 
@@ -375,6 +375,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
375
375
  color: rgb(221, 218, 218);
376
376
  }
377
377
  }
378
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
379
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
380
+ @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' {
381
+ border-color: $ddl-box-border-color;
382
+ }
383
+
384
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
385
+ -webkit-box-shadow: none;
386
+ box-shadow: none;
387
+ }
388
+
389
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
390
+ box-shadow: none;
391
+ }
392
+ }
378
393
  }
379
394
 
380
395
 
@@ -375,6 +375,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
375
375
  color: rgb(221, 218, 218);
376
376
  }
377
377
  }
378
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
379
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
380
+ @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' {
381
+ border-color: $ddl-box-border-color;
382
+ }
383
+
384
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
385
+ -webkit-box-shadow: none;
386
+ box-shadow: none;
387
+ }
388
+
389
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
390
+ box-shadow: none;
391
+ }
392
+ }
378
393
  }
379
394
 
380
395
 
@@ -375,6 +375,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
375
375
  color: rgb(221, 218, 218);
376
376
  }
377
377
  }
378
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
379
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
380
+ @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' {
381
+ border-color: $ddl-box-border-color;
382
+ }
383
+
384
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
385
+ -webkit-box-shadow: none;
386
+ box-shadow: none;
387
+ }
388
+
389
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
390
+ box-shadow: none;
391
+ }
392
+ }
378
393
  }
379
394
 
380
395
 
@@ -375,6 +375,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
375
375
  color: rgb(221, 218, 218);
376
376
  }
377
377
  }
378
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
379
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
380
+ @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' {
381
+ border-color: $ddl-box-border-color;
382
+ }
383
+
384
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
385
+ -webkit-box-shadow: none;
386
+ box-shadow: none;
387
+ }
388
+
389
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
390
+ box-shadow: none;
391
+ }
392
+ }
378
393
  }
379
394
 
380
395
 
@@ -375,6 +375,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
375
375
  color: rgb(221, 218, 218);
376
376
  }
377
377
  }
378
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
379
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
380
+ @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' {
381
+ border-color: $ddl-box-border-color;
382
+ }
383
+
384
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
385
+ -webkit-box-shadow: none;
386
+ box-shadow: none;
387
+ }
388
+
389
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
390
+ box-shadow: none;
391
+ }
392
+ }
378
393
  }
379
394
 
380
395
 
@@ -30,6 +30,7 @@ $ddl-filter-background-color: $bg-base-0 !default;
30
30
  $ddl-back-icon-margin: -2px 10px 0 -54px !default;
31
31
  $ddl-back-icon-padding: 0 !default;
32
32
  $ddl-filter-margin: 0 !default;
33
+ $ddl-box-border-color: $border-fg !default;
33
34
 
34
35
  //small size
35
36
  $ddl-small-list-font-size: 13px !default;
@@ -356,6 +357,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
356
357
  color: rgb(221, 218, 218);
357
358
  }
358
359
  }
360
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
361
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
362
+ @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' {
363
+ border-color: $ddl-box-border-color;
364
+ }
365
+
366
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
367
+ -webkit-box-shadow: none;
368
+ box-shadow: none;
369
+ }
370
+
371
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
372
+ box-shadow: none;
373
+ }
374
+ }
359
375
  }
360
376
 
361
377
 
@@ -30,6 +30,7 @@ $ddl-filter-background-color: $bg-base-0 !default;
30
30
  $ddl-back-icon-margin: -2px 10px 0 -54px !default;
31
31
  $ddl-back-icon-padding: 0 !default;
32
32
  $ddl-filter-margin: 0 !default;
33
+ $ddl-box-border-color: $border-fg !default;
33
34
 
34
35
  //small size
35
36
  $ddl-small-list-font-size: 13px !default;
@@ -356,6 +357,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
356
357
  color: rgb(221, 218, 218);
357
358
  }
358
359
  }
360
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
361
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
362
+ @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' {
363
+ border-color: $ddl-box-border-color;
364
+ }
365
+
366
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
367
+ -webkit-box-shadow: none;
368
+ box-shadow: none;
369
+ }
370
+
371
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
372
+ box-shadow: none;
373
+ }
374
+ }
359
375
  }
360
376
 
361
377
 
@@ -384,6 +384,21 @@ $ddl-bigger-small-list-font-size: 13px !default;
384
384
  color: rgb(221, 218, 218);
385
385
  }
386
386
  }
387
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
388
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
389
+ @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' {
390
+ border-color: $ddl-box-border-color;
391
+ }
392
+
393
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
394
+ -webkit-box-shadow: none;
395
+ box-shadow: none;
396
+ }
397
+
398
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
399
+ box-shadow: none;
400
+ }
401
+ }
387
402
  }
388
403
 
389
404
 
@@ -384,6 +384,21 @@ $ddl-bigger-small-list-font-size: 13px !default;
384
384
  color: rgb(221, 218, 218);
385
385
  }
386
386
  }
387
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
388
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
389
+ @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' {
390
+ border-color: $ddl-box-border-color;
391
+ }
392
+
393
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
394
+ -webkit-box-shadow: none;
395
+ box-shadow: none;
396
+ }
397
+
398
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
399
+ box-shadow: none;
400
+ }
401
+ }
387
402
  }
388
403
 
389
404
 
@@ -386,6 +386,21 @@ $ddl-bigger-small-list-font-size: 13px !default;
386
386
  color: rgb(221, 218, 218);
387
387
  }
388
388
  }
389
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
390
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
391
+ @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' {
392
+ border-color: $ddl-box-border-color;
393
+ }
394
+
395
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
396
+ -webkit-box-shadow: none;
397
+ box-shadow: none;
398
+ }
399
+
400
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
401
+ box-shadow: none;
402
+ }
403
+ }
389
404
  }
390
405
 
391
406
 
@@ -386,6 +386,21 @@ $ddl-bigger-small-list-font-size: 13px !default;
386
386
  color: rgb(221, 218, 218);
387
387
  }
388
388
  }
389
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
390
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
391
+ @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' {
392
+ border-color: $ddl-box-border-color;
393
+ }
394
+
395
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
396
+ -webkit-box-shadow: none;
397
+ box-shadow: none;
398
+ }
399
+
400
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
401
+ box-shadow: none;
402
+ }
403
+ }
389
404
  }
390
405
 
391
406
 
@@ -388,6 +388,21 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
388
388
  color: rgb(221, 218, 218);
389
389
  }
390
390
  }
391
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
392
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
393
+ @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' {
394
+ border-color: $ddl-box-border-color;
395
+ }
396
+
397
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
398
+ -webkit-box-shadow: none;
399
+ box-shadow: none;
400
+ }
401
+
402
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
403
+ box-shadow: none;
404
+ }
405
+ }
391
406
  }
392
407
 
393
408
 
@@ -388,6 +388,21 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
388
388
  color: rgb(221, 218, 218);
389
389
  }
390
390
  }
391
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
392
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
393
+ @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' {
394
+ border-color: $ddl-box-border-color;
395
+ }
396
+
397
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
398
+ -webkit-box-shadow: none;
399
+ box-shadow: none;
400
+ }
401
+
402
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
403
+ box-shadow: none;
404
+ }
405
+ }
391
406
  }
392
407
 
393
408
 
@@ -388,6 +388,21 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
388
388
  color: rgb(221, 218, 218);
389
389
  }
390
390
  }
391
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
392
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
393
+ @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' {
394
+ border-color: $ddl-box-border-color;
395
+ }
396
+
397
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
398
+ -webkit-box-shadow: none;
399
+ box-shadow: none;
400
+ }
401
+
402
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
403
+ box-shadow: none;
404
+ }
405
+ }
391
406
  }
392
407
 
393
408
 
@@ -388,6 +388,21 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
388
388
  color: rgb(221, 218, 218);
389
389
  }
390
390
  }
391
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
392
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
393
+ @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' {
394
+ border-color: $ddl-box-border-color;
395
+ }
396
+
397
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
398
+ -webkit-box-shadow: none;
399
+ box-shadow: none;
400
+ }
401
+
402
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
403
+ box-shadow: none;
404
+ }
405
+ }
391
406
  }
392
407
 
393
408
 
@@ -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
 
@@ -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
 
@@ -409,6 +409,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
409
409
  color: rgb(221, 218, 218);
410
410
  }
411
411
  }
412
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
413
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
414
+ @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' {
415
+ border-color: $ddl-box-border-color;
416
+ }
417
+
418
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
419
+ -webkit-box-shadow: none;
420
+ box-shadow: none;
421
+ }
422
+
423
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
424
+ box-shadow: none;
425
+ }
426
+ }
412
427
  }
413
428
 
414
429
 
@@ -409,6 +409,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
409
409
  color: rgb(221, 218, 218);
410
410
  }
411
411
  }
412
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
413
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
414
+ @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' {
415
+ border-color: $ddl-box-border-color;
416
+ }
417
+
418
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
419
+ -webkit-box-shadow: none;
420
+ box-shadow: none;
421
+ }
422
+
423
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
424
+ box-shadow: none;
425
+ }
426
+ }
412
427
  }
413
428
 
414
429
 
@@ -409,6 +409,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
409
409
  color: rgb(221, 218, 218);
410
410
  }
411
411
  }
412
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
413
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
414
+ @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' {
415
+ border-color: $ddl-box-border-color;
416
+ }
417
+
418
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
419
+ -webkit-box-shadow: none;
420
+ box-shadow: none;
421
+ }
422
+
423
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
424
+ box-shadow: none;
425
+ }
426
+ }
412
427
  }
413
428
 
414
429
 
@@ -409,6 +409,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
409
409
  color: rgb(221, 218, 218);
410
410
  }
411
411
  }
412
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
413
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
414
+ @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' {
415
+ border-color: $ddl-box-border-color;
416
+ }
417
+
418
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
419
+ -webkit-box-shadow: none;
420
+ box-shadow: none;
421
+ }
422
+
423
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
424
+ box-shadow: none;
425
+ }
426
+ }
412
427
  }
413
428
 
414
429
 
@@ -246,6 +246,15 @@ $filled-multiselect-chip-hover-bg-color: color.adjust($grey-300, $lightness: -7%
246
246
  .e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type = 'text'] {
247
247
  padding: 0;
248
248
  }
249
+
250
+ .e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
251
+ padding: 0 8px 0 9px;
252
+ }
253
+
254
+ .e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type = 'text'],
255
+ .e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type = 'text'] {
256
+ padding: 0 8px 0 9px;
257
+ }
249
258
  }
250
259
 
251
260
  .e-multi-select-wrapper {
@@ -246,6 +246,15 @@ $filled-multiselect-chip-hover-bg-color: color.adjust($grey-300, $lightness: -7%
246
246
  .e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type = 'text'] {
247
247
  padding: 0;
248
248
  }
249
+
250
+ .e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
251
+ padding: 0 8px 0 9px;
252
+ }
253
+
254
+ .e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type = 'text'],
255
+ .e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type = 'text'] {
256
+ padding: 0 8px 0 9px;
257
+ }
249
258
  }
250
259
 
251
260
  .e-multi-select-wrapper {
@@ -2609,6 +2609,7 @@ $ddl-filter-background-color: $neutral-white !default;
2609
2609
  $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2610
2610
  $ddl-back-icon-padding: 0 !default;
2611
2611
  $ddl-filter-margin: 0 !default;
2612
+ $ddl-box-border-color: $neutral-tertiary !default;
2612
2613
 
2613
2614
  //small size
2614
2615
  $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
 
@@ -55901,7 +55917,7 @@ $de-prop-btn-icon-clr: #ccc;
55901
55917
  margin-right: 0;
55902
55918
  }
55903
55919
  }
55904
- .e-colorpicker-wrapper,
55920
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
55905
55921
  .e-split-btn-wrapper.e-de-prop-splitbutton,
55906
55922
  .e-split-btn-wrapper.e-de-btn-hghlclr
55907
55923
  {