@syncfusion/ej2-angular-dropdowns 26.1.42 → 26.2.4

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 (165) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/package.json +8 -8
  3. package/schematics/utils/lib-details.ts +2 -2
  4. package/styles/auto-complete/bootstrap-dark.css +1 -109
  5. package/styles/auto-complete/bootstrap.css +1 -109
  6. package/styles/auto-complete/bootstrap4.css +1 -163
  7. package/styles/auto-complete/bootstrap5-dark.css +1 -151
  8. package/styles/auto-complete/bootstrap5.css +1 -151
  9. package/styles/auto-complete/fabric-dark.css +1 -84
  10. package/styles/auto-complete/fabric.css +1 -77
  11. package/styles/auto-complete/fluent-dark.css +1 -131
  12. package/styles/auto-complete/fluent.css +1 -131
  13. package/styles/auto-complete/fluent2.css +1 -1140
  14. package/styles/auto-complete/highcontrast-light.css +1 -81
  15. package/styles/auto-complete/highcontrast.css +1 -81
  16. package/styles/auto-complete/material-dark.css +1 -118
  17. package/styles/auto-complete/material.css +1 -143
  18. package/styles/auto-complete/material3-dark.css +1 -263
  19. package/styles/auto-complete/material3.css +1 -375
  20. package/styles/auto-complete/tailwind-dark.css +1 -106
  21. package/styles/auto-complete/tailwind.css +1 -106
  22. package/styles/bootstrap-dark.css +1 -3440
  23. package/styles/bootstrap.css +1 -3445
  24. package/styles/bootstrap4.css +1 -3693
  25. package/styles/bootstrap5-dark.css +1 -3615
  26. package/styles/bootstrap5.css +1 -3615
  27. package/styles/combo-box/bootstrap-dark.css +1 -109
  28. package/styles/combo-box/bootstrap.css +1 -109
  29. package/styles/combo-box/bootstrap4.css +1 -163
  30. package/styles/combo-box/bootstrap5-dark.css +1 -151
  31. package/styles/combo-box/bootstrap5.css +1 -151
  32. package/styles/combo-box/fabric-dark.css +1 -84
  33. package/styles/combo-box/fabric.css +1 -77
  34. package/styles/combo-box/fluent-dark.css +1 -131
  35. package/styles/combo-box/fluent.css +1 -131
  36. package/styles/combo-box/fluent2.css +1 -1140
  37. package/styles/combo-box/highcontrast-light.css +1 -81
  38. package/styles/combo-box/highcontrast.css +1 -81
  39. package/styles/combo-box/material-dark.css +1 -118
  40. package/styles/combo-box/material.css +1 -143
  41. package/styles/combo-box/material3-dark.css +1 -263
  42. package/styles/combo-box/material3.css +1 -375
  43. package/styles/combo-box/tailwind-dark.css +1 -106
  44. package/styles/combo-box/tailwind.css +1 -106
  45. package/styles/drop-down-base/bootstrap-dark.css +1 -373
  46. package/styles/drop-down-base/bootstrap.css +1 -373
  47. package/styles/drop-down-base/bootstrap4.css +1 -383
  48. package/styles/drop-down-base/bootstrap5-dark.css +1 -405
  49. package/styles/drop-down-base/bootstrap5.css +1 -405
  50. package/styles/drop-down-base/fabric-dark.css +1 -373
  51. package/styles/drop-down-base/fabric.css +1 -373
  52. package/styles/drop-down-base/fluent-dark.css +1 -421
  53. package/styles/drop-down-base/fluent.css +1 -421
  54. package/styles/drop-down-base/fluent2.css +1 -1447
  55. package/styles/drop-down-base/highcontrast-light.css +1 -387
  56. package/styles/drop-down-base/highcontrast.css +1 -387
  57. package/styles/drop-down-base/material-dark.css +1 -372
  58. package/styles/drop-down-base/material.css +1 -372
  59. package/styles/drop-down-base/material3-dark.css +1 -492
  60. package/styles/drop-down-base/material3.css +1 -604
  61. package/styles/drop-down-base/tailwind-dark.css +1 -481
  62. package/styles/drop-down-base/tailwind.css +1 -481
  63. package/styles/drop-down-list/bootstrap-dark.css +1 -433
  64. package/styles/drop-down-list/bootstrap.css +1 -433
  65. package/styles/drop-down-list/bootstrap4.css +1 -477
  66. package/styles/drop-down-list/bootstrap5-dark.css +1 -490
  67. package/styles/drop-down-list/bootstrap5.css +1 -490
  68. package/styles/drop-down-list/fabric-dark.css +1 -408
  69. package/styles/drop-down-list/fabric.css +1 -401
  70. package/styles/drop-down-list/fluent-dark.css +1 -471
  71. package/styles/drop-down-list/fluent.css +1 -471
  72. package/styles/drop-down-list/fluent2.css +1 -1684
  73. package/styles/drop-down-list/highcontrast-light.css +1 -419
  74. package/styles/drop-down-list/highcontrast.css +1 -419
  75. package/styles/drop-down-list/material-dark.css +1 -455
  76. package/styles/drop-down-list/material.css +1 -499
  77. package/styles/drop-down-list/material3-dark.css +1 -626
  78. package/styles/drop-down-list/material3.css +1 -738
  79. package/styles/drop-down-list/tailwind-dark.css +1 -428
  80. package/styles/drop-down-list/tailwind.css +1 -428
  81. package/styles/drop-down-tree/bootstrap-dark.css +1 -465
  82. package/styles/drop-down-tree/bootstrap.css +1 -466
  83. package/styles/drop-down-tree/bootstrap4.css +1 -499
  84. package/styles/drop-down-tree/bootstrap5-dark.css +1 -545
  85. package/styles/drop-down-tree/bootstrap5.css +1 -545
  86. package/styles/drop-down-tree/fabric-dark.css +1 -467
  87. package/styles/drop-down-tree/fabric.css +1 -468
  88. package/styles/drop-down-tree/fluent-dark.css +1 -550
  89. package/styles/drop-down-tree/fluent.css +1 -550
  90. package/styles/drop-down-tree/fluent2.css +1 -1733
  91. package/styles/drop-down-tree/highcontrast-light.css +1 -482
  92. package/styles/drop-down-tree/highcontrast.css +1 -492
  93. package/styles/drop-down-tree/material-dark.css +1 -791
  94. package/styles/drop-down-tree/material.css +1 -815
  95. package/styles/drop-down-tree/material3-dark.css +1 -581
  96. package/styles/drop-down-tree/material3.css +1 -693
  97. package/styles/drop-down-tree/tailwind-dark.css +1 -580
  98. package/styles/drop-down-tree/tailwind.css +1 -580
  99. package/styles/fabric-dark.css +1 -3414
  100. package/styles/fabric.css +1 -3414
  101. package/styles/fluent-dark.css +1 -3690
  102. package/styles/fluent.css +1 -3690
  103. package/styles/fluent2.css +1 -12403
  104. package/styles/highcontrast-light.css +1 -3526
  105. package/styles/highcontrast.css +1 -3554
  106. package/styles/list-box/bootstrap-dark.css +1 -915
  107. package/styles/list-box/bootstrap.css +1 -926
  108. package/styles/list-box/bootstrap4.css +1 -980
  109. package/styles/list-box/bootstrap5-dark.css +1 -952
  110. package/styles/list-box/bootstrap5.css +1 -952
  111. package/styles/list-box/fabric-dark.css +1 -915
  112. package/styles/list-box/fabric.css +1 -926
  113. package/styles/list-box/fluent-dark.css +1 -952
  114. package/styles/list-box/fluent.css +1 -952
  115. package/styles/list-box/fluent2.css +1 -2029
  116. package/styles/list-box/highcontrast-light.css +1 -929
  117. package/styles/list-box/highcontrast.css +1 -940
  118. package/styles/list-box/material-dark.css +1 -914
  119. package/styles/list-box/material.css +1 -925
  120. package/styles/list-box/material3-dark.css +1 -1025
  121. package/styles/list-box/material3.css +1 -1137
  122. package/styles/list-box/tailwind-dark.css +1 -961
  123. package/styles/list-box/tailwind.css +1 -961
  124. package/styles/material-dark.css +1 -4928
  125. package/styles/material.css +1 -5007
  126. package/styles/material3-dark.css +1 -5645
  127. package/styles/material3.css +1 -6541
  128. package/styles/mention/bootstrap-dark.css +1 -53
  129. package/styles/mention/bootstrap.css +1 -53
  130. package/styles/mention/bootstrap4.css +1 -63
  131. package/styles/mention/bootstrap5-dark.css +1 -82
  132. package/styles/mention/bootstrap5.css +1 -82
  133. package/styles/mention/fabric-dark.css +1 -53
  134. package/styles/mention/fabric.css +1 -53
  135. package/styles/mention/fluent-dark.css +1 -82
  136. package/styles/mention/fluent.css +1 -82
  137. package/styles/mention/fluent2.css +1 -1130
  138. package/styles/mention/highcontrast-light.css +1 -67
  139. package/styles/mention/highcontrast.css +1 -67
  140. package/styles/mention/material-dark.css +1 -52
  141. package/styles/mention/material.css +1 -52
  142. package/styles/mention/material3-dark.css +1 -165
  143. package/styles/mention/material3.css +1 -277
  144. package/styles/mention/tailwind-dark.css +1 -91
  145. package/styles/mention/tailwind.css +1 -91
  146. package/styles/multi-select/bootstrap-dark.css +1 -1318
  147. package/styles/multi-select/bootstrap.css +1 -1311
  148. package/styles/multi-select/bootstrap4.css +1 -1442
  149. package/styles/multi-select/bootstrap5-dark.css +1 -1389
  150. package/styles/multi-select/bootstrap5.css +1 -1389
  151. package/styles/multi-select/fabric-dark.css +1 -1315
  152. package/styles/multi-select/fabric.css +1 -1310
  153. package/styles/multi-select/fluent-dark.css +1 -1462
  154. package/styles/multi-select/fluent.css +1 -1462
  155. package/styles/multi-select/fluent2.css +1 -2664
  156. package/styles/multi-select/highcontrast-light.css +1 -1429
  157. package/styles/multi-select/highcontrast.css +1 -1436
  158. package/styles/multi-select/material-dark.css +1 -2470
  159. package/styles/multi-select/material.css +1 -2490
  160. package/styles/multi-select/material3-dark.css +1 -2683
  161. package/styles/multi-select/material3.css +1 -2795
  162. package/styles/multi-select/tailwind-dark.css +1 -1383
  163. package/styles/multi-select/tailwind.css +1 -1383
  164. package/styles/tailwind-dark.css +1 -3631
  165. package/styles/tailwind.css +1 -3631
@@ -1,2664 +1 @@
1
- :root {
2
- --color-sf-black: #000;
3
- --color-sf-white: #fff;
4
- --color-sf-primary: #0f6cbd;
5
- --color-sf-primary-text-color: #fff;
6
- --color-sf-primary-light: #b4d6fa;
7
- --color-sf-primary-lighter: #ebf3fc;
8
- --color-sf-primary-dark: #0f548c;
9
- --color-sf-primary-darker: #0c3b5e;
10
- --color-sf-success: #0e700e;
11
- --color-sf-info: #008aa9;
12
- --color-sf-warning: #bc4b09;
13
- --color-sf-danger: #d13438;
14
- --color-sf-success-light: #54b054;
15
- --color-sf-info-light: #56bfd7;
16
- --color-sf-warning-light: #fee5d7;
17
- --color-sf-danger-light: #eeacb2;
18
- --color-sf-success-dark: #54b054;
19
- --color-sf-info-dark: #56bfd7;
20
- --color-sf-warning-dark: #8a3707;
21
- --color-sf-danger-dark: #6e0811;
22
- --color-sf-success-light-alt: #f1faf1;
23
- --color-sf-info-light-alt: #f2fafc;
24
- --color-sf-warning-light-alt: #fff9f5;
25
- --color-sf-danger-light-alt: #fdf3f4;
26
- --color-sf-badge-warning: #fde300;
27
- --color-sf-badge-warning-text: #847619;
28
- --color-sf-primary-label-color: var(--color-sf-primary);
29
- --color-sf-primary-cell-selection: var(--color-sf-primary-lighter);
30
- --color-sf-brand-primary: #7e56d8;
31
- --color-sf-brand-primary-d10: #6e41d3;
32
- --color-sf-content-bg-color: #fafafa;
33
- --color-sf-content-bg-color-alt1: #fff;
34
- --color-sf-content-bg-color-alt2: #f5f5f5;
35
- --color-sf-content-bg-color-alt3: #e6e6e6;
36
- --color-sf-content-bg-color-alt4: #f0f0f0;
37
- --color-sf-content-bg-color-alt5: #ebebeb;
38
- --color-sf-content-bg-color-alt6: #e6e6e6;
39
- --color-sf-content-bg-color-hover: #f0f0f0;
40
- --color-sf-content-bg-color-pressed: #dbdbdb;
41
- --color-sf-content-bg-color-focus: #f0f0f0;
42
- --color-sf-content-bg-color-selected: #e6e6e6;
43
- --color-sf-content-bg-color-dragged: #ebf3fc;
44
- --color-sf-content-bg-color-disabled: #f0f0f0;
45
- --color-sf-flyout-bg-color: #fff;
46
- --color-sf-flyout-bg-color-hover: #f5f5f5;
47
- --color-sf-flyout-bg-color-pressed: #e0e0e0;
48
- --color-sf-flyout-bg-color-selected: #ebebeb;
49
- --color-sf-flyout-bg-color-focus: #f5f5f5;
50
- --color-sf-overlay-bg-color: #000;
51
- --color-sf-table-bg-color-hover: #f5f5f5;
52
- --color-sf-table-bg-color-pressed: #e0e0e0;
53
- --color-sf-table-bg-color-selected: #ebf3fc;
54
- --color-sf-content-text-color: #242424;
55
- --color-sf-content-text-color-alt1: #424242;
56
- --color-sf-content-text-color-alt2: #616161;
57
- --color-sf-content-text-color-alt3: #707070;
58
- --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
59
- --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
60
- --color-sf-content-text-color-focus: var(--color-sf-content-text-color);
61
- --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
62
- --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
63
- --color-sf-content-text-color-disabled: #bdbdbd;
64
- --color-sf-placeholder-text-color: #707070;
65
- --color-sf-flyout-text-color: var(--color-sf-content-text-color);
66
- --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
67
- --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
68
- --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
69
- --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
70
- --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
71
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
72
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
73
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
74
- --color-sf-icon-color: var(--color-sf-content-text-color-alt1);
75
- --color-sf-icon-color-hover: var(--color-sf-content-text-color);
76
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
77
- --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
78
- --color-sf-border-light: #e0e0e0;
79
- --color-sf-border: #d1d1d1;
80
- --color-sf-border-alt: #616161;
81
- --color-sf-border-dark: #c7c7c7;
82
- --color-sf-border-hover: #575757;
83
- --color-sf-border-pressed: #4d4d4d;
84
- --color-sf-border-focus: var(--color-sf-border);
85
- --color-sf-border-selected: #b3b3b3;
86
- --color-sf-border-dragged: #ebf3fc;
87
- --color-sf-border-disabled: var(--color-sf-border-light);
88
- --color-sf-border-warning: #da3b01;
89
- --color-sf-border-error: #c50f1f;
90
- --color-sf-border-success: #107c10;
91
- --color-sf-border-info: #0099bc;
92
- --color-sf-spreadsheet-gridline: var(--color-sf-content-bg-color-alt3);
93
- --color-sf-flyout-border: var(--color-sf-border-light);
94
- --color-sf-primary-bg-color: var(--color-sf-primary);
95
- --color-sf-primary-border-color: var(--color-sf-primary);
96
- --color-sf-primary-text: var(--color-sf-primary-text-color);
97
- --color-sf-primary-bg-color-hover: #115ea3;
98
- --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
99
- --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
100
- --color-sf-primary-bg-color-pressed: #0c3b5e;
101
- --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
102
- --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
103
- --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
104
- --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
105
- --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
106
- --color-sf-primary-bg-color-disabled: #f0f0f0;
107
- --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
108
- --color-sf-primary-text-disabled: #b8b8b8;
109
- --color-sf-primary-bg-color-selected: #0f548c;
110
- --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
111
- --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
112
- --color-sf-secondary-bg-color: #fff;
113
- --color-sf-secondary-border-color: #d1d1d1;
114
- --color-sf-secondary-text-color: var(--color-sf-content-text-color);
115
- --color-sf-secondary-bg-color-hover: #f5f5f5;
116
- --color-sf-secondary-border-color-hover: #c7c7c7;
117
- --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
118
- --color-sf-secondary-bg-color-pressed: #e0e0e0;
119
- --color-sf-secondary-border-color-pressed: #b3b3b3;
120
- --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
121
- --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color);
122
- --color-sf-secondary-border-color-focus: #000;
123
- --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
124
- --color-sf-secondary-bg-color-disabled: #f0f0f0;
125
- --color-sf-secondary-border-color-disabled: #e0e0e0;
126
- --color-sf-secondary-text-color-disabled: #bdbdbd;
127
- --color-sf-secondary-bg-color-selected: #ebebeb;
128
- --color-sf-secondary-border-color-selected: #bdbdbd;
129
- --color-sf-secondary-text-color-selected: #242424;
130
- --color-sf-success-bg-color: #107c10;
131
- --color-sf-success-border-color: var(--color-sf-success-bg-color);
132
- --color-sf-success-text: var(--color-sf-primary-text-color);
133
- --color-sf-success-bg-color-hover: #0c5e0c;
134
- --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
135
- --color-sf-success-text-hover: var(--color-sf-primary-text-color);
136
- --color-sf-success-bg-color-pressed: #052505;
137
- --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
138
- --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
139
- --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
140
- --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
141
- --color-sf-success-text-focus: var(--color-sf-primary-text-color);
142
- --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
143
- --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
144
- --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
145
- --color-sf-success-bg-color-selected: #094509;
146
- --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
147
- --color-sf-success-text-selected: var(--color-sf-primary-text-color);
148
- --color-sf-warning-bg-color: #f7630c;
149
- --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
150
- --color-sf-warning-text: var(--color-sf-content-text-color);
151
- --color-sf-warning-bg-color-hover: #bc4b09;
152
- --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
153
- --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
154
- --color-sf-warning-bg-color-pressed: #4a1e04;
155
- --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
156
- --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
157
- --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
158
- --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
159
- --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
160
- --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
161
- --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
162
- --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
163
- --color-sf-warning-bg-color-selected: #bc4b09;
164
- --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
165
- --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
166
- --color-sf-info-bg-color: #31afcc;
167
- --color-sf-info-border-color: var(--color-sf-info-bg-color);
168
- --color-sf-info-text: var(--color-sf-content-text-color);
169
- --color-sf-info-bg-color-hover: #008aa9;
170
- --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
171
- --color-sf-info-text-hover: var(--color-sf-primary-text-color);
172
- --color-sf-info-bg-color-pressed: #00748f;
173
- --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
174
- --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
175
- --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
176
- --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
177
- --color-sf-info-text-focus: var(--color-sf-primary-text-color);
178
- --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
179
- --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
180
- --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
181
- --color-sf-info-bg-color-selected: #005669;
182
- --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
183
- --color-sf-info-text-selected: var(--color-sf-primary-text-color);
184
- --color-sf-danger-bg-color: #c50f1f;
185
- --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
186
- --color-sf-danger-text: var(--color-sf-primary-text-color);
187
- --color-sf-danger-bg-color-hover: #960b18;
188
- --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
189
- --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
190
- --color-sf-danger-bg-color-pressed: #3b0509;
191
- --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
192
- --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
193
- --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
194
- --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
195
- --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
196
- --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
197
- --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
198
- --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
199
- --color-sf-danger-bg-color-selected: #6e0811;
200
- --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
201
- --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
202
- --color-sf-primary-outline: var(--color-sf-primary);
203
- --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
204
- --color-sf-warning-outline: var(--color-sf-warning-border-color);
205
- --color-sf-danger-outline: var(--color-sf-danger-border-color);
206
- --color-sf-success-outline: var(--color-sf-success-border-color);
207
- --color-sf-info-outline: var(--color-sf-info-border-color);
208
- --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
- --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
- --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
- --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
- --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
214
- --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
215
- --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
216
- --color-sf-appbar-hover-bg-color-alt1: transparent;
217
- --color-sf-appbar-bg-color-alt2: #141414;
218
- --color-sf-appbar-color-alt2: var(--color-sf-content-bg-color-alt1);
219
- --color-sf-appbar-border-color-alt2: #141414;
220
- --color-sf-appbar-hover-bg-color-alt2: transparent;
221
- --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt1);
222
- --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
223
- --color-sf-diagram-palette-selected-background: var(--color-sf-content-bg-color-selected);
224
- --color-sf-rating-selected-color: #242424;
225
- --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
226
- --color-sf-rating-selected-disabled-color: #b3b3b3;
227
- --color-sf-rating-unrated-disabled-color: #b3b3b3;
228
- --color-sf-rating-selected-hover-color: #115ea3;
229
- --color-sf-rating-unrated-hover-color: #0f6cbd;
230
- --color-sf-rating-pressed-color: #0f548c;
231
- --color-sf-msg-color: var(--color-sf-content-text-color);
232
- --color-sf-msg-bg-color: #f5f5f5;
233
- --color-sf-msg-border-color: #d1d1d1;
234
- --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
235
- --color-sf-msg-bg-color-alt1: transparent;
236
- --color-sf-msg-border-color-alt1: #d1d1d1;
237
- --color-sf-msg-color-alt2: #fff;
238
- --color-sf-msg-bg-color-alt2: #616161;
239
- --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
240
- --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
241
- --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
242
- --color-sf-msg-icon-color-alt2: #fff;
243
- --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
244
- --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
245
- --color-sf-msg-close-icon-color-alt2: #fff;
246
- --color-sf-msg-success-color: var(--color-sf-content-text-color);
247
- --color-sf-msg-success-bg-color: #f1faf1;
248
- --color-sf-msg-success-border-color: #9fd89f;
249
- --color-sf-msg-success-color-alt1: #0e700e;
250
- --color-sf-msg-success-bg-color-alt1: transparent;
251
- --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
252
- --color-sf-msg-success-color-alt2: #fff;
253
- --color-sf-msg-success-bg-color-alt2: #107c10;
254
- --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
255
- --color-sf-msg-success-icon-color: #0e700e;
256
- --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
257
- --color-sf-msg-success-icon-color-alt2: #fff;
258
- --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
259
- --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
260
- --color-sf-msg-success-close-icon-color-alt2: #fff;
261
- --color-sf-msg-danger-color: var(--color-sf-content-text-color);
262
- --color-sf-msg-danger-bg-color: #fdf3f4;
263
- --color-sf-msg-danger-border-color: #eeacb2;
264
- --color-sf-msg-danger-color-alt1: #b10e1c;
265
- --color-sf-msg-danger-bg-color-alt1: transparent;
266
- --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
267
- --color-sf-msg-danger-color-alt2: #fff;
268
- --color-sf-msg-danger-bg-color-alt2: #c50f1f;
269
- --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
270
- --color-sf-msg-danger-icon-color: #b10e1c;
271
- --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
272
- --color-sf-msg-danger-icon-color-alt2: #fff;
273
- --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
274
- --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
275
- --color-sf-msg-danger-close-icon-color-alt2: #fff;
276
- --color-sf-msg-info-color: var(--color-sf-content-text-color);
277
- --color-sf-msg-info-bg-color: #f2fafc;
278
- --color-sf-msg-info-border-color: #a4deeb;
279
- --color-sf-msg-info-color-alt1: #00748f;
280
- --color-sf-msg-info-bg-color-alt1: transparent;
281
- --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
282
- --color-sf-msg-info-color-alt2: #fff;
283
- --color-sf-msg-info-bg-color-alt2: #0099bc;
284
- --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
285
- --color-sf-msg-info-icon-color: #008aa9;
286
- --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
287
- --color-sf-msg-info-icon-color-alt2: #fff;
288
- --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
289
- --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
290
- --color-sf-msg-info-close-icon-color-alt2: #fff;
291
- --color-sf-msg-warning-color: var(--color-sf-content-text-color);
292
- --color-sf-msg-warning-bg-color: #fdf6f3;
293
- --color-sf-msg-warning-border-color: #f4bfab;
294
- --color-sf-msg-warning-color-alt1: #c43501;
295
- --color-sf-msg-warning-bg-color-alt1: transparent;
296
- --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
297
- --color-sf-msg-warning-color-alt2: #fff;
298
- --color-sf-msg-warning-bg-color-alt2: #da3b01;
299
- --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
300
- --color-sf-msg-warning-icon-color: #c43501;
301
- --color-sf-msg-warning-icon-color-alt1: --color-sf-msg-warning-icon-color;
302
- --color-sf-msg-warning-icon-color-alt2: #fff;
303
- --color-sf-msg-warning-close-icon-color: --color-sf-content-text-color-alt1;
304
- --color-sf-msg-warning-close-icon-color-alt1: --color-sf-msg-warning-close-icon-color-alt1;
305
- --color-sf-msg-warning-close-icon-color-alt2: #fff;
306
- --color-sf-utility-primary-lighter: #f9f5ff;
307
- --color-sf-utility-success-lighter: #aaefc6;
308
- --color-sf-utility-info-lighter: #b9e6fe;
309
- --color-sf-utility-warning-lighter: #fede88;
310
- --color-sf-utility-danger-lighter: #fecdc9;
311
- --color-sf-fg-white: #fff;
312
- --color-sf-shadow-color: #000;
313
- --color-sf-shadow-color1: #fff;
314
- --color-sf-link-button: var(--color-sf-primary);
315
- --color-sf-link-button-hover: #115ea3;
316
- --color-sf-link-button-pressed: #0c3b5e;
317
- --color-sf-link-button-focus: #0f6cbd;
318
- --color-sf-link-button-border-focus: #242424;
319
- --color-sf-chip-bg-color: #f5f5f5;
320
- --color-sf-chip-border-color: #f5f5f5;
321
- --color-sf-chip-bg-disabled: #f0f0f0;
322
- --color-sf-chip-border-disabled: #fff;
323
- --color-sf-secondary-outline-button-text-color-hover: #242424;
324
- --color-sf-secondary-outline-button-text-color-pressed: #242424;
325
- --color-sf-secondary-outline-button-text-color-selected: #242424;
326
- --color-sf-secondary-outline-button-text-color-focus: #242424;
327
- --color-sf-slider-shadow1: #fff;
328
- --color-sf-slider-shadow2: #d1d1d1;
329
- --color-sf-slider-disabled: #d1d1d1;
330
- --color-sf-slider-border-color: rgba(255, 255, 255, 0);
331
- --color-sf-slider-bg-disabled: #e0e0e0;
332
- --color-sf-toggle-switch-border-disabled: #f0f0f0;
333
- --color-sf-calendar-icon-color: #0f6ebd;
334
- --color-sf-calendar-header-text-color-pressed: #0f548c;
335
- --color-sf-calendar-today-bg-color: #0f63bd;
336
- --color-sf-dialog-border: #fafafa;
337
- --color-sf-badge-light-bg-color: #e6e6e6;
338
- --color-sf-secondary-badge-border-color: #fff;
339
- --color-sf-secondary-badge-bg-color: #fff;
340
- --color-sf-secondary-badge-bg-color-focus: #fff;
341
- --color-sf-skeleton-bg-color: #e6e6e6;
342
- --color-sf-tab-selected-bg-color-disabled: #0f6ebd;
343
- --color-sf-tab-selected-text-color-disabled: #bdbdbd;
344
- --color-sf-ribbon-border-color: #00000000;
345
- --color-sf-toolbar-icon-color: #0f6cbd;
346
- --color-sf-contextual-text: #616161;
347
- --color-sf-cell-selection-bg-color: #ebf3fc;
348
- --color-sf-document-editor-border-color: #00000000;
349
- }
350
-
351
- .e-dark-mode {
352
- --color-sf-black: #000;
353
- --color-sf-white: #fff;
354
- --color-sf-content-bg-color: #1f1f1f;
355
- --color-sf-content-bg-color-alt1: #292929;
356
- --color-sf-content-bg-color-alt2: #141414;
357
- --color-sf-content-bg-color-alt3: #333;
358
- --color-sf-content-bg-color-alt4: #0a0a0a;
359
- --color-sf-content-bg-color-alt5: #000;
360
- --color-sf-content-bg-color-alt6: #050505;
361
- --color-sf-content-bg-color-hover: var(--color-sf-content-bg-color-alt3);
362
- --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-alt2);
363
- --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
364
- --color-sf-content-bg-color-selected: #2e2e2e;
365
- --color-sf-content-bg-color-dragged: #08233b;
366
- --color-sf-content-bg-color-disabled: #141414;
367
- --color-sf-flyout-bg-color: var(--color-sf-content-bg-color-alt1);
368
- --color-sf-flyout-bg-color-hover: #3d3d3d;
369
- --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
370
- --color-sf-flyout-bg-color-selected: #383838;
371
- --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
372
- --color-sf-overlay-bg-color: rgba($black, .4);
373
- --color-sf-table-bg-color-hover: #383838;
374
- --color-sf-table-bg-color-pressed: #2e2e2e;
375
- --color-sf-table-bg-color-selected: #082338;
376
- --color-sf-content-text-color: #fff;
377
- --color-sf-content-text-color-alt1: #d6d6d6;
378
- --color-sf-content-text-color-alt2: #adadad;
379
- --color-sf-content-text-color-alt3: #999;
380
- --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
381
- --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
382
- --color-sf-content-text-color-focus: var(--color-sf-content-text-colo);
383
- --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
384
- --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
385
- --color-sf-content-text-color-disabled: #5c5c5c;
386
- --color-sf-placeholder-text-color: var(--color-sf-content-text-color-alt3);
387
- --color-sf-flyout-text-color: var(--color-sf-content-text-color);
388
- --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
389
- --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
390
- --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
391
- --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
392
- --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
393
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
394
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
395
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
396
- --color-sf-icon-color: #d6d6d6;
397
- --color-sf-icon-color-hover: var(--color-sf-content-text-color);
398
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
399
- --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
400
- --color-sf-border-light: #525252;
401
- --color-sf-border: #666;
402
- --color-sf-border-alt: #adadad;
403
- --color-sf-border-dark: #757575;
404
- --color-sf-border-hover: #757575;
405
- --color-sf-border-pressed: #4d4d4d;
406
- --color-sf-border-focus: var(--color-sf-border);
407
- --color-sf-border-selected: #6b6b6b;
408
- --color-sf-border-dragged: var(--color-sf-primary);
409
- --color-sf-border-disabled: #424242;
410
- --color-sf-border-warning: #bc4b09;
411
- --color-sf-border-error: #dc626d;
412
- --color-sf-border-success: #9fd89f;
413
- --color-sf-border-info: #18a4c4;
414
- --color-sf-spreadsheet-gridline: #e6e6e6;
415
- --color-sf-flyout-border: #525252;
416
- --color-sf-primary: #115ea3;
417
- --color-sf-primary-text-color: #fff;
418
- --color-sf-primary-light: #0e4775;
419
- --color-sf-primary-lighter: #082338;
420
- --color-sf-primary-dark: #62abf5;
421
- --color-sf-primary-darker: #96c6fa;
422
- --color-sf-success: #107c10;
423
- --color-sf-info: #0099bc;
424
- --color-sf-warning: #faa06b;
425
- --color-sf-danger: #dc626d;
426
- --color-sf-success-light: #094509;
427
- --color-sf-info-light: #005669;
428
- --color-sf-warning-light: #4a1e04;
429
- --color-sf-danger-light: #6e0811;
430
- --color-sf-success-dark: #c9eac9;
431
- --color-sf-info-dark: #cdedf4;
432
- --color-sf-warning-dark: #fee5d7;
433
- --color-sf-danger-dark: #fee5d7;
434
- --color-sf-success-light-alt: #052505;
435
- --color-sf-info-light-alt: #002e38;
436
- --color-sf-warning-light-alt: #4a1e04;
437
- --color-sf-danger-light-alt: #3b0509;
438
- --color-sf-badge-warning: #fde300;
439
- --color-sf-badge-warning-text: #fde300;
440
- --color-sf-primary-label-color: #479ef5;
441
- --color-sf-primary-cell-selection: #ebf3fc;
442
- --color-sf-primary-bg-color: var(--color-sf-primary);
443
- --color-sf-primary-border-color: var(--color-sf-primary);
444
- --color-sf-primary-text: var(--color-sf-primary-text-color);
445
- --color-sf-primary-bg-color-hover: #0f6cbd;
446
- --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
447
- --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
448
- --color-sf-primary-bg-color-pressed: #0c3b5e;
449
- --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
450
- --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
451
- --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
452
- --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
453
- --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
454
- --color-sf-primary-bg-color-disabled: #141414;
455
- --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
456
- --color-sf-primary-text-disabled: var(--color-sf-content-text-color-disabled);
457
- --color-sf-primary-bg-color-selected: #0f548c;
458
- --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
459
- --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
460
- --color-sf-secondary-bg-color: #292929;
461
- --color-sf-secondary-border-color: var(--color-sf-border);
462
- --color-sf-secondary-text-color: var(--color-sf-content-text-color);
463
- --color-sf-secondary-bg-color-hover: #3d3d3d;
464
- --color-sf-secondary-border-color-hover: #757575;
465
- --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
466
- --color-sf-secondary-bg-color-pressed: var(--color-sf-black);
467
- --color-sf-secondary-border-color-pressed: #6b6b6b;
468
- --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
469
- --color-sf-secondary-bg-color-focus: #383838;
470
- --color-sf-secondary-border-color-focus: #fff;
471
- --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
472
- --color-sf-secondary-bg-color-disabled: -var(-color-sf-primary-bg-color-disabled);
473
- --color-sf-secondary-border-color-disabled: var(--color-sf-secondary-bg-color-disabled);
474
- --color-sf-secondary-text-color-disabled: var(--color-sf-content-text-color-disabled);
475
- --color-sf-secondary-bg-color-selected: #383838;
476
- --color-sf-secondary-border-color-selected: #707070;
477
- --color-sf-secondary-text-color-selected: var(--color-sf-content-text-color);
478
- --color-sf-success-bg-color: #218c21;
479
- --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
- --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: #0e700e;
482
- --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
- --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
- --color-sf-success-bg-color-pressed: #052505;
485
- --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
486
- --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
487
- --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
488
- --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
489
- --color-sf-success-text-focus: var(--color-sf-primary-text-color);
490
- --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
491
- --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
492
- --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
493
- --color-sf-success-bg-color-selected: #094509;
494
- --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
495
- --color-sf-success-text-selected: var(--color-sf-primary-text-color);
496
- --color-sf-warning-bg-color: #f87528;
497
- --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
- --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: #de590b;
500
- --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
- --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
- --color-sf-warning-bg-color-pressed: #4a1e04;
503
- --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
504
- --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
505
- --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
506
- --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
507
- --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
508
- --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
509
- --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
510
- --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
511
- --color-sf-warning-bg-color-selected: #8a3707;
512
- --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
513
- --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
514
- --color-sf-info-bg-color: #18a4c4;
515
- --color-sf-info-border-color: var(--color-sf-info-bg-color);
516
- --color-sf-info-text: #242424;
517
- --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
518
- --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
519
- --color-sf-info-text-hover: var(--color-sf-primary-text-color);
520
- --color-sf-info-bg-color-pressed: #002e38;
521
- --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
522
- --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
523
- --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
524
- --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
525
- --color-sf-info-text-focus: var(--color-sf-primary-text-color);
526
- --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
527
- --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
528
- --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
529
- --color-sf-info-bg-color-selected: #005669;
530
- --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
531
- --color-sf-info-text-selected: var(--color-sf-primary-text-color);
532
- --color-sf-danger-bg-color: #cc2635;
533
- --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
534
- --color-sf-danger-text: var(--color-sf-primary-text-color);
535
- --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
536
- --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
537
- --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
538
- --color-sf-danger-bg-color-pressed: #3b0509;
539
- --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
540
- --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
541
- --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
542
- --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
543
- --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
544
- --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
545
- --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
546
- --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
547
- --color-sf-danger-bg-color-selected: #6e0811;
548
- --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
549
- --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
550
- --color-sf-primary-outline: var(--color-sf-primary);
551
- --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
552
- --color-sf-warning-outline: #f7630c;
553
- --color-sf-danger-outline: #c50f1f;
554
- --color-sf-success-outline: #107c10;
555
- --color-sf-info-outline: #0099bc;
556
- --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
- --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
- --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
- --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
- --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
562
- --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
563
- --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
564
- --color-sf-appbar-hover-bg-color-alt1: transparent;
565
- --color-sf-appbar-bg-color-alt2: #f5f5f5;
566
- --color-sf-appbar-color-alt2: #242424;
567
- --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
568
- --color-sf-appbar-hover-bg-color-alt2: transparent;
569
- --color-sf-diagram-palette-background: #e0e0e0;
570
- --color-sf-diagram-palette-hover-background: #bdbdbd;
571
- --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
572
- --color-sf-rating-selected-color: #fff;
573
- --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
574
- --color-sf-rating-selected-disabled-color: #575757;
575
- --color-sf-rating-unrated-disabled-color: #4d4d4d;
576
- --color-sf-rating-selected-hover-color: #2886de;
577
- --color-sf-rating-unrated-hover-color: #115ea3;
578
- --color-sf-rating-pressed-color: #479ef5;
579
- --color-sf-msg-color: var(--color-sf-content-text-color);
580
- --color-sf-msg-bg-color: var(--color-sf-content-bg-color-alt2);
581
- --color-sf-msg-border-color: var(--color-sf-border);
582
- --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
583
- --color-sf-msg-bg-color-alt1: transparent;
584
- --color-sf-msg-border-color-alt1: #666666;
585
- --color-sf-msg-color-alt2: #242424;
586
- --color-sf-msg-bg-color-alt2: #c2c2c2;
587
- --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
588
- --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
589
- --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
590
- --color-sf-msg-icon-color-alt2: #fff;
591
- --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
592
- --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
593
- --color-sf-msg-close-icon-color-alt2: #fff;
594
- --color-sf-msg-success-color: var(--color-sf-content-text-color);
595
- --color-sf-msg-success-bg-color: #052505;
596
- --color-sf-msg-success-border-color: #107c10;
597
- --color-sf-msg-success-color-alt1: #54b054;
598
- --color-sf-msg-success-bg-color-alt1: transparent;
599
- --color-sf-msg-success-border-color-alt1: #218c21;
600
- --color-sf-msg-success-color-alt2: #fff;
601
- --color-sf-msg-success-bg-color-alt2: #107c10;
602
- --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
603
- --color-sf-msg-success-icon-color: #54b054;
604
- --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
605
- --color-sf-msg-success-icon-color-alt2: #fff;
606
- --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
607
- --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
608
- --color-sf-msg-success-close-icon-color-alt2: #fff;
609
- --color-sf-msg-danger-color: var(--color-sf-content-text-color);
610
- --color-sf-msg-danger-bg-color: #3b0509;
611
- --color-sf-msg-danger-border-color: #c50f1f;
612
- --color-sf-msg-danger-color-alt1: #dc626d;
613
- --color-sf-msg-danger-bg-color-alt1: transparent;
614
- --color-sf-msg-danger-border-color-alt1: #d33f4c;
615
- --color-sf-msg-danger-color-alt2: #fff;
616
- --color-sf-msg-danger-bg-color-alt2: #c50f1f;
617
- --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
618
- --color-sf-msg-danger-icon-color: #dc626d;
619
- --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
620
- --color-sf-msg-danger-icon-color-alt2: #fff;
621
- --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
622
- --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
623
- --color-sf-msg-danger-close-icon-color-alt2: #fff;
624
- --color-sf-msg-info-color: var(--color-sf-content-text-color);
625
- --color-sf-msg-info-bg-color: #002e38;
626
- --color-sf-msg-info-border-color: #0099bc;
627
- --color-sf-msg-info-color-alt1: #56bfd7;
628
- --color-sf-msg-info-bg-color-alt1: transparent;
629
- --color-sf-msg-info-border-color-alt1: #31afdd;
630
- --color-sf-msg-info-color-alt2: #fff;
631
- --color-sf-msg-info-bg-color-alt2: #0099bc;
632
- --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
633
- --color-sf-msg-info-icon-color: #56bfd7;
634
- --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
635
- --color-sf-msg-info-icon-color-alt2: #fff;
636
- --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
637
- --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
638
- --color-sf-msg-info-close-icon-color-alt2: #fff;
639
- --color-sf-msg-warning-color: var(--color-sf-content-text-color);
640
- --color-sf-msg-warning-bg-color: #411200;
641
- --color-sf-msg-warning-border-color: #da3b01;
642
- --color-sf-msg-warning-color-alt1: #e9835e;
643
- --color-sf-msg-warning-bg-color-alt1: transparent;
644
- --color-sf-msg-warning-border-color-alt1: #e36537;
645
- --color-sf-msg-warning-color-alt2: #fff;
646
- --color-sf-msg-warning-bg-color-alt2: #da3b01;
647
- --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
648
- --color-sf-msg-warning-icon-color: #e9835e;
649
- --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-icon-color);
650
- --color-sf-msg-warning-icon-color-alt2: #fff;
651
- --color-sf-msg-warning-close-icon-color: var(--color-sf-content-text-color-alt1);
652
- --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-close-icon-color-alt1);
653
- --color-sf-msg-warning-close-icon-color-alt2: #fff;
654
- --color-sf-shadow-color: #fff;
655
- --color-sf-shadow-color1: #000;
656
- --color-sf-link-button: var(--color-sf-primary);
657
- --color-sf-link-button-hover: #0f6cbd;
658
- --color-sf-link-button-pressed: #115ea3;
659
- --color-sf-link-button-focus: #115ea3;
660
- --color-sf-link-button-border-focus: #fff;
661
- --color-sf-chip-bg-color: #141414;
662
- --color-sf-chip-border-color: #141414;
663
- --color-sf-chip-bg-disabled: #141414;
664
- --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
665
- --color-sf-secondary-outline-button-text-color-hover: #fff;
666
- --color-sf-secondary-outline-button-text-color-pressed: #fff;
667
- --color-sf-secondary-outline-button-text-color-selected: #fff;
668
- --color-sf-secondary-outline-button-text-color-focus: #fff;
669
- --color-sf-slider-shadow1: #000;
670
- --color-sf-slider-shadow2: #666666;
671
- --color-sf-slider-disabled: #666666;
672
- --color-sf-slider-border-color: rgba(255, 255, 255, 0);
673
- --color-sf-slider-bg-disabled: #525252;
674
- --color-sf-toggle-switch-border-disabled: #141414;
675
- --color-sf-calendar-icon-color: #1153a3;
676
- --color-sf-calendar-header-text-color-pressed: #62abf5;
677
- --color-sf-calendar-today-bg-color: #1153a3;
678
- --color-sf-dialog-border: #1f1f1f;
679
- --color-sf-badge-light-bg-color: #333333;
680
- --color-sf-secondary-badge-border-color: #292929;
681
- --color-sf-secondary-badge-bg-color: #292929;
682
- --color-sf-secondary-badge-bg-color-focus: #292929;
683
- --color-sf-skeleton-bg-color: #575757;
684
- --color-sf-tab-selected-bg-color-disabled: #115ea3;
685
- --color-sf-tab-selected-text-color-disabled: #a3a3a3;
686
- --color-sf-ribbon-border-color: #00000000;
687
- --color-sf-toolbar-icon-color: #479ef5;
688
- --color-sf-contextual-text: #fff;
689
- --color-sf-cell-selection-bg-color: #08233b;
690
- --color-sf-document-editor-border-color: #00000000;
691
- }
692
-
693
- .e-high-contrast {
694
- --color-sf-black: #000;
695
- --color-sf-white: #fff;
696
- --color-sf-content-bg-color: #000;
697
- --color-sf-content-bg-color-alt1: var(--color-sf-black);
698
- --color-sf-content-bg-color-alt2: var(--color-sf-black);
699
- --color-sf-content-bg-color-alt3: var(--color-sf-black);
700
- --color-sf-content-bg-color-alt4: var(--color-sf-black);
701
- --color-sf-content-bg-color-alt5: var(--color-sf-black);
702
- --color-sf-content-bg-color-alt6: var(--color-sf-black);
703
- --color-sf-content-bg-color-hover: #1aebff;
704
- --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-hover);
705
- --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
706
- --color-sf-content-bg-color-selected: var(--color-sf-content-bg-color-hover);
707
- --color-sf-content-bg-color-dragged: #fff;
708
- --color-sf-content-bg-color-disabled: #000000;
709
- --color-sf-flyout-bg-color: var(--color-sf-black);
710
- --color-sf-flyout-bg-color-hover: var(--color-sf-content-bg-color-hover);
711
- --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
712
- --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
713
- --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
714
- --color-sf-overlay-bg-color: rgba($black, .4);
715
- --color-sf-table-bg-color-hover: var(--color-sf-black);
716
- --color-sf-table-bg-color-pressed: var(--color-sf-black);
717
- --color-sf-table-bg-color-selected: #1a3bff;
718
- --color-sf-content-text-color: #fff;
719
- --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
720
- --color-sf-content-text-color-alt2: var(--color-sf-content-text-color);
721
- --color-sf-content-text-color-alt3: var(--color-sf-content-text-color);
722
- --color-sf-content-text-color-hover: #000;
723
- --color-sf-content-text-color-pressed: var(--color-sf-content-text-color-hover);
724
- --color-sf-content-text-color-focus: var(--color-sf-content-text-color-hover);
725
- --color-sf-content-text-color-selected: var(--color-sf-content-text-color-hover);
726
- --color-sf-content-text-color-dragged: #000;
727
- --color-sf-content-text-color-disabled: #3ff23f;
728
- --color-sf-placeholder-text-color: var(--color-sf-content-text-color);
729
- --color-sf-flyout-text-color: var(--color-sf-content-text-color);
730
- --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color-hover);
731
- --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color-hover);
732
- --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
733
- --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
734
- --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
735
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color-hover);
736
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
737
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
738
- --color-sf-icon-color: #fff;
739
- --color-sf-icon-color-hover: var(--color-sf-content-text-color-hover);
740
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color-hover);
741
- --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
742
- --color-sf-border-light: #fff;
743
- --color-sf-border: var(--color-sf-border-light);
744
- --color-sf-border-alt: var(--color-sf-border-light);
745
- --color-sf-border-dark: var(--color-sf-border-light);
746
- --color-sf-border-hover: #1aebff;
747
- --color-sf-border-pressed: var(--color-sf-border-hover);
748
- --color-sf-border-focus: var(--color-sf-border-hover);
749
- --color-sf-border-selected: var(--color-sf-border-hover);
750
- --color-sf-border-dragged: var(--color-sf-border-light);
751
- --color-sf-border-disabled: #3ff23f;
752
- --color-sf-border-warning: #f7630c;
753
- --color-sf-border-error: #c50f1f;
754
- --color-sf-border-success: #107c10;
755
- --color-sf-border-info: #0099bc;
756
- --color-sf-spreadsheet-gridline: #e6e6e6;
757
- --color-sf-flyout-border: var(--color-sf-border-light);
758
- --color-sf-primary: #1aebff;
759
- --color-sf-primary-text-color: #000;
760
- --color-sf-primary-light: rgba(26, 235, 255, .8);
761
- --color-sf-primary-lighter: var(--color-sf-primary-light);
762
- --color-sf-primary-dark: var(--color-sf-primary);
763
- --color-sf-primary-darker: var(--color-sf-primary);
764
- --color-sf-success: #107c10;
765
- --color-sf-info: #0099bc;
766
- --color-sf-warning: #f7630c;
767
- --color-sf-danger: #c50f1f;
768
- --color-sf-success-light: #094509;
769
- --color-sf-info-light: #005669;
770
- --color-sf-warning-light: #4a1e04;
771
- --color-sf-danger-light: #6e0811;
772
- --color-sf-success-dark: #c9eac9;
773
- --color-sf-info-dark: #cdedf4;
774
- --color-sf-warning-dark: #fee5d7;
775
- --color-sf-danger-dark: #f6d1d5;
776
- --color-sf-success-light-alt: #052505;
777
- --color-sf-info-light-alt: #002e38;
778
- --color-sf-warning-light-alt: #4a1e04;
779
- --color-sf-danger-light-alt: #3b0509;
780
- --color-sf-badge-warning: #fde300;
781
- --color-sf-badge-warning-text: #fde300;
782
- --color-sf-primary-label-color: #1aebff;
783
- --color-sf-primary-cell-selection: rgba(26, 235, 255, .28);
784
- --color-sf-primary-bg-color: #1aebff;
785
- --color-sf-primary-border-color: var(--color-sf-primary-bg-color);
786
- --color-sf-primary-text: #000;
787
- --color-sf-primary-bg-color-hover: var(--color-sf-primary-bg-color);
788
- --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color);
789
- --color-sf-primary-text-hover: var(--color-sf-primary-text);
790
- --color-sf-primary-bg-color-pressed: var(--color-sf-primary-bg-color);
791
- --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color);
792
- --color-sf-primary-text-pressed: var(--color-sf-primary-text);
793
- --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color);
794
- --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color);
795
- --color-sf-primary-text-focus: var(--color-sf-primary-text);
796
- --color-sf-primary-bg-color-disabled: #000;
797
- --color-sf-primary-border-color-disabled: #3ff23f;
798
- --color-sf-primary-text-disabled: var(--color-sf-primary-border-color-disabled);
799
- --color-sf-primary-bg-color-selected: var(--color-sf-primary-bg-color);
800
- --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color);
801
- --color-sf-primary-text-selected: var(--color-sf-primary-text);
802
- --color-sf-secondary-bg-color: #000;
803
- --color-sf-secondary-border-color: var(--color-sf-border);
804
- --color-sf-secondary-text-color: var(--color-sf-content-text-color);
805
- --color-sf-secondary-bg-color-hover: #1aebff;
806
- --color-sf-secondary-border-color-hover: var(--color-sf-secondary-bg-color-hover);
807
- --color-sf-secondary-text-color-hover: #000;
808
- --color-sf-secondary-bg-color-pressed: var(--color-sf-secondary-bg-color-hover);
809
- --color-sf-secondary-border-color-pressed: var(--color-sf-secondary-border-color-hover);
810
- --color-sf-secondary-text-color-pressed: var(--color-sf-secondary-text-color-hover);
811
- --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color-hover);
812
- --color-sf-secondary-border-color-focus: var(--color-sf-secondary-border-color-hover);
813
- --color-sf-secondary-text-color-focus: var(--color-sf-secondary-text-color-hover);
814
- --color-sf-secondary-bg-color-disabled: #000;
815
- --color-sf-secondary-border-color-disabled: #3ff23f;
816
- --color-sf-secondary-text-color-disabled: var(--color-sf-secondary-border-color-disabled);
817
- --color-sf-secondary-bg-color-selected: var(--color-sf-secondary-bg-color-hover);
818
- --color-sf-secondary-border-color-selected: var(--color-sf-secondary-border-color-hover);
819
- --color-sf-secondary-text-color-selected: var(--color-sf-secondary-text-color-hover);
820
- --color-sf-success-bg-color: #107c10;
821
- --color-sf-success-border-color: var(--color-sf-success-bg-color);
822
- --color-sf-success-text: #fff;
823
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
824
- --color-sf-success-border-color-hover: var(--color-sf-success-border-color);
825
- --color-sf-success-text-hover: var(--color-sf-success-text);
826
- --color-sf-success-bg-color-pressed: var(--color-sf-success-bg-color);
827
- --color-sf-success-border-color-pressed: var(--color-sf-success-border-color);
828
- --color-sf-success-text-pressed: var(--color-sf-success-text);
829
- --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
830
- --color-sf-success-border-color-focus: var(--color-sf-success-border-color);
831
- --color-sf-success-text-focus: var(--color-sf-success-text);
832
- --color-sf-success-bg-color-disabled: #000;
833
- --color-sf-success-border-color-disabled: #3ff23f;
834
- --color-sf-success-text-disabled: var(--color-sf-success-border-color-disabled);
835
- --color-sf-success-bg-color-selected: var(--color-sf-success-bg-color);
836
- --color-sf-success-border-color-selected: var(--color-sf-success-border-color);
837
- --color-sf-success-text-selected: var(--color-sf-success-text);
838
- --color-sf-warning-bg-color: #f7630c;
839
- --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
840
- --color-sf-warning-text: #000;
841
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
842
- --color-sf-warning-border-color-hover: var(--color-sf-warning-border-color);
843
- --color-sf-warning-text-hover: var(--color-sf-warning-text);
844
- --color-sf-warning-bg-color-pressed: var(--color-sf-warning-bg-color);
845
- --color-sf-warning-border-color-pressed: var(--color-sf-warning-border-color);
846
- --color-sf-warning-text-pressed: var(--color-sf-warning-text);
847
- --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
848
- --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
849
- --color-sf-warning-text-focus: var(--color-sf-warning-text);
850
- --color-sf-warning-bg-color-disabled: #000;
851
- --color-sf-warning-border-color-disabled: #3ff23f;
852
- --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
853
- --color-sf-warning-bg-color-selected: var(--color-sf-warning-bg-color);
854
- --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
855
- --color-sf-warning-text-selected: var(--color-sf-warning-text);
856
- --color-sf-info-bg-color: #0099bc;
857
- --color-sf-info-border-color: var(--color-sf-info-bg-color);
858
- --color-sf-info-text: #000;
859
- --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
860
- --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
861
- --color-sf-info-text-hover: var(--color-sf-info-text);
862
- --color-sf-info-bg-color-pressed: var(--color-sf-info-bg-color);
863
- --color-sf-info-border-color-pressed: var(--color-sf-info-border-color);
864
- --color-sf-info-text-pressed: var(--color-sf-info-text);
865
- --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
866
- --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
867
- --color-sf-info-text-focus: var(--color-sf-info-text);
868
- --color-sf-info-bg-color-disabled: #000;
869
- --color-sf-info-border-color-disabled: #3ff23f;
870
- --color-sf-info-text-disabled: var(--color-sf-info-border-color-disabled);
871
- --color-sf-info-bg-color-selected: var(--color-sf-info-bg-color);
872
- --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
873
- --color-sf-info-text-selected: var(--color-sf-info-text);
874
- --color-sf-danger-bg-color: #c50f1f;
875
- --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
876
- --color-sf-danger-text: #fff;
877
- --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
878
- --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
879
- --color-sf-danger-text-hover: var(--color-sf-danger-text);
880
- --color-sf-danger-bg-color-pressed: var(--color-sf-danger-bg-color);
881
- --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
882
- --color-sf-danger-text-pressed: var(--color-sf-danger-text);
883
- --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
884
- --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
885
- --color-sf-danger-text-focus: var(--color-sf-danger-text);
886
- --color-sf-danger-bg-color-disabled: #000;
887
- --color-sf-danger-border-color-disabled: #3ff23f;
888
- --color-sf-danger-text-disabled: var(--color-sf-danger-border-color-disabled);
889
- --color-sf-danger-bg-color-selected: var(--color-sf-danger-bg-color);
890
- --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
891
- --color-sf-danger-text-selected: var(--color-sf-danger-text);
892
- --color-sf-primary-outline: var(--color-sf-primary);
893
- --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
894
- --color-sf-warning-outline: #f7630c;
895
- --color-sf-danger-outline: #c50f1f;
896
- --color-sf-success-outline: #107c10;
897
- --color-sf-info-outline: #0099bc;
898
- --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
- --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
- --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
- --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
- --color-sf-appbar-bg-color-alt1: #fff;
904
- --color-sf-appbar-color-alt1: #000;
905
- --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
906
- --color-sf-appbar-hover-bg-color-alt1: var(--color-sf-appbar-bg-color-alt1);
907
- --color-sf-appbar-bg-color-alt2: var(--color-sf-appbar-color-alt1);
908
- --color-sf-appbar-color-alt2: var(--color-sf-appbar-bg-color-alt1);
909
- --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt1);
910
- --color-sf-appbar-hover-bg-color-alt2: var(--color-sf-appbar-color-alt1);
911
- --color-sf-diagram-palette-background: #000;
912
- --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
913
- --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
914
- --color-sf-rating-selected-color: #fff;
915
- --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
916
- --color-sf-rating-selected-disabled-color: var(--color-sf-content-text-color-disabled);
917
- --color-sf-rating-unrated-disabled-color: var(--color-sf-content-text-color-disabled);
918
- --color-sf-rating-selected-hover-color: var(--color-sf-content-bg-color-hover);
919
- --color-sf-rating-unrated-hover-color: var(--color-sf-content-bg-color-hover);
920
- --color-sf-rating-pressed-color: var(--color-sf-content-bg-color-hover);
921
- --color-sf-msg-color: #fff;
922
- --color-sf-msg-bg-color: #000;
923
- --color-sf-msg-border-color: var(--color-sf-msg-color);
924
- --color-sf-msg-color-alt1: #1aebff;
925
- --color-sf-msg-bg-color-alt1: var(--color-sf-msg-bg-color);
926
- --color-sf-msg-border-color-alt1: var(--color-sf-msg-color);
927
- --color-sf-msg-color-alt2: var(--color-sf-msg-bg-color);
928
- --color-sf-msg-bg-color-alt2: var(--color-sf-msg-color-alt1);
929
- --color-sf-msg-border-color-alt2: var(--color-sf-msg-color-alt1);
930
- --color-sf-msg-icon-color: var(--color-sf-msg-color);
931
- --color-sf-msg-icon-color-alt1: var(--color-sf-msg-color-alt);
932
- --color-sf-msg-icon-color-alt2: var(--color-sf-msg-bg-color);
933
- --color-sf-msg-close-icon-color: var(--color-sf-msg-color);
934
- --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-color);
935
- --color-sf-msg-close-icon-color-alt2: var(--color-sf-msg-bg-color);
936
- --color-sf-msg-success-color: #107c10;
937
- --color-sf-msg-success-bg-color: #000;
938
- --color-sf-msg-success-border-color: var(--color-sf-msg-success-color);
939
- --color-sf-msg-success-color-alt1: #107c10;
940
- --color-sf-msg-success-bg-color-alt1: var(--color-sf-msg-success-bg-color);
941
- --color-sf-msg-success-border-color-alt1: #fff;
942
- --color-sf-msg-success-color-alt2: var(--color-sf-msg-success-bg-color);
943
- --color-sf-msg-success-bg-color-alt2: var(--color-sf-msg-success-color);
944
- --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-color);
945
- --color-sf-msg-success-icon-color: var(--color-sf-msg-success-color);
946
- --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-color);
947
- --color-sf-msg-success-icon-color-alt2: var(--color-sf-msg-success-bg-color);
948
- --color-sf-msg-success-close-icon-color: var(--color-sf-msg-success-border-color-alt1);
949
- --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-border-color-alt1);
950
- --color-sf-msg-success-close-icon-color-alt2: var(--color-sf-msg-success-bg-color);
951
- --color-sf-msg-danger-color: #c50f1f;
952
- --color-sf-msg-danger-bg-color: #000;
953
- --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-color);
954
- --color-sf-msg-danger-color-alt1: #c50f1f;
955
- --color-sf-msg-danger-bg-color-alt1: var(--color-sf-msg-danger-bg-color);
956
- --color-sf-msg-danger-border-color-alt1: #fff;
957
- --color-sf-msg-danger-color-alt2: var(--color-sf-msg-danger-bg-color);
958
- --color-sf-msg-danger-bg-color-alt2: var(--color-sf-msg-danger-color);
959
- --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-color);
960
- --color-sf-msg-danger-icon-color: var(--color-sf-msg-danger-color);
961
- --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-color);
962
- --color-sf-msg-danger-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
963
- --color-sf-msg-danger-close-icon-color: var(--color-sf-msg-danger-border-color-alt1);
964
- --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-border-color-alt1);
965
- --color-sf-msg-danger-close-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
966
- --color-sf-msg-info-color: #0099bc;
967
- --color-sf-msg-info-bg-color: #000;
968
- --color-sf-msg-info-border-color: var(--color-sf-msg-info-color);
969
- --color-sf-msg-info-color-alt1: #0099bc;
970
- --color-sf-msg-info-bg-color-alt1: var(--color-sf-msg-info-bg-color);
971
- --color-sf-msg-info-border-color-alt1: #fff;
972
- --color-sf-msg-info-color-alt2: var(--color-sf-msg-info-bg-color);
973
- --color-sf-msg-info-bg-color-alt2: var(--color-sf-msg-info-color);
974
- --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-color);
975
- --color-sf-msg-info-icon-color: var(--color-sf-msg-info-color);
976
- --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-color);
977
- --color-sf-msg-info-icon-color-alt2: var(--color-sf-msg-info-bg-color);
978
- --color-sf-msg-info-close-icon-color: var(--color-sf-msg-info-border-color-alt1);
979
- --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-border-color-alt1);
980
- --color-sf-msg-info-close-icon-color-alt2: var(--color-sf-msg-info-bg-color);
981
- --color-sf-msg-warning-color: #f7630c;
982
- --color-sf-msg-warning-bg-color: #000;
983
- --color-sf-msg-warning-border-color: #da3b01;
984
- --color-sf-msg-warning-color-alt1: #f7630c;
985
- --color-sf-msg-warning-bg-color-alt1: var(--color-sf-msg-warning-bg-color);
986
- --color-sf-msg-warning-border-color-alt1: #fff;
987
- --color-sf-msg-warning-color-alt2: var(--color-sf-msg-warning-bg-color);
988
- --color-sf-msg-warning-bg-color-alt2: var(--color-sf-msg-warning-color);
989
- --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-color);
990
- --color-sf-msg-warning-icon-color: var(--color-sf-msg-warning-color);
991
- --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-color);
992
- --color-sf-msg-warning-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
993
- --color-sf-msg-warning-close-icon-color: var(--color-sf-msg-warning-border-color-alt11);
994
- --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-border-color-alt11);
995
- --color-sf-msg-warning-close-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
996
- --color-sf-shadow-color: #fff;
997
- --color-sf-shadow-color1: #1aebff;
998
- --color-sf-link-button: #fff000;
999
- --color-sf-link-button-hover: #fff000;
1000
- --color-sf-link-button-pressed: #fff000;
1001
- --color-sf-link-button-focus: #fff000;
1002
- --color-sf-link-button-border-focus: #1aebff;
1003
- --color-sf-chip-bg-color: #000;
1004
- --color-sf-chip-border-color: #fff;
1005
- --color-sf-chip-bg-disabled: #000;
1006
- --color-sf-chip-border-disabled: #3ff23f;
1007
- --color-sf-secondary-outline-button-text-color-hover: #fff;
1008
- --color-sf-secondary-outline-button-text-color-pressed: #fff;
1009
- --color-sf-secondary-outline-button-text-color-selected: #fff;
1010
- --color-sf-secondary-outline-button-text-color-focus: #fff;
1011
- --color-sf-slider-shadow1: #000;
1012
- --color-sf-slider-shadow2: #fff;
1013
- --color-sf-slider-disabled: #3ff23f;
1014
- --color-sf-slider-border-color: #fff;
1015
- --color-sf-slider-bg-disabled: #000;
1016
- --color-sf-toggle-switch-border-disabled: #3ff23f;
1017
- --color-sf-calendar-icon-color: #000;
1018
- --color-sf-calendar-header-text-color-pressed: #000;
1019
- --color-sf-calendar-today-bg-color: #fff;
1020
- --color-sf-dialog-border: #fff;
1021
- --color-sf-badge-light-bg-color: #000;
1022
- --color-sf-secondary-badge-border-color: #fff;
1023
- --color-sf-secondary-badge-bg-color: #000;
1024
- --color-sf-secondary-badge-bg-color-focus: #fff;
1025
- --color-sf-skeleton-bg-color: #fff;
1026
- --color-sf-tab-selected-bg-color-disabled: #000;
1027
- --color-sf-tab-selected-text-color-disabled: #3ff23f;
1028
- --color-sf-ribbon-border-color: #fff;
1029
- --color-sf-toolbar-icon-color: #000;
1030
- --color-sf-contextual-text: #000;
1031
- --color-sf-cell-selection-bg-color: #1aecff1f;
1032
- --color-sf-document-editor-border-color: #fff;
1033
- }
1034
-
1035
- /* stylelint-disable property-no-vendor-prefix */
1036
- @-webkit-keyframes e-input-ripple {
1037
- 100% {
1038
- opacity: 0;
1039
- -webkit-transform: scale(4);
1040
- transform: scale(4);
1041
- }
1042
- }
1043
- @keyframes e-input-ripple {
1044
- 100% {
1045
- opacity: 0;
1046
- -webkit-transform: scale(4);
1047
- transform: scale(4);
1048
- }
1049
- }
1050
- @-webkit-keyframes slideTopUp {
1051
- from {
1052
- -webkit-transform: translate3d(0, 0, 0) scale(1);
1053
- transform: translate3d(0, 0, 0) scale(1);
1054
- }
1055
- to {
1056
- -webkit-transform: translate3d(0, 0, 0) scale(1);
1057
- transform: translate3d(0, 0, 0) scale(1);
1058
- }
1059
- }
1060
- @keyframes slideTopUp {
1061
- from {
1062
- -webkit-transform: translate3d(0, 0, 0) scale(1);
1063
- transform: translate3d(0, 0, 0) scale(1);
1064
- }
1065
- to {
1066
- -webkit-transform: translate3d(0, 0, 0) scale(1);
1067
- transform: translate3d(0, 0, 0) scale(1);
1068
- }
1069
- }
1070
- /* stylelint-disable */
1071
- .e-input:focus:not(.e-success):not(.e-warning).e-error,
1072
- .e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
1073
- .e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
1074
- .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
1075
- .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
1076
- .e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
1077
- .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
1078
- -webkit-box-shadow: none !important;
1079
- box-shadow: none !important;
1080
- }
1081
-
1082
- .e-input:focus:not(.e-error):not(.e-warning).e-success,
1083
- .e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
1084
- .e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
1085
- .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
1086
- .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
1087
- .e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
1088
- .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
1089
- -webkit-box-shadow: none !important;
1090
- box-shadow: none !important;
1091
- }
1092
-
1093
- .e-input:focus:not(.e-success):not(.e-error).e-warning,
1094
- .e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
1095
- .e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
1096
- .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
1097
- .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
1098
- .e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
1099
- .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
1100
- -webkit-box-shadow: none !important;
1101
- box-shadow: none !important;
1102
- }
1103
-
1104
- .e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
1105
- .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
1106
- -webkit-box-shadow: none !important;
1107
- box-shadow: none !important;
1108
- }
1109
-
1110
- .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
1111
- .e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
1112
- -webkit-box-shadow: none !important;
1113
- box-shadow: none !important;
1114
- }
1115
-
1116
- .e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
1117
- .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
1118
- -webkit-box-shadow: none !important;
1119
- box-shadow: none !important;
1120
- }
1121
-
1122
- .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
1123
- .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
1124
- -webkit-box-shadow: none !important;
1125
- box-shadow: none !important;
1126
- }
1127
-
1128
- .e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
1129
- .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
1130
- -webkit-box-shadow: none !important;
1131
- box-shadow: none !important;
1132
- }
1133
-
1134
- .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
1135
- .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
1136
- -webkit-box-shadow: none !important;
1137
- box-shadow: none !important;
1138
- }
1139
-
1140
- .e-float-input.e-error label.e-float-text,
1141
- .e-float-input.e-control-wrapper.e-error label.e-float-text,
1142
- .e-float-input.e-error input:focus ~ label.e-float-text,
1143
- .e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
1144
- .e-float-input.e-error.e-input-focus input ~ label.e-float-text,
1145
- .e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
1146
- .e-float-input.e-error textarea:focus ~ label.e-float-text,
1147
- .e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
1148
- color: var(--color-sf-danger) !important;
1149
- }
1150
-
1151
- .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
1152
- .e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
1153
- .e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
1154
- .e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
1155
- .e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
1156
- .e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
1157
- .e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
1158
- .e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
1159
- .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
1160
- .e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
1161
- .e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
1162
- .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
1163
- .e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
1164
- .e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
1165
- .e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
1166
- .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
1167
- .e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
1168
- .e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
1169
- .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
1170
- .e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
1171
- .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
1172
- .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
1173
- .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
1174
- .e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
1175
- .e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
1176
- .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
1177
- .e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
1178
- .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
1179
- .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
1180
- .e-outline.e-float-input.e-error label.e-float-text.e-label-top,
1181
- .e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
1182
- .e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
1183
- .e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
1184
- .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
1185
- .e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
1186
- .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
1187
- .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
1188
- .e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
1189
- .e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
1190
- .e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
1191
- .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
1192
- .e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
1193
- .e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
1194
- .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
1195
- .e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
1196
- .e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
1197
- .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
1198
- .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
1199
- .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
1200
- .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
1201
- color: var(--color-sf-danger) !important;
1202
- }
1203
-
1204
- .e-filled.e-float-input.e-error label.e-float-text,
1205
- .e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
1206
- .e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
1207
- .e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
1208
- .e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
1209
- .e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
1210
- .e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
1211
- .e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
1212
- color: var(--color-sf-danger) !important;
1213
- }
1214
-
1215
- /* stylelint-disable-line no-empty-source */
1216
- /* stylelint-disable property-no-vendor-prefix */
1217
- @-webkit-keyframes material-spinner-rotate {
1218
- 0% {
1219
- -webkit-transform: rotate(0);
1220
- transform: rotate(0);
1221
- }
1222
- 100% {
1223
- -webkit-transform: rotate(360deg);
1224
- transform: rotate(360deg);
1225
- }
1226
- }
1227
- @keyframes material-spinner-rotate {
1228
- 0% {
1229
- -webkit-transform: rotate(0);
1230
- transform: rotate(0);
1231
- }
1232
- 100% {
1233
- -webkit-transform: rotate(360deg);
1234
- transform: rotate(360deg);
1235
- }
1236
- }
1237
- @-webkit-keyframes fabric-spinner-rotate {
1238
- 0% {
1239
- -webkit-transform: rotate(0);
1240
- transform: rotate(0);
1241
- }
1242
- 100% {
1243
- -webkit-transform: rotate(360deg);
1244
- transform: rotate(360deg);
1245
- }
1246
- }
1247
- @keyframes fabric-spinner-rotate {
1248
- 0% {
1249
- -webkit-transform: rotate(0);
1250
- transform: rotate(0);
1251
- }
1252
- 100% {
1253
- -webkit-transform: rotate(360deg);
1254
- transform: rotate(360deg);
1255
- }
1256
- }
1257
- .e-dropdownbase .e-list-item.e-active,
1258
- .e-dropdownbase .e-list-item.e-active.e-hover {
1259
- font-weight: 400;
1260
- }
1261
-
1262
- .e-dropdownbase .e-list-group-item,
1263
- .e-fixed-head {
1264
- font-size: 12px;
1265
- text-transform: uppercase;
1266
- }
1267
-
1268
- .e-small .e-dropdownbase .e-list-group-item,
1269
- .e-small .e-fixed-head,
1270
- .e-small.e-dropdownbase .e-list-group-item,
1271
- .e-small.e-fixed-head {
1272
- font-size: 10px;
1273
- }
1274
-
1275
- .e-bigger .e-dropdownbase .e-list-group-item,
1276
- .e-bigger .e-fixed-head,
1277
- .e-bigger.e-dropdownbase .e-list-group-item,
1278
- .e-bigger.e-fixed-head {
1279
- font-size: 14px;
1280
- }
1281
-
1282
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
1283
- .e-bigger.e-small .e-fixed-head,
1284
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
1285
- .e-bigger.e-small.e-fixed-head {
1286
- font-size: 12px;
1287
- }
1288
-
1289
- .e-dropdownbase .e-list-item .e-list-icon {
1290
- padding: 0 8px 0 0;
1291
- }
1292
-
1293
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
1294
- padding: 0 12px 0 0;
1295
- }
1296
-
1297
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
1298
- padding: 0 8px 0 0;
1299
- }
1300
-
1301
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
1302
- padding: 0 4px 0 0;
1303
- }
1304
-
1305
- /* stylelint-disable */
1306
- .e-dropdownbase .e-list-item {
1307
- border-radius: 6px !important;
1308
- }
1309
-
1310
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1311
- line-height: 30px;
1312
- top: 0;
1313
- }
1314
-
1315
- .e-multiselect .e-input-group-icon.e-ddl-icon {
1316
- border-radius: 0 4px 4px 0;
1317
- border-right-width: 0;
1318
- }
1319
-
1320
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1321
- border-left-width: 0;
1322
- border-radius: 4px 0 0 4px;
1323
- border-right-width: 0;
1324
- }
1325
-
1326
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1327
- height: 32px;
1328
- width: 32px;
1329
- }
1330
-
1331
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1332
- height: 28px;
1333
- width: 28px;
1334
- }
1335
-
1336
- .e-multi-select-wrapper .e-searcher input[type=text],
1337
- .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1338
- color: var(--color-sf-content-text-color);
1339
- height: 100%;
1340
- }
1341
-
1342
- .e-multiselect.e-input-group .e-ddl-icon::before {
1343
- content: "\e729";
1344
- font-family: "e-icons";
1345
- }
1346
-
1347
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
1348
- content: "\e7e7";
1349
- cursor: pointer;
1350
- left: 0;
1351
- position: relative;
1352
- top: 0;
1353
- }
1354
-
1355
- .e-multi-select-wrapper .e-close-hooker::before {
1356
- content: "\e7e7";
1357
- cursor: pointer;
1358
- margin: auto;
1359
- position: relative;
1360
- }
1361
-
1362
- .e-multiselect.e-input-group .e-ddl-disable-icon::before {
1363
- content: "";
1364
- }
1365
-
1366
- .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1367
- .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1368
- .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1369
- .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1370
- .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1371
- .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1372
- height: 20px;
1373
- margin-top: -33px;
1374
- right: 18px;
1375
- width: 20px;
1376
- }
1377
-
1378
- .e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1379
- .e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1380
- .e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1381
- .e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1382
- height: 20px;
1383
- margin-top: -35px;
1384
- right: 45px;
1385
- width: 20px;
1386
- }
1387
-
1388
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1389
- .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1390
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1391
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1392
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1393
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1394
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1395
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1396
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1397
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1398
- margin-top: -32px;
1399
- }
1400
-
1401
- .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1402
- .e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1403
- height: 18px;
1404
- margin: -29px 0 8px;
1405
- width: 18px;
1406
- }
1407
-
1408
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1409
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1410
- height: 24px;
1411
- width: 24px;
1412
- }
1413
-
1414
- .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1415
- .e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1416
- margin-top: -26px;
1417
- }
1418
-
1419
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1420
- .e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1421
- margin-top: -40px;
1422
- }
1423
-
1424
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1425
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1426
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1427
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1428
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1429
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1430
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1431
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1432
- margin-top: -32px;
1433
- right: 40px;
1434
- }
1435
-
1436
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1437
- .e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1438
- margin-top: -44px;
1439
- }
1440
-
1441
- .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1442
- .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1443
- height: 16px;
1444
- width: 16px;
1445
- }
1446
-
1447
- .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1448
- .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1449
- .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1450
- .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1451
- .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1452
- content: "\e208";
1453
- font-size: 16px;
1454
- height: 16px;
1455
- padding: 0;
1456
- text-align: center;
1457
- vertical-align: middle;
1458
- width: 16px;
1459
- }
1460
-
1461
- .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1462
- .e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1463
- font-size: 14px;
1464
- height: 14px;
1465
- width: 14px;
1466
- }
1467
-
1468
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1469
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1470
- font-size: 20px;
1471
- height: 20px;
1472
- width: 20px;
1473
- }
1474
-
1475
- .e-multi-select-wrapper {
1476
- -webkit-box-sizing: border-box;
1477
- box-sizing: border-box;
1478
- cursor: text;
1479
- line-height: normal;
1480
- min-height: 28px;
1481
- padding: 1px 32px 1px 0;
1482
- position: relative;
1483
- -webkit-user-select: none;
1484
- -moz-user-select: none;
1485
- -ms-user-select: none;
1486
- user-select: none;
1487
- width: 100%;
1488
- }
1489
- .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1490
- height: 27px;
1491
- vertical-align: middle;
1492
- }
1493
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1494
- height: 100%;
1495
- min-height: 100%;
1496
- }
1497
- .e-multi-select-wrapper .e-delim-view {
1498
- white-space: nowrap;
1499
- }
1500
- .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
1501
- -webkit-box-sizing: border-box;
1502
- box-sizing: border-box;
1503
- display: inline-block;
1504
- overflow: hidden;
1505
- text-overflow: ellipsis;
1506
- }
1507
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1508
- color: var(--color-sf-content-text-color);
1509
- font-size: 16px;
1510
- left: 12px;
1511
- top: 0;
1512
- }
1513
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1514
- background-color: var(--color-sf-primary);
1515
- color: var(--color-sf-content-text-color);
1516
- padding: 12px 4px 11px 0;
1517
- }
1518
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1519
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1520
- width: 0;
1521
- }
1522
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1523
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1524
- height: 1px;
1525
- min-height: 1px;
1526
- }
1527
- .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1528
- max-width: 100%;
1529
- }
1530
-
1531
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1532
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1533
- display: -webkit-box;
1534
- display: -ms-flexbox;
1535
- display: flex;
1536
- float: left;
1537
- width: auto;
1538
- }
1539
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1540
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1541
- display: -webkit-inline-box;
1542
- display: -ms-inline-flexbox;
1543
- display: inline-flex;
1544
- float: none;
1545
- }
1546
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1547
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1548
- width: 0;
1549
- }
1550
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1551
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1552
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1553
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1554
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1555
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1556
- display: none;
1557
- }
1558
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1559
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1560
- -webkit-box-align: center;
1561
- -ms-flex-align: center;
1562
- align-items: center;
1563
- display: inline;
1564
- max-width: 100%;
1565
- word-break: break-word;
1566
- }
1567
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1568
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1569
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1570
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1571
- -webkit-box-align: center;
1572
- -ms-flex-align: center;
1573
- align-items: center;
1574
- cursor: pointer;
1575
- display: none;
1576
- -webkit-box-orient: horizontal;
1577
- -webkit-box-direction: normal;
1578
- -ms-flex-direction: row;
1579
- flex-direction: row;
1580
- margin-top: -2em;
1581
- outline: 0;
1582
- padding: 0;
1583
- position: absolute;
1584
- right: 5px;
1585
- top: 100%;
1586
- }
1587
- .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1588
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1589
- .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1590
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1591
- display: -webkit-box;
1592
- display: -ms-flexbox;
1593
- display: flex;
1594
- }
1595
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1596
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1597
- margin-right: 0;
1598
- margin-top: -2.3em;
1599
- right: 0;
1600
- padding: 9px;
1601
- }
1602
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1603
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1604
- top: -1px;
1605
- }
1606
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1607
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1608
- font-size: 14px;
1609
- height: 28px;
1610
- width: 28px;
1611
- }
1612
-
1613
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1614
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1615
- float: right;
1616
- }
1617
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1618
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1619
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1620
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1621
- left: 0;
1622
- right: auto;
1623
- }
1624
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1625
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1626
- padding: 0 0 0 48px;
1627
- }
1628
-
1629
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1630
- .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1631
- margin-top: -2.1em;
1632
- padding: 11px;
1633
- }
1634
-
1635
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1636
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1637
- opacity: 0.7;
1638
- pointer-events: none;
1639
- }
1640
-
1641
- .e-multiselect.e-input-group,
1642
- .e-multiselect.e-float-input {
1643
- word-wrap: initial;
1644
- }
1645
-
1646
- .e-multiselect.e-input-group .e-searcher .e-label-top,
1647
- .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1648
- top: 15px;
1649
- }
1650
-
1651
- .e-bigger .e-multi-select-wrapper {
1652
- min-height: 36px;
1653
- }
1654
-
1655
- .e-multi-select-wrapper.e-close-icon-hide {
1656
- padding-right: 0;
1657
- }
1658
-
1659
- .e-multi-select-wrapper .e-chips-collection {
1660
- cursor: default;
1661
- display: block;
1662
- }
1663
-
1664
- .e-multi-select-wrapper .e-multi-hidden {
1665
- border: 0;
1666
- height: 0;
1667
- position: absolute;
1668
- visibility: hidden;
1669
- width: 0;
1670
- }
1671
-
1672
- .e-multi-select-wrapper .e-chips {
1673
- -webkit-box-align: center;
1674
- -ms-flex-align: center;
1675
- align-items: center;
1676
- display: -webkit-inline-box;
1677
- display: -ms-inline-flexbox;
1678
- display: inline-flex;
1679
- float: left;
1680
- margin: 3px;
1681
- max-width: 100%;
1682
- overflow: hidden;
1683
- padding: 0 4px 0 8px;
1684
- text-overflow: ellipsis;
1685
- white-space: nowrap;
1686
- }
1687
-
1688
- .e-bigger .e-multi-select-wrapper .e-chips {
1689
- margin: 3px;
1690
- }
1691
-
1692
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1693
- max-width: 100%;
1694
- overflow: hidden;
1695
- padding: 0 4px 0 0;
1696
- text-indent: 0;
1697
- text-overflow: ellipsis;
1698
- white-space: nowrap;
1699
- }
1700
-
1701
- .e-multi-select-wrapper.e-delimiter .e-searcher {
1702
- display: inline-block;
1703
- float: none;
1704
- }
1705
-
1706
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1707
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1708
- padding: 8px 4px 8px 0;
1709
- }
1710
-
1711
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1712
- .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
1713
- padding: 8px 0 8px 4px;
1714
- }
1715
-
1716
- .e-multi-select-wrapper .e-chips-close {
1717
- -ms-flex-item-align: center;
1718
- align-self: center;
1719
- display: -webkit-box;
1720
- display: -ms-flexbox;
1721
- display: flex;
1722
- float: right;
1723
- font-family: "e-icons";
1724
- height: 16px;
1725
- margin: 0 0 0;
1726
- width: 16px;
1727
- }
1728
-
1729
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1730
- margin: 0 0 0;
1731
- }
1732
-
1733
- .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1734
- margin: 3px 0 0;
1735
- }
1736
-
1737
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1738
- cursor: default;
1739
- font-size: 14px;
1740
- height: 28px;
1741
- margin-top: -2em;
1742
- position: absolute;
1743
- right: 5px;
1744
- width: 28px;
1745
- top: 100%;
1746
- }
1747
-
1748
- .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1749
- .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1750
- .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1751
- right: 32px;
1752
- }
1753
-
1754
- .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1755
- left: 32px;
1756
- right: auto;
1757
- }
1758
-
1759
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1760
- margin-top: -2.3em;
1761
- }
1762
-
1763
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1764
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1765
- margin-top: -2.5em;
1766
- }
1767
-
1768
- .e-multi-select-wrapper input[type=text] {
1769
- background: none;
1770
- border: 0;
1771
- font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
1772
- font-size: 14px;
1773
- font-weight: normal;
1774
- height: 28px;
1775
- min-height: 28px;
1776
- outline: none;
1777
- padding: 4px 0 4px 12px;
1778
- text-indent: 0;
1779
- }
1780
-
1781
- .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1782
- background: none;
1783
- border: 0;
1784
- color: inherit;
1785
- font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
1786
- font-size: 14px;
1787
- font-weight: normal;
1788
- height: 28px;
1789
- min-height: 28px;
1790
- outline: none;
1791
- padding: 0;
1792
- text-indent: 10px;
1793
- }
1794
-
1795
- .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1796
- padding: 5px;
1797
- }
1798
-
1799
- .e-bigger .e-multi-select-wrapper input[type=text],
1800
- .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
1801
- height: 28px;
1802
- min-height: 28px;
1803
- }
1804
-
1805
- .e-bigger .e-multi-select-wrapper input[type=text] {
1806
- height: 36px;
1807
- min-height: 36px;
1808
- }
1809
-
1810
- /* stylelint-disable property-no-vendor-prefix */
1811
- .e-multi-select-wrapper input[type=text]::-ms-clear {
1812
- display: none;
1813
- }
1814
-
1815
- .e-multi-select-wrapper .e-searcher {
1816
- display: block;
1817
- float: left;
1818
- width: auto;
1819
- }
1820
-
1821
- .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1822
- width: calc(100% - 32px);
1823
- }
1824
-
1825
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1826
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1827
- width: calc(100% - 50px);
1828
- }
1829
-
1830
- .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1831
- .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1832
- width: calc(100% - 30px);
1833
- }
1834
-
1835
- .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1836
- .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1837
- .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1838
- .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1839
- width: calc(100% - 32px);
1840
- }
1841
-
1842
- .e-multi-select-wrapper .e-delim-values {
1843
- font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
1844
- font-size: 14px;
1845
- line-height: 28px;
1846
- max-width: 100%;
1847
- padding-left: 10px;
1848
- padding-right: 6px;
1849
- vertical-align: middle;
1850
- }
1851
-
1852
- .e-bigger .e-multi-select-wrapper .e-delim-values {
1853
- line-height: 36px;
1854
- padding-left: 10px;
1855
- }
1856
-
1857
- .e-multi-select-list-wrapper .e-hide-listitem,
1858
- .e-multi-select-list-wrapper .e-hide-group-header {
1859
- display: none;
1860
- }
1861
-
1862
- .e-multi-select-wrapper .e-delim-values .e-remain {
1863
- color: var(--color-sf-content-text-color);
1864
- cursor: pointer;
1865
- display: inline-block;
1866
- font-size: 14px;
1867
- padding-left: 16px;
1868
- }
1869
-
1870
- .e-multiselect.e-disabled .e-multi-select-wrapper,
1871
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
1872
- cursor: not-allowed;
1873
- }
1874
-
1875
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1876
- height: 40px;
1877
- left: 0;
1878
- margin: 0 0 0 0;
1879
- margin-left: auto;
1880
- position: relative;
1881
- top: 0;
1882
- width: 40px;
1883
- }
1884
-
1885
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1886
- -ms-flex-item-align: center;
1887
- align-self: center;
1888
- -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1889
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1890
- display: -webkit-inline-box;
1891
- display: -ms-inline-flexbox;
1892
- display: inline-flex;
1893
- padding: 0 0 0 16px;
1894
- width: 92%;
1895
- }
1896
-
1897
- .e-multi-select-wrapper .e-ddl-disable-icon::before {
1898
- content: "";
1899
- }
1900
-
1901
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
1902
- float: none;
1903
- }
1904
-
1905
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
1906
- padding-left: 0;
1907
- }
1908
- .e-multiselect.e-rtl .e-multi-select-wrapper {
1909
- padding: 0 2px 0 32px;
1910
- }
1911
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1912
- left: -12px;
1913
- }
1914
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1915
- margin: 0;
1916
- margin-right: auto;
1917
- }
1918
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
1919
- float: right;
1920
- }
1921
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
1922
- float: right;
1923
- margin: 3px;
1924
- padding: 0 8px 0 4px;
1925
- }
1926
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
1927
- padding: 5px 4px;
1928
- }
1929
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
1930
- float: left;
1931
- }
1932
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
1933
- left: 0;
1934
- }
1935
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
1936
- padding: 0 4px 0 8px;
1937
- }
1938
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
1939
- padding: 8px 4px;
1940
- }
1941
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1942
- padding: 0 8px 0 4px;
1943
- }
1944
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1945
- padding: 12px 4px;
1946
- }
1947
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1948
- left: 32px;
1949
- position: absolute;
1950
- right: auto;
1951
- }
1952
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
1953
- left: -4px;
1954
- }
1955
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
1956
- padding-right: 16px;
1957
- }
1958
-
1959
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
1960
- left: 32px;
1961
- }
1962
-
1963
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1964
- left: -7px;
1965
- }
1966
-
1967
- .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1968
- bottom: 1px;
1969
- margin-right: 8px;
1970
- position: relative;
1971
- text-indent: 0;
1972
- vertical-align: middle;
1973
- }
1974
-
1975
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
1976
- padding-left: 14px;
1977
- }
1978
-
1979
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1980
- padding-right: 25px;
1981
- }
1982
-
1983
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1984
- padding-right: 25px;
1985
- }
1986
-
1987
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1988
- bottom: 1px;
1989
- margin-right: 8px;
1990
- position: relative;
1991
- text-indent: 0;
1992
- vertical-align: middle;
1993
- }
1994
-
1995
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
1996
- .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1997
- bottom: 1px;
1998
- margin-right: 12px;
1999
- }
2000
-
2001
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
2002
- .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2003
- bottom: 1px;
2004
- margin-right: 12px;
2005
- }
2006
-
2007
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
2008
- margin-left: 12px;
2009
- margin-right: 0;
2010
- }
2011
-
2012
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
2013
- margin-left: 12px;
2014
- margin-right: 0;
2015
- }
2016
-
2017
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
2018
- padding-right: 0;
2019
- }
2020
-
2021
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
2022
- padding-right: 0;
2023
- }
2024
-
2025
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
2026
- padding-left: 16px;
2027
- }
2028
-
2029
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-dropdownbase.e-dd-group .e-list-item .e-checkbox-wrapper {
2030
- padding-left: 14px;
2031
- }
2032
-
2033
- .e-multi-select-list-wrapper .e-selectall-parent {
2034
- cursor: pointer;
2035
- display: block;
2036
- line-height: 30px;
2037
- overflow: hidden;
2038
- padding-right: 16px;
2039
- position: relative;
2040
- text-indent: 12px;
2041
- white-space: nowrap;
2042
- width: 100%;
2043
- }
2044
-
2045
- .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
2046
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
2047
- padding-left: 16px;
2048
- padding-right: 0;
2049
- }
2050
-
2051
- .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2052
- color: var(--color-sf-content-text-color);
2053
- font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
2054
- font-size: 14px;
2055
- }
2056
-
2057
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2058
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2059
- font-size: 14px;
2060
- line-height: 36px;
2061
- text-indent: 16px;
2062
- }
2063
-
2064
- .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2065
- bottom: 1px;
2066
- margin-right: 8px;
2067
- position: relative;
2068
- text-indent: 0;
2069
- vertical-align: middle;
2070
- }
2071
-
2072
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2073
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2074
- bottom: 1px;
2075
- margin-right: 12px;
2076
- }
2077
-
2078
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2079
- margin-left: 12px;
2080
- margin-right: 0;
2081
- }
2082
-
2083
- .e-multiselect .e-input-group-icon.e-ddl-icon {
2084
- float: right;
2085
- margin-top: 0;
2086
- }
2087
-
2088
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2089
- float: left;
2090
- }
2091
-
2092
- .e-multiselect .e-multi-select-wrapper.e-down-icon {
2093
- padding: 1px 0;
2094
- }
2095
-
2096
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2097
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
2098
- padding: 0;
2099
- }
2100
-
2101
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
2102
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2103
- padding-left: 8px;
2104
- }
2105
-
2106
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2107
- padding: 0 8px;
2108
- }
2109
-
2110
- .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
2111
- line-height: 36px;
2112
- }
2113
-
2114
- .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2115
- line-height: 20px;
2116
- padding-left: 10px;
2117
- }
2118
-
2119
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2120
- .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2121
- opacity: 0.3;
2122
- }
2123
-
2124
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2125
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2126
- opacity: 0.7;
2127
- }
2128
-
2129
- .e-multi-select-wrapper input[readonly=true] {
2130
- pointer-events: none;
2131
- }
2132
-
2133
- .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2134
- pointer-events: none;
2135
- }
2136
-
2137
- ejs-multiselect {
2138
- display: block;
2139
- }
2140
-
2141
- .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2142
- .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2143
- line-height: 24px;
2144
- }
2145
-
2146
- .e-small .e-multi-select-wrapper .e-chips-close {
2147
- height: 14px;
2148
- width: 14px;
2149
- }
2150
-
2151
- .e-small .e-multi-select-wrapper {
2152
- min-height: 24px;
2153
- }
2154
-
2155
- .e-small .e-multi-select-wrapper input[type=text] {
2156
- height: 24px;
2157
- min-height: 24px;
2158
- }
2159
-
2160
- .e-small .e-multi-select-wrapper .e-delim-values {
2161
- font-size: 12px;
2162
- line-height: 24px;
2163
- }
2164
-
2165
- .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2166
- .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2167
- margin-top: -1.3em;
2168
- }
2169
-
2170
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2171
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2172
- line-height: 32px;
2173
- }
2174
-
2175
- .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2176
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2177
- margin-top: -1.3em;
2178
- }
2179
-
2180
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2181
- height: 18px;
2182
- width: 18px;
2183
- }
2184
-
2185
- .e-bigger.e-small .e-multi-select-wrapper {
2186
- min-height: 28px;
2187
- }
2188
-
2189
- .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2190
- height: 32px;
2191
- min-height: 32px;
2192
- }
2193
-
2194
- .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2195
- font-size: 14px;
2196
- line-height: 32px;
2197
- }
2198
-
2199
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2200
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2201
- margin-top: -1.64em;
2202
- right: 5px;
2203
- }
2204
-
2205
- .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2206
- background-size: 300px 33px;
2207
- min-height: 33px;
2208
- }
2209
-
2210
- .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2211
- .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2212
- background-size: 300px 40px;
2213
- min-height: 40px;
2214
- }
2215
-
2216
- .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2217
- color: inherit;
2218
- }
2219
-
2220
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2221
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2222
- -webkit-box-align: normal;
2223
- -ms-flex-align: normal;
2224
- align-items: normal;
2225
- }
2226
-
2227
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2228
- padding: 0 12px 0 8px;
2229
- }
2230
-
2231
- .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2232
- .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2233
- padding: 3px 12px 0 4px;
2234
- }
2235
-
2236
- .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2237
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2238
- .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2239
- .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2240
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2241
- padding: 0;
2242
- }
2243
-
2244
- .e-filled.e-float-input .e-multi-select-wrapper,
2245
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2246
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2247
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2248
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2249
- padding: 11px 12px 0;
2250
- }
2251
-
2252
- .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2253
- .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2254
- padding: 12px 12px 0 8px;
2255
- }
2256
-
2257
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2258
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2259
- padding: 19px 12px 0 16px;
2260
- }
2261
-
2262
- .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2263
- padding-top: 3px;
2264
- }
2265
-
2266
- .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2267
- .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2268
- padding: 0;
2269
- }
2270
-
2271
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2272
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2273
- padding: 5px 0;
2274
- }
2275
-
2276
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2277
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2278
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2279
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2280
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2281
- height: 28px;
2282
- }
2283
-
2284
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2285
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2286
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2287
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2288
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2289
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2290
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2291
- height: 24px;
2292
- }
2293
-
2294
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2295
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2296
- height: 32px;
2297
- }
2298
-
2299
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2300
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2301
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2302
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2303
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2304
- height: 18px;
2305
- }
2306
-
2307
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2308
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2309
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2310
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2311
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2312
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2313
- .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2314
- .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2315
- .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2316
- .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2317
- margin: 8px 8px 0 0;
2318
- padding: 0 8px;
2319
- }
2320
-
2321
- .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2322
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2323
- .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2324
- .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2325
- .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2326
- .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2327
- .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2328
- .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2329
- .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2330
- .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2331
- margin: 8px 0 0 8px;
2332
- padding: 0 8px;
2333
- }
2334
-
2335
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2336
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2337
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2338
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2339
- padding-left: 8px;
2340
- }
2341
-
2342
- .e-small .e-filled .e-multi-select-wrapper .e-chips,
2343
- .e-small.e-filled .e-multi-select-wrapper .e-chips {
2344
- height: 16px;
2345
- margin: 4px 4px 0 0;
2346
- padding-right: 8px;
2347
- }
2348
-
2349
- .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2350
- .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2351
- margin: 4px 0 0 4px;
2352
- }
2353
-
2354
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2355
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2356
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2357
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2358
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2359
- font-size: 13px;
2360
- padding: 0 8px 0 0;
2361
- }
2362
-
2363
- .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2364
- .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2365
- font-size: 12px;
2366
- }
2367
-
2368
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2369
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2370
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2371
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2372
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2373
- font-size: 12px;
2374
- padding: 0 4px 0 0;
2375
- }
2376
-
2377
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2378
- .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2379
- .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2380
- .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2381
- .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2382
- padding: 0 0 0 4px;
2383
- }
2384
-
2385
- .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2386
- .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2387
- font-size: 10px;
2388
- }
2389
-
2390
- .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2391
- .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2392
- font-size: 13px;
2393
- }
2394
-
2395
- .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2396
- font-size: 13px;
2397
- padding-right: 4px;
2398
- }
2399
-
2400
- .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2401
- .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2402
- .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2403
- .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2404
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2405
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2406
- padding: 0 12px;
2407
- }
2408
-
2409
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2410
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2411
- padding-right: 8px;
2412
- }
2413
-
2414
- .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2415
- .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2416
- height: 38px;
2417
- margin-top: -38px;
2418
- right: 12px;
2419
- top: 100%;
2420
- width: 16px;
2421
- }
2422
-
2423
- .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2424
- .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2425
- .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2426
- .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2427
- .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
2428
- display: none;
2429
- }
2430
-
2431
- .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2432
- margin-right: 0;
2433
- }
2434
-
2435
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2436
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2437
- cursor: not-allowed;
2438
- }
2439
-
2440
- .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2441
- .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2442
- cursor: pointer;
2443
- }
2444
-
2445
- .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2446
- color: var(--color-sf-content-text-color);
2447
- }
2448
-
2449
- .e-multi-select-wrapper .e-chips.e-chip-selected {
2450
- background-color: var(--color-sf-content-bg-color-alt5);
2451
- }
2452
-
2453
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2454
- background-color: var(--color-sf-content-bg-color-alt5);
2455
- }
2456
-
2457
- .e-multiselect {
2458
- -webkit-box-sizing: border-box;
2459
- box-sizing: border-box;
2460
- }
2461
-
2462
- /* stylelint-disable property-no-vendor-prefix */
2463
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
2464
- -webkit-text-fill-color: var(--color-sf-content-text-color);
2465
- color: var(--color-sf-content-text-color);
2466
- font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
2467
- font-size: 14px;
2468
- }
2469
-
2470
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2471
- color: var(--color-sf-content-text-color);
2472
- }
2473
-
2474
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2475
- color: var(--color-sf-content-text-color-hover);
2476
- }
2477
-
2478
- .e-multi-select-wrapper .e-chips {
2479
- background-color: var(--color-sf-chip-bg-color);
2480
- border: 1px solid var(--color-sf-chip-border-color);
2481
- border-radius: 6px;
2482
- height: 22px;
2483
- }
2484
-
2485
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2486
- background-color: var(--color-sf-content-bg-color-alt4);
2487
- }
2488
-
2489
- .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2490
- color: var(--color-sf-content-text-color-hover);
2491
- }
2492
-
2493
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
2494
- -webkit-text-fill-color: var(--color-sf-icon-color);
2495
- color: var(--color-sf-icon-color);
2496
- font-size: 16px;
2497
- }
2498
-
2499
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2500
- background-color: var(--color-sf-primary);
2501
- border-radius: 6px;
2502
- color: var(--color-sf-content-text-color);
2503
- height: 40px;
2504
- line-height: 40px;
2505
- }
2506
-
2507
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2508
- color: var(--color-sf-content-text-color);
2509
- }
2510
-
2511
- .e-multi-select-wrapper .e-chips.e-mob-chip,
2512
- .e-bigger .e-multi-select-wrapper .e-chips {
2513
- height: 30px;
2514
- }
2515
-
2516
- .e-popup.e-multi-select-list-wrapper {
2517
- -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
2518
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
2519
- -webkit-box-sizing: content-box;
2520
- box-sizing: content-box;
2521
- overflow: initial;
2522
- }
2523
-
2524
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2525
- border-bottom: 1px solid transparent;
2526
- border-left: 1px solid var(--color-sf-content-bg-color-selected);
2527
- border-right: 1px solid var(--color-sf-content-bg-color-selected);
2528
- border-top: 1px solid var(--color-sf-border-selected);
2529
- }
2530
-
2531
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2532
- background-color: transparent;
2533
- border-color: transparent;
2534
- color: var(--color-sf-content-text-color);
2535
- }
2536
-
2537
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2538
- background-color: transparent;
2539
- border-color: transparent;
2540
- color: var(--color-sf-content-text-color);
2541
- }
2542
-
2543
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2544
- color: var(--color-sf-content-text-color);
2545
- }
2546
-
2547
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
2548
- color: var(--color-sf-content-text-color);
2549
- }
2550
-
2551
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2552
- background-color: var(--color-sf-content-bg-color-hover);
2553
- }
2554
-
2555
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2556
- background-color: var(--color-sf-content-bg-color-hover);
2557
- }
2558
-
2559
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2560
- border-bottom: 1px solid transparent;
2561
- border-top: 1px solid transparent;
2562
- }
2563
-
2564
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2565
- border-bottom: 1px solid transparent;
2566
- }
2567
-
2568
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
2569
- border-top: 1px solid transparent;
2570
- }
2571
-
2572
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2573
- background-color: var(--color-sf-content-bg-color-selected);
2574
- -webkit-box-shadow: none;
2575
- box-shadow: none;
2576
- color: var(--color-sf-content-text-color-selected);
2577
- border: 1px solid transparent;
2578
- }
2579
-
2580
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2581
- background-color: var(--color-sf-content-bg-color-selected);
2582
- -webkit-box-shadow: none;
2583
- box-shadow: none;
2584
- color: var(--color-sf-content-text-color-selected);
2585
- border: 1px solid transparent;
2586
- }
2587
-
2588
- .e-popup.e-multi-select-list-wrapper .e-list-item {
2589
- border: 0 solid transparent;
2590
- }
2591
-
2592
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2593
- border: 0 solid transparent;
2594
- }
2595
-
2596
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2597
- color: var(--color-sf-placeholder-text-color);
2598
- }
2599
-
2600
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2601
- color: var(--color-sf-placeholder-text-color);
2602
- }
2603
-
2604
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2605
- color: var(--color-sf-placeholder-text-color);
2606
- }
2607
-
2608
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2609
- color: var(--color-sf-placeholder-text-color);
2610
- }
2611
-
2612
- .e-ul.e-reorder {
2613
- border-bottom: 1px solid var(--color-sf-border-light);
2614
- }
2615
-
2616
- .e-multi-select-list-wrapper .e-selectall-parent {
2617
- border-bottom: 1px solid var(--color-sf-border-light);
2618
- }
2619
-
2620
- .e-multi-select-wrapper .e-delim-values {
2621
- -webkit-text-fill-color: var(--color-sf-content-text-color);
2622
- color: var(--color-sf-content-text-color);
2623
- }
2624
-
2625
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2626
- color: var(--color-sf-icon-color);
2627
- }
2628
-
2629
- .e-small .e-multi-select-wrapper .e-chips {
2630
- height: 18px;
2631
- }
2632
-
2633
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2634
- font-size: 12px;
2635
- }
2636
-
2637
- .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2638
- font-size: 14px;
2639
- }
2640
-
2641
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
2642
- left: 6px;
2643
- }
2644
-
2645
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2646
- left: 6px;
2647
- }
2648
-
2649
- .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2650
- height: 26px;
2651
- }
2652
-
2653
- .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2654
- font-size: 14px;
2655
- }
2656
-
2657
- .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2658
- font-size: 18px;
2659
- }
2660
-
2661
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2662
- -webkit-text-fill-color: var(--color-sf-content-text-color-disabled);
2663
- color: var(--color-sf-content-text-color-disabled);
2664
- }
1
+ @import '@syncfusion/ej2-dropdowns/styles/multi-select/fluent2.css';