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