@syncfusion/blazor-themes 29.1.40 → 29.1.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (171) hide show
  1. package/Compiled-Themes/bootstrap-lite.css +7 -0
  2. package/Compiled-Themes/bootstrap.css +7 -0
  3. package/Compiled-Themes/bootstrap4-lite.css +7 -0
  4. package/Compiled-Themes/bootstrap4.css +7 -0
  5. package/Compiled-Themes/bootstrap5-dark-lite.css +6 -0
  6. package/Compiled-Themes/bootstrap5-dark.css +6 -0
  7. package/Compiled-Themes/bootstrap5-lite.css +6 -0
  8. package/Compiled-Themes/bootstrap5.3-dark-lite.css +6 -0
  9. package/Compiled-Themes/bootstrap5.3-dark.css +6 -0
  10. package/Compiled-Themes/bootstrap5.3-lite.css +6 -0
  11. package/Compiled-Themes/bootstrap5.3.css +6 -0
  12. package/Compiled-Themes/bootstrap5.css +6 -0
  13. package/Compiled-Themes/fabric-lite.css +5 -0
  14. package/Compiled-Themes/fabric.css +5 -0
  15. package/Compiled-Themes/highcontrast-lite.css +5 -0
  16. package/Compiled-Themes/highcontrast.css +5 -0
  17. package/Compiled-Themes/tailwind3-dark-lite.css +1 -1
  18. package/Compiled-Themes/tailwind3-dark.css +2 -2
  19. package/Compiled-Themes/tailwind3-lite.css +1 -1
  20. package/Compiled-Themes/tailwind3.css +2 -2
  21. package/SCSS-Themes/bds-dark-lite.scss +16 -1
  22. package/SCSS-Themes/bds-dark.scss +17 -2
  23. package/SCSS-Themes/bds-lite.scss +16 -1
  24. package/SCSS-Themes/bds.scss +17 -2
  25. package/SCSS-Themes/bootstrap-dark-lite.scss +17 -1
  26. package/SCSS-Themes/bootstrap-dark.scss +18 -2
  27. package/SCSS-Themes/bootstrap-lite.scss +17 -1
  28. package/SCSS-Themes/bootstrap.scss +18 -2
  29. package/SCSS-Themes/bootstrap4-lite.scss +17 -1
  30. package/SCSS-Themes/bootstrap4.scss +18 -2
  31. package/SCSS-Themes/bootstrap5-dark-lite.scss +17 -1
  32. package/SCSS-Themes/bootstrap5-dark.scss +18 -2
  33. package/SCSS-Themes/bootstrap5-lite.scss +17 -1
  34. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +17 -1
  35. package/SCSS-Themes/bootstrap5.3-dark.scss +18 -2
  36. package/SCSS-Themes/bootstrap5.3-lite.scss +17 -1
  37. package/SCSS-Themes/bootstrap5.3.scss +18 -2
  38. package/SCSS-Themes/bootstrap5.scss +18 -2
  39. package/SCSS-Themes/documenteditor/document-editor-container/bds-dark-lite.scss +1 -1
  40. package/SCSS-Themes/documenteditor/document-editor-container/bds-dark.scss +2 -2
  41. package/SCSS-Themes/documenteditor/document-editor-container/bds-lite.scss +1 -1
  42. package/SCSS-Themes/documenteditor/document-editor-container/bds.scss +2 -2
  43. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark-lite.scss +1 -1
  44. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss +2 -2
  45. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-lite.scss +1 -1
  46. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss +2 -2
  47. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4-lite.scss +1 -1
  48. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss +2 -2
  49. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark-lite.scss +1 -1
  50. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss +2 -2
  51. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-lite.scss +1 -1
  52. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-dark-lite.scss +1 -1
  53. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-dark.scss +2 -2
  54. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-lite.scss +1 -1
  55. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3.scss +2 -2
  56. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss +2 -2
  57. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark-lite.scss +1 -1
  58. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss +2 -2
  59. package/SCSS-Themes/documenteditor/document-editor-container/fabric-lite.scss +1 -1
  60. package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss +2 -2
  61. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark-lite.scss +1 -1
  62. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss +2 -2
  63. package/SCSS-Themes/documenteditor/document-editor-container/fluent-lite.scss +1 -1
  64. package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss +2 -2
  65. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark-lite.scss +1 -1
  66. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark.scss +2 -2
  67. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast-lite.scss +1 -1
  68. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast.scss +2 -2
  69. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-lite.scss +1 -1
  70. package/SCSS-Themes/documenteditor/document-editor-container/fluent2.scss +2 -2
  71. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast-lite.scss +1 -1
  72. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss +2 -2
  73. package/SCSS-Themes/documenteditor/document-editor-container/material-dark-lite.scss +1 -1
  74. package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss +2 -2
  75. package/SCSS-Themes/documenteditor/document-editor-container/material-lite.scss +1 -1
  76. package/SCSS-Themes/documenteditor/document-editor-container/material.scss +2 -2
  77. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark-lite.scss +1 -1
  78. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss +2 -2
  79. package/SCSS-Themes/documenteditor/document-editor-container/material3-lite.scss +1 -1
  80. package/SCSS-Themes/documenteditor/document-editor-container/material3.scss +2 -2
  81. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark-lite.scss +1 -1
  82. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss +2 -2
  83. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-lite.scss +1 -1
  84. package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss +2 -2
  85. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark-lite.scss +1 -1
  86. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark.scss +2 -2
  87. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-lite.scss +1 -1
  88. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3.scss +2 -2
  89. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark-lite.scss +15 -0
  90. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss +15 -0
  91. package/SCSS-Themes/dropdowns/drop-down-list/bds-lite.scss +15 -0
  92. package/SCSS-Themes/dropdowns/drop-down-list/bds.scss +15 -0
  93. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark-lite.scss +16 -0
  94. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +16 -0
  95. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-lite.scss +16 -0
  96. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +16 -0
  97. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4-lite.scss +16 -0
  98. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +16 -0
  99. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark-lite.scss +16 -0
  100. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +16 -0
  101. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-lite.scss +16 -0
  102. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark-lite.scss +16 -0
  103. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark.scss +16 -0
  104. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-lite.scss +16 -0
  105. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3.scss +16 -0
  106. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +16 -0
  107. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark-lite.scss +16 -0
  108. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +16 -0
  109. package/SCSS-Themes/dropdowns/drop-down-list/fabric-lite.scss +16 -0
  110. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +16 -0
  111. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark-lite.scss +15 -0
  112. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +15 -0
  113. package/SCSS-Themes/dropdowns/drop-down-list/fluent-lite.scss +15 -0
  114. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +15 -0
  115. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark-lite.scss +15 -0
  116. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark.scss +15 -0
  117. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast-lite.scss +15 -0
  118. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast.scss +15 -0
  119. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-lite.scss +15 -0
  120. package/SCSS-Themes/dropdowns/drop-down-list/fluent2.scss +15 -0
  121. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast-lite.scss +16 -0
  122. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +16 -0
  123. package/SCSS-Themes/dropdowns/drop-down-list/material-dark-lite.scss +15 -0
  124. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +15 -0
  125. package/SCSS-Themes/dropdowns/drop-down-list/material-lite.scss +15 -0
  126. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +15 -0
  127. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark-lite.scss +15 -0
  128. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +15 -0
  129. package/SCSS-Themes/dropdowns/drop-down-list/material3-lite.scss +15 -0
  130. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +15 -0
  131. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark-lite.scss +15 -0
  132. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +15 -0
  133. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-lite.scss +15 -0
  134. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +15 -0
  135. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark-lite.scss +15 -0
  136. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark.scss +15 -0
  137. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-lite.scss +15 -0
  138. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3.scss +15 -0
  139. package/SCSS-Themes/fabric-dark-lite.scss +17 -1
  140. package/SCSS-Themes/fabric-dark.scss +18 -2
  141. package/SCSS-Themes/fabric-lite.scss +17 -1
  142. package/SCSS-Themes/fabric.scss +18 -2
  143. package/SCSS-Themes/fluent-dark-lite.scss +16 -1
  144. package/SCSS-Themes/fluent-dark.scss +17 -2
  145. package/SCSS-Themes/fluent-lite.scss +16 -1
  146. package/SCSS-Themes/fluent.scss +17 -2
  147. package/SCSS-Themes/fluent2-dark-lite.scss +16 -1
  148. package/SCSS-Themes/fluent2-dark.scss +17 -2
  149. package/SCSS-Themes/fluent2-highcontrast-lite.scss +16 -1
  150. package/SCSS-Themes/fluent2-highcontrast.scss +17 -2
  151. package/SCSS-Themes/fluent2-lite.scss +16 -1
  152. package/SCSS-Themes/fluent2.scss +17 -2
  153. package/SCSS-Themes/highcontrast-lite.scss +17 -1
  154. package/SCSS-Themes/highcontrast.scss +18 -2
  155. package/SCSS-Themes/material-dark-lite.scss +16 -1
  156. package/SCSS-Themes/material-dark.scss +17 -2
  157. package/SCSS-Themes/material-lite.scss +16 -1
  158. package/SCSS-Themes/material.scss +17 -2
  159. package/SCSS-Themes/material3-dark-lite.scss +16 -1
  160. package/SCSS-Themes/material3-dark.scss +17 -2
  161. package/SCSS-Themes/material3-lite.scss +16 -1
  162. package/SCSS-Themes/material3.scss +17 -2
  163. package/SCSS-Themes/tailwind-dark-lite.scss +16 -1
  164. package/SCSS-Themes/tailwind-dark.scss +17 -2
  165. package/SCSS-Themes/tailwind-lite.scss +16 -1
  166. package/SCSS-Themes/tailwind.scss +17 -2
  167. package/SCSS-Themes/tailwind3-dark-lite.scss +16 -1
  168. package/SCSS-Themes/tailwind3-dark.scss +17 -2
  169. package/SCSS-Themes/tailwind3-lite.scss +16 -1
  170. package/SCSS-Themes/tailwind3.scss +17 -2
  171. package/package.json +1 -1
@@ -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
 
@@ -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
  {
@@ -2731,6 +2731,7 @@ $ddl-filter-background-color: $neutral-white !default;
2731
2731
  $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2732
2732
  $ddl-back-icon-padding: 0 !default;
2733
2733
  $ddl-filter-margin: 0 !default;
2734
+ $ddl-box-border-color: $neutral-tertiary !default;
2734
2735
 
2735
2736
  //small size
2736
2737
  $ddl-small-list-font-size: 13px !default;
@@ -3045,6 +3046,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
3045
3046
  color: rgb(221, 218, 218);
3046
3047
  }
3047
3048
  }
3049
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3050
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3051
+ @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' {
3052
+ border-color: $ddl-box-border-color;
3053
+ }
3054
+
3055
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3056
+ -webkit-box-shadow: none;
3057
+ box-shadow: none;
3058
+ }
3059
+
3060
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3061
+ box-shadow: none;
3062
+ }
3063
+ }
3048
3064
  }
3049
3065
 
3050
3066
 
@@ -76360,7 +76376,7 @@ $de-prop-btn-icon-clr: #ccc;
76360
76376
  margin-right: 0;
76361
76377
  }
76362
76378
  }
76363
- .e-colorpicker-wrapper,
76379
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
76364
76380
  .e-split-btn-wrapper.e-de-prop-splitbutton,
76365
76381
  .e-split-btn-wrapper.e-de-btn-hghlclr
76366
76382
  {
@@ -79440,7 +79456,7 @@ $de-prop-btn-icon-clr: #ccc;
79440
79456
  @if $skin-name =='tailwind3' {
79441
79457
  .e-bigger
79442
79458
  {
79443
- .e-colorpicker-wrapper,
79459
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
79444
79460
  .e-split-btn-wrapper.e-de-prop-splitbutton,
79445
79461
  .e-split-btn-wrapper.e-de-btn-hghlclr,
79446
79462
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -2606,6 +2606,7 @@ $ddl-filter-background-color: $neutral-white !default;
2606
2606
  $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2607
2607
  $ddl-back-icon-padding: 0 !default;
2608
2608
  $ddl-filter-margin: 0 !default;
2609
+ $ddl-box-border-color: $neutral-tertiary-alt !default;
2609
2610
 
2610
2611
  //small size
2611
2612
  $ddl-small-list-font-size: 13px !default;
@@ -2918,6 +2919,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
2918
2919
  color: rgb(221, 218, 218);
2919
2920
  }
2920
2921
  }
2922
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2923
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2924
+ @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' {
2925
+ border-color: $ddl-box-border-color;
2926
+ }
2927
+
2928
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
2929
+ -webkit-box-shadow: none;
2930
+ box-shadow: none;
2931
+ }
2932
+
2933
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
2934
+ box-shadow: none;
2935
+ }
2936
+ }
2921
2937
  }
2922
2938
 
2923
2939
 
@@ -55672,7 +55688,7 @@ $de-prop-btn-icon-clr: #ccc;
55672
55688
  margin-right: 0;
55673
55689
  }
55674
55690
  }
55675
- .e-colorpicker-wrapper,
55691
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
55676
55692
  .e-split-btn-wrapper.e-de-prop-splitbutton,
55677
55693
  .e-split-btn-wrapper.e-de-btn-hghlclr
55678
55694
  {
@@ -2728,6 +2728,7 @@ $ddl-filter-background-color: $neutral-white !default;
2728
2728
  $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2729
2729
  $ddl-back-icon-padding: 0 !default;
2730
2730
  $ddl-filter-margin: 0 !default;
2731
+ $ddl-box-border-color: $neutral-tertiary-alt !default;
2731
2732
 
2732
2733
  //small size
2733
2734
  $ddl-small-list-font-size: 13px !default;
@@ -3040,6 +3041,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
3040
3041
  color: rgb(221, 218, 218);
3041
3042
  }
3042
3043
  }
3044
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3045
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3046
+ @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' {
3047
+ border-color: $ddl-box-border-color;
3048
+ }
3049
+
3050
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3051
+ -webkit-box-shadow: none;
3052
+ box-shadow: none;
3053
+ }
3054
+
3055
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3056
+ box-shadow: none;
3057
+ }
3058
+ }
3043
3059
  }
3044
3060
 
3045
3061
 
@@ -76131,7 +76147,7 @@ $de-prop-btn-icon-clr: #ccc;
76131
76147
  margin-right: 0;
76132
76148
  }
76133
76149
  }
76134
- .e-colorpicker-wrapper,
76150
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
76135
76151
  .e-split-btn-wrapper.e-de-prop-splitbutton,
76136
76152
  .e-split-btn-wrapper.e-de-btn-hghlclr
76137
76153
  {
@@ -79210,7 +79226,7 @@ $de-prop-btn-icon-clr: #ccc;
79210
79226
  @if $skin-name =='tailwind3' {
79211
79227
  .e-bigger
79212
79228
  {
79213
- .e-colorpicker-wrapper,
79229
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
79214
79230
  .e-split-btn-wrapper.e-de-prop-splitbutton,
79215
79231
  .e-split-btn-wrapper.e-de-btn-hghlclr,
79216
79232
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -2990,6 +2990,21 @@ $ddl-filter-box-shadow: none !default;
2990
2990
  color: rgb(221, 218, 218);
2991
2991
  }
2992
2992
  }
2993
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2994
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2995
+ @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' {
2996
+ border-color: $ddl-box-border-color;
2997
+ }
2998
+
2999
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3000
+ -webkit-box-shadow: none;
3001
+ box-shadow: none;
3002
+ }
3003
+
3004
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3005
+ box-shadow: none;
3006
+ }
3007
+ }
2993
3008
  }
2994
3009
 
2995
3010
 
@@ -56299,7 +56314,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
56299
56314
  margin-right: 0;
56300
56315
  }
56301
56316
  }
56302
- .e-colorpicker-wrapper,
56317
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
56303
56318
  .e-split-btn-wrapper.e-de-prop-splitbutton,
56304
56319
  .e-split-btn-wrapper.e-de-btn-hghlclr
56305
56320
  {