@syncfusion/ej2-angular-dropdowns 25.2.7 → 26.1.35

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 (182) hide show
  1. package/CHANGELOG.md +2445 -0
  2. package/esm2020/public_api.mjs +1 -2
  3. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs +0 -2
  4. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs.map +1 -1
  5. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs +0 -2
  6. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs.map +1 -1
  7. package/package.json +9 -9
  8. package/schematics/utils/lib-details.js +2 -2
  9. package/schematics/utils/lib-details.ts +2 -2
  10. package/styles/auto-complete/bootstrap-dark.css +109 -1
  11. package/styles/auto-complete/bootstrap.css +109 -1
  12. package/styles/auto-complete/bootstrap4.css +163 -1
  13. package/styles/auto-complete/bootstrap5-dark.css +151 -1
  14. package/styles/auto-complete/bootstrap5.css +151 -1
  15. package/styles/auto-complete/fabric-dark.css +84 -1
  16. package/styles/auto-complete/fabric.css +77 -1
  17. package/styles/auto-complete/fluent-dark.css +131 -1
  18. package/styles/auto-complete/fluent.css +131 -1
  19. package/styles/auto-complete/fluent2.css +1140 -0
  20. package/styles/auto-complete/fluent2.scss +1 -0
  21. package/styles/auto-complete/highcontrast-light.css +81 -1
  22. package/styles/auto-complete/highcontrast.css +81 -1
  23. package/styles/auto-complete/material-dark.css +118 -1
  24. package/styles/auto-complete/material.css +143 -1
  25. package/styles/auto-complete/material3-dark.css +263 -1
  26. package/styles/auto-complete/material3.css +375 -1
  27. package/styles/auto-complete/tailwind-dark.css +106 -1
  28. package/styles/auto-complete/tailwind.css +106 -1
  29. package/styles/bootstrap-dark.css +3439 -1
  30. package/styles/bootstrap.css +3444 -1
  31. package/styles/bootstrap4.css +3692 -1
  32. package/styles/bootstrap5-dark.css +3614 -1
  33. package/styles/bootstrap5.css +3614 -1
  34. package/styles/combo-box/bootstrap-dark.css +109 -1
  35. package/styles/combo-box/bootstrap.css +109 -1
  36. package/styles/combo-box/bootstrap4.css +163 -1
  37. package/styles/combo-box/bootstrap5-dark.css +151 -1
  38. package/styles/combo-box/bootstrap5.css +151 -1
  39. package/styles/combo-box/fabric-dark.css +84 -1
  40. package/styles/combo-box/fabric.css +77 -1
  41. package/styles/combo-box/fluent-dark.css +131 -1
  42. package/styles/combo-box/fluent.css +131 -1
  43. package/styles/combo-box/fluent2.css +1140 -0
  44. package/styles/combo-box/fluent2.scss +1 -0
  45. package/styles/combo-box/highcontrast-light.css +81 -1
  46. package/styles/combo-box/highcontrast.css +81 -1
  47. package/styles/combo-box/material-dark.css +118 -1
  48. package/styles/combo-box/material.css +143 -1
  49. package/styles/combo-box/material3-dark.css +263 -1
  50. package/styles/combo-box/material3.css +375 -1
  51. package/styles/combo-box/tailwind-dark.css +106 -1
  52. package/styles/combo-box/tailwind.css +106 -1
  53. package/styles/drop-down-base/bootstrap-dark.css +373 -1
  54. package/styles/drop-down-base/bootstrap.css +373 -1
  55. package/styles/drop-down-base/bootstrap4.css +383 -1
  56. package/styles/drop-down-base/bootstrap5-dark.css +405 -1
  57. package/styles/drop-down-base/bootstrap5.css +405 -1
  58. package/styles/drop-down-base/fabric-dark.css +373 -1
  59. package/styles/drop-down-base/fabric.css +373 -1
  60. package/styles/drop-down-base/fluent-dark.css +421 -1
  61. package/styles/drop-down-base/fluent.css +421 -1
  62. package/styles/drop-down-base/fluent2.css +1447 -0
  63. package/styles/drop-down-base/fluent2.scss +1 -0
  64. package/styles/drop-down-base/highcontrast-light.css +387 -1
  65. package/styles/drop-down-base/highcontrast.css +387 -1
  66. package/styles/drop-down-base/material-dark.css +372 -1
  67. package/styles/drop-down-base/material.css +372 -1
  68. package/styles/drop-down-base/material3-dark.css +492 -1
  69. package/styles/drop-down-base/material3.css +604 -1
  70. package/styles/drop-down-base/tailwind-dark.css +481 -1
  71. package/styles/drop-down-base/tailwind.css +481 -1
  72. package/styles/drop-down-list/bootstrap-dark.css +433 -1
  73. package/styles/drop-down-list/bootstrap.css +433 -1
  74. package/styles/drop-down-list/bootstrap4.css +477 -1
  75. package/styles/drop-down-list/bootstrap5-dark.css +490 -1
  76. package/styles/drop-down-list/bootstrap5.css +490 -1
  77. package/styles/drop-down-list/fabric-dark.css +408 -1
  78. package/styles/drop-down-list/fabric.css +401 -1
  79. package/styles/drop-down-list/fluent-dark.css +471 -1
  80. package/styles/drop-down-list/fluent.css +471 -1
  81. package/styles/drop-down-list/fluent2.css +1684 -0
  82. package/styles/drop-down-list/fluent2.scss +1 -0
  83. package/styles/drop-down-list/highcontrast-light.css +419 -1
  84. package/styles/drop-down-list/highcontrast.css +419 -1
  85. package/styles/drop-down-list/material-dark.css +455 -1
  86. package/styles/drop-down-list/material.css +499 -1
  87. package/styles/drop-down-list/material3-dark.css +626 -1
  88. package/styles/drop-down-list/material3.css +738 -1
  89. package/styles/drop-down-list/tailwind-dark.css +428 -1
  90. package/styles/drop-down-list/tailwind.css +428 -1
  91. package/styles/drop-down-tree/bootstrap-dark.css +464 -1
  92. package/styles/drop-down-tree/bootstrap.css +465 -1
  93. package/styles/drop-down-tree/bootstrap4.css +498 -1
  94. package/styles/drop-down-tree/bootstrap5-dark.css +544 -1
  95. package/styles/drop-down-tree/bootstrap5.css +544 -1
  96. package/styles/drop-down-tree/fabric-dark.css +466 -1
  97. package/styles/drop-down-tree/fabric.css +467 -1
  98. package/styles/drop-down-tree/fluent-dark.css +549 -1
  99. package/styles/drop-down-tree/fluent.css +549 -1
  100. package/styles/drop-down-tree/fluent2.css +1732 -0
  101. package/styles/drop-down-tree/fluent2.scss +1 -0
  102. package/styles/drop-down-tree/highcontrast-light.css +481 -1
  103. package/styles/drop-down-tree/highcontrast.css +491 -1
  104. package/styles/drop-down-tree/material-dark.css +790 -1
  105. package/styles/drop-down-tree/material.css +814 -1
  106. package/styles/drop-down-tree/material3-dark.css +580 -1
  107. package/styles/drop-down-tree/material3.css +692 -1
  108. package/styles/drop-down-tree/tailwind-dark.css +579 -1
  109. package/styles/drop-down-tree/tailwind.css +579 -1
  110. package/styles/fabric-dark.css +3413 -1
  111. package/styles/fabric.css +3413 -1
  112. package/styles/fluent-dark.css +3689 -1
  113. package/styles/fluent.css +3689 -1
  114. package/styles/fluent2.css +12401 -0
  115. package/styles/fluent2.scss +8 -0
  116. package/styles/highcontrast-light.css +3525 -1
  117. package/styles/highcontrast.css +3553 -1
  118. package/styles/list-box/bootstrap-dark.css +915 -1
  119. package/styles/list-box/bootstrap.css +926 -1
  120. package/styles/list-box/bootstrap4.css +980 -1
  121. package/styles/list-box/bootstrap5-dark.css +952 -1
  122. package/styles/list-box/bootstrap5.css +952 -1
  123. package/styles/list-box/fabric-dark.css +915 -1
  124. package/styles/list-box/fabric.css +926 -1
  125. package/styles/list-box/fluent-dark.css +952 -1
  126. package/styles/list-box/fluent.css +952 -1
  127. package/styles/list-box/fluent2.css +2029 -0
  128. package/styles/list-box/fluent2.scss +1 -0
  129. package/styles/list-box/highcontrast-light.css +929 -1
  130. package/styles/list-box/highcontrast.css +940 -1
  131. package/styles/list-box/material-dark.css +914 -1
  132. package/styles/list-box/material.css +925 -1
  133. package/styles/list-box/material3-dark.css +1025 -1
  134. package/styles/list-box/material3.css +1137 -1
  135. package/styles/list-box/tailwind-dark.css +961 -1
  136. package/styles/list-box/tailwind.css +961 -1
  137. package/styles/material-dark.css +4927 -1
  138. package/styles/material.css +5006 -1
  139. package/styles/material3-dark.css +5644 -1
  140. package/styles/material3.css +6540 -1
  141. package/styles/mention/bootstrap-dark.css +53 -1
  142. package/styles/mention/bootstrap.css +53 -1
  143. package/styles/mention/bootstrap4.css +63 -1
  144. package/styles/mention/bootstrap5-dark.css +82 -1
  145. package/styles/mention/bootstrap5.css +82 -1
  146. package/styles/mention/fabric-dark.css +53 -1
  147. package/styles/mention/fabric.css +53 -1
  148. package/styles/mention/fluent-dark.css +82 -1
  149. package/styles/mention/fluent.css +82 -1
  150. package/styles/mention/fluent2.css +1130 -0
  151. package/styles/mention/fluent2.scss +1 -0
  152. package/styles/mention/highcontrast-light.css +67 -1
  153. package/styles/mention/highcontrast.css +67 -1
  154. package/styles/mention/material-dark.css +52 -1
  155. package/styles/mention/material.css +52 -1
  156. package/styles/mention/material3-dark.css +165 -1
  157. package/styles/mention/material3.css +277 -1
  158. package/styles/mention/tailwind-dark.css +91 -1
  159. package/styles/mention/tailwind.css +91 -1
  160. package/styles/multi-select/bootstrap-dark.css +1318 -1
  161. package/styles/multi-select/bootstrap.css +1311 -1
  162. package/styles/multi-select/bootstrap4.css +1442 -1
  163. package/styles/multi-select/bootstrap5-dark.css +1389 -1
  164. package/styles/multi-select/bootstrap5.css +1389 -1
  165. package/styles/multi-select/fabric-dark.css +1315 -1
  166. package/styles/multi-select/fabric.css +1310 -1
  167. package/styles/multi-select/fluent-dark.css +1462 -1
  168. package/styles/multi-select/fluent.css +1462 -1
  169. package/styles/multi-select/fluent2.css +2663 -0
  170. package/styles/multi-select/fluent2.scss +1 -0
  171. package/styles/multi-select/highcontrast-light.css +1429 -1
  172. package/styles/multi-select/highcontrast.css +1436 -1
  173. package/styles/multi-select/material-dark.css +2470 -1
  174. package/styles/multi-select/material.css +2490 -1
  175. package/styles/multi-select/material3-dark.css +2683 -1
  176. package/styles/multi-select/material3.css +2795 -1
  177. package/styles/multi-select/tailwind-dark.css +1383 -1
  178. package/styles/multi-select/tailwind.css +1383 -1
  179. package/styles/tailwind-dark.css +3630 -1
  180. package/styles/tailwind.css +3630 -1
  181. package/license +0 -10
  182. package/postinstall/tagchange.js +0 -18
@@ -1 +1,961 @@
1
- @import '@syncfusion/ej2-dropdowns/styles/list-box/tailwind.css';
1
+ .e-dropdownbase .e-list-item.e-active,
2
+ .e-dropdownbase .e-list-item.e-active.e-hover {
3
+ font-weight: 500;
4
+ }
5
+
6
+ .e-dropdownbase .e-list-group-item,
7
+ .e-fixed-head {
8
+ font-size: 12px;
9
+ text-transform: uppercase;
10
+ }
11
+
12
+ .e-small .e-dropdownbase .e-list-group-item,
13
+ .e-small .e-fixed-head,
14
+ .e-small.e-dropdownbase .e-list-group-item,
15
+ .e-small.e-fixed-head {
16
+ font-size: 10px;
17
+ }
18
+
19
+ .e-bigger .e-dropdownbase .e-list-group-item,
20
+ .e-bigger .e-fixed-head,
21
+ .e-bigger.e-dropdownbase .e-list-group-item,
22
+ .e-bigger.e-fixed-head {
23
+ font-size: 14px;
24
+ }
25
+
26
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item,
27
+ .e-bigger.e-small .e-fixed-head,
28
+ .e-bigger.e-small.e-dropdownbase .e-list-group-item,
29
+ .e-bigger.e-small.e-fixed-head {
30
+ font-size: 12px;
31
+ }
32
+
33
+ .e-dropdownbase .e-list-item .e-list-icon {
34
+ padding: 0 8px 0 0;
35
+ }
36
+
37
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
38
+ padding: 0 12px 0 0;
39
+ }
40
+
41
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
42
+ padding: 0 8px 0 0;
43
+ }
44
+
45
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
46
+ padding: 0 4px 0 0;
47
+ }
48
+
49
+ .e-listbox-tool .e-moveup::before {
50
+ content: "\e776";
51
+ }
52
+
53
+ .e-listbox-tool .e-movedown::before {
54
+ content: "\e729";
55
+ }
56
+
57
+ .e-listbox-tool .e-moveto::before {
58
+ content: "\e748";
59
+ }
60
+
61
+ .e-listbox-tool .e-movefrom::before {
62
+ content: "\e765";
63
+ }
64
+
65
+ .e-listbox-tool .e-moveallto::before {
66
+ content: "\e7a9";
67
+ }
68
+
69
+ .e-listbox-tool .e-moveallfrom::before {
70
+ content: "\e744";
71
+ }
72
+
73
+ /* stylelint-disable property-no-vendor-prefix */
74
+ .e-listbox-wrapper,
75
+ .e-listbox-container,
76
+ .e-listboxtool-wrapper {
77
+ -webkit-overflow-scrolling: touch;
78
+ -webkit-box-sizing: border-box;
79
+ box-sizing: border-box;
80
+ cursor: pointer;
81
+ display: block;
82
+ position: relative;
83
+ -webkit-user-select: none;
84
+ -moz-user-select: none;
85
+ -ms-user-select: none;
86
+ user-select: none;
87
+ width: 100%;
88
+ }
89
+ .e-listbox-wrapper *,
90
+ .e-listbox-container *,
91
+ .e-listboxtool-wrapper * {
92
+ -webkit-box-sizing: border-box;
93
+ box-sizing: border-box;
94
+ }
95
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
96
+ .e-listbox-container.e-listboxtool-container .e-list-wrap,
97
+ .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
98
+ width: 84% !important; /* stylelint-disable-line declaration-no-important */
99
+ }
100
+ .e-listbox-wrapper:focus,
101
+ .e-listbox-container:focus,
102
+ .e-listboxtool-wrapper:focus {
103
+ outline: none;
104
+ }
105
+ .e-listbox-wrapper.e-disabled,
106
+ .e-listbox-container.e-disabled,
107
+ .e-listboxtool-wrapper.e-disabled {
108
+ cursor: default;
109
+ pointer-events: none;
110
+ }
111
+ .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
112
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
113
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
114
+ text-align: center;
115
+ }
116
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
117
+ .e-listbox-wrapper .e-list-nrt,
118
+ .e-listbox-wrapper .e-selectall-parent,
119
+ .e-listbox-container:not(.e-list-template) .e-list-item,
120
+ .e-listbox-container .e-list-nrt,
121
+ .e-listbox-container .e-selectall-parent,
122
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
123
+ .e-listboxtool-wrapper .e-list-nrt,
124
+ .e-listboxtool-wrapper .e-selectall-parent {
125
+ height: 38px;
126
+ line-height: 1;
127
+ padding: 12px 12px;
128
+ position: relative;
129
+ }
130
+ .e-listbox-wrapper .e-list-parent,
131
+ .e-listbox-container .e-list-parent,
132
+ .e-listboxtool-wrapper .e-list-parent {
133
+ height: 100%;
134
+ min-height: 38px;
135
+ }
136
+ .e-listbox-wrapper .e-list-item,
137
+ .e-listbox-container .e-list-item,
138
+ .e-listboxtool-wrapper .e-list-item {
139
+ border-bottom: 0 solid;
140
+ outline: none;
141
+ }
142
+ .e-listbox-wrapper .e-list-item.e-disabled,
143
+ .e-listbox-container .e-list-item.e-disabled,
144
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
145
+ pointer-events: none;
146
+ }
147
+ .e-listbox-wrapper .e-disable,
148
+ .e-listbox-container .e-disable,
149
+ .e-listboxtool-wrapper .e-disable {
150
+ opacity: 0.7;
151
+ }
152
+ .e-listbox-wrapper .e-list-parent,
153
+ .e-listbox-container .e-list-parent,
154
+ .e-listboxtool-wrapper .e-list-parent {
155
+ margin: 0;
156
+ padding: 0;
157
+ }
158
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
159
+ .e-listbox-container .e-list-header .e-text.header,
160
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
161
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
162
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
163
+ display: none;
164
+ }
165
+ .e-listbox-wrapper .e-icon-back,
166
+ .e-listbox-container .e-icon-back,
167
+ .e-listboxtool-wrapper .e-icon-back {
168
+ margin-top: 2px;
169
+ }
170
+ .e-listbox-wrapper .e-list-header,
171
+ .e-listbox-container .e-list-header,
172
+ .e-listboxtool-wrapper .e-list-header {
173
+ -webkit-box-align: center;
174
+ -ms-flex-align: center;
175
+ align-items: center;
176
+ border-bottom: 1px solid;
177
+ display: -webkit-box;
178
+ display: -ms-flexbox;
179
+ display: flex;
180
+ font-weight: 500;
181
+ height: 18px;
182
+ padding: 0 12px;
183
+ }
184
+ .e-listbox-wrapper .e-has-header > .e-view,
185
+ .e-listbox-container .e-has-header > .e-view,
186
+ .e-listboxtool-wrapper .e-has-header > .e-view {
187
+ top: 45px;
188
+ }
189
+ .e-listbox-wrapper .e-but-back,
190
+ .e-listbox-container .e-but-back,
191
+ .e-listboxtool-wrapper .e-but-back {
192
+ cursor: pointer;
193
+ padding-right: 8px;
194
+ }
195
+ .e-listbox-wrapper .e-list-group-item:first-child,
196
+ .e-listbox-container .e-list-group-item:first-child,
197
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
198
+ border: 0;
199
+ border-bottom: 0 solid transparent;
200
+ }
201
+ .e-listbox-wrapper .e-list-group-item,
202
+ .e-listbox-container .e-list-group-item,
203
+ .e-listboxtool-wrapper .e-list-group-item {
204
+ border-bottom: 0 solid transparent;
205
+ border-top: 1px solid;
206
+ font-weight: 600;
207
+ height: 30px;
208
+ line-height: 7px;
209
+ padding: 12px 12px;
210
+ }
211
+ .e-listbox-wrapper .e-icon-collapsible,
212
+ .e-listbox-container .e-icon-collapsible,
213
+ .e-listboxtool-wrapper .e-icon-collapsible {
214
+ cursor: pointer;
215
+ font-size: 12px;
216
+ position: absolute;
217
+ right: 0%;
218
+ top: 50%;
219
+ -webkit-transform: translateY(-50%);
220
+ transform: translateY(-50%);
221
+ }
222
+ .e-listbox-wrapper .e-text-content,
223
+ .e-listbox-container .e-text-content,
224
+ .e-listboxtool-wrapper .e-text-content {
225
+ height: 100%;
226
+ position: relative;
227
+ vertical-align: middle;
228
+ }
229
+ .e-listbox-wrapper .e-text-content *,
230
+ .e-listbox-container .e-text-content *,
231
+ .e-listboxtool-wrapper .e-text-content * {
232
+ display: inline-block;
233
+ vertical-align: middle;
234
+ }
235
+ .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
236
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
237
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
238
+ width: calc(100% - 40px);
239
+ }
240
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
241
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
242
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
243
+ width: calc(100% - 90px);
244
+ }
245
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
246
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
247
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
248
+ width: calc(100% - 80px);
249
+ }
250
+ .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
251
+ .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
252
+ .e-listboxtool-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
253
+ width: calc(100% - 92px);
254
+ }
255
+ .e-listbox-wrapper .e-checkbox .e-checkbox-left,
256
+ .e-listbox-container .e-checkbox .e-checkbox-left,
257
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
258
+ margin: -2px 8px 0 0;
259
+ }
260
+ .e-listbox-wrapper .e-checkbox .e-checkbox-right,
261
+ .e-listbox-container .e-checkbox .e-checkbox-right,
262
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
263
+ margin: -2px 0 0 8px;
264
+ }
265
+ .e-listbox-wrapper .e-list-text,
266
+ .e-listbox-container .e-list-text,
267
+ .e-listboxtool-wrapper .e-list-text {
268
+ cursor: pointer;
269
+ display: inline-block;
270
+ overflow: hidden;
271
+ text-overflow: ellipsis;
272
+ vertical-align: top;
273
+ white-space: nowrap;
274
+ width: 100%;
275
+ }
276
+ .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
277
+ .e-listbox-container .e-list-icon + .e-list-text,
278
+ .e-listbox-container .e-icon-wrapper .e-list-text,
279
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
280
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
281
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
282
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
283
+ width: calc(100% - 60px);
284
+ }
285
+ .e-listbox-wrapper .e-list-icon,
286
+ .e-listbox-container .e-list-icon,
287
+ .e-listboxtool-wrapper .e-list-icon {
288
+ height: 30px;
289
+ margin-right: 16px;
290
+ width: 30px;
291
+ }
292
+ .e-listbox-wrapper .e-content,
293
+ .e-listbox-container .e-content,
294
+ .e-listboxtool-wrapper .e-content {
295
+ overflow: hidden;
296
+ position: relative;
297
+ }
298
+ .e-listbox-wrapper .e-list-header .e-text,
299
+ .e-listbox-container .e-list-header .e-text,
300
+ .e-listboxtool-wrapper .e-list-header .e-text {
301
+ cursor: pointer;
302
+ text-indent: 0;
303
+ }
304
+ .e-listbox-wrapper .e-text .e-headertext,
305
+ .e-listbox-container .e-text .e-headertext,
306
+ .e-listboxtool-wrapper .e-text .e-headertext {
307
+ display: inline-block;
308
+ line-height: 18px;
309
+ }
310
+ .e-listbox-wrapper.e-rtl,
311
+ .e-listbox-container.e-rtl,
312
+ .e-listboxtool-wrapper.e-rtl {
313
+ direction: rtl;
314
+ }
315
+ .e-listbox-wrapper.e-rtl .e-list-icon,
316
+ .e-listbox-container.e-rtl .e-list-icon,
317
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
318
+ margin-left: 16px;
319
+ margin-right: 0;
320
+ }
321
+ .e-listbox-wrapper.e-rtl .e-icon-collapsible,
322
+ .e-listbox-container.e-rtl .e-icon-collapsible,
323
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
324
+ left: 0%;
325
+ right: initial;
326
+ top: 50%;
327
+ -webkit-transform: translateY(-50%) rotate(180deg);
328
+ transform: translateY(-50%) rotate(180deg);
329
+ }
330
+ .e-listbox-wrapper.e-rtl .e-list-header .e-text,
331
+ .e-listbox-container.e-rtl .e-list-header .e-text,
332
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
333
+ cursor: pointer;
334
+ }
335
+ .e-listbox-wrapper.e-rtl .e-but-back,
336
+ .e-listbox-container.e-rtl .e-but-back,
337
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
338
+ -webkit-transform: rotate(180deg);
339
+ transform: rotate(180deg);
340
+ }
341
+ .e-listbox-wrapper.e-rtl .e-icon-back,
342
+ .e-listbox-container.e-rtl .e-icon-back,
343
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
344
+ margin-top: -2px;
345
+ }
346
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
347
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
348
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
349
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
350
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
351
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
352
+ margin: -2px 0 0 8px;
353
+ }
354
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
355
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
356
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
357
+ margin: -2px 8px 0 0;
358
+ }
359
+ .e-listbox-wrapper .e-checkbox-wrapper,
360
+ .e-listbox-container .e-checkbox-wrapper,
361
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
362
+ margin: -2px 8px 0 0;
363
+ text-indent: 0;
364
+ vertical-align: middle;
365
+ }
366
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
367
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
368
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
369
+ position: absolute;
370
+ right: 0;
371
+ top: 30%;
372
+ }
373
+ .e-listbox-wrapper .e-hidden-select,
374
+ .e-listbox-container .e-hidden-select,
375
+ .e-listboxtool-wrapper .e-hidden-select {
376
+ height: 1px;
377
+ opacity: 0;
378
+ position: absolute;
379
+ width: 100%;
380
+ }
381
+ .e-listbox-wrapper .e-placeholder,
382
+ .e-listbox-container .e-placeholder,
383
+ .e-listboxtool-wrapper .e-placeholder {
384
+ background-color: #4f46e5;
385
+ display: block;
386
+ height: 1px;
387
+ }
388
+
389
+ ejs-listbox {
390
+ display: block;
391
+ }
392
+
393
+ .e-listbox-wrapper:not(.e-listbox-container),
394
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
395
+ overflow: auto;
396
+ }
397
+
398
+ .e-listbox-wrapper.e-sortableclone,
399
+ .e-listbox-container.e-sortableclone,
400
+ .e-listboxtool-wrapper.e-sortableclone {
401
+ border-width: 0;
402
+ overflow: visible;
403
+ }
404
+ .e-listbox-wrapper.e-sortableclone .e-list-item,
405
+ .e-listbox-container.e-sortableclone .e-list-item,
406
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
407
+ list-style-type: none;
408
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
409
+ }
410
+ .e-listbox-wrapper.e-sortableclone .e-ripple,
411
+ .e-listbox-container.e-sortableclone .e-ripple,
412
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
413
+ overflow: visible;
414
+ }
415
+ .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
416
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
417
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
418
+ display: none;
419
+ }
420
+ .e-listbox-wrapper.e-sortableclone .e-list-badge,
421
+ .e-listbox-container.e-sortableclone .e-list-badge,
422
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
423
+ -webkit-box-align: center;
424
+ -ms-flex-align: center;
425
+ align-items: center;
426
+ background-color: #4f46e5;
427
+ border: 1px solid #fff;
428
+ border-radius: 50%;
429
+ color: #fff;
430
+ display: -webkit-box;
431
+ display: -ms-flexbox;
432
+ display: flex;
433
+ font-size: 12px;
434
+ height: 22px;
435
+ -webkit-box-pack: center;
436
+ -ms-flex-pack: center;
437
+ justify-content: center;
438
+ position: absolute;
439
+ right: -10px;
440
+ top: -10px;
441
+ width: 22px;
442
+ }
443
+
444
+ .e-listboxtool-wrapper.e-sortableclone {
445
+ display: block;
446
+ }
447
+
448
+ .e-listboxtool-wrapper,
449
+ .e-listboxtool-container {
450
+ cursor: pointer;
451
+ display: -webkit-box;
452
+ display: -ms-flexbox;
453
+ display: flex;
454
+ }
455
+ .e-listboxtool-wrapper *,
456
+ .e-listboxtool-container * {
457
+ -webkit-box-sizing: border-box;
458
+ box-sizing: border-box;
459
+ }
460
+ .e-listboxtool-wrapper.e-disabled,
461
+ .e-listboxtool-container.e-disabled {
462
+ cursor: default;
463
+ pointer-events: none;
464
+ }
465
+ .e-listboxtool-wrapper .e-listbox-wrapper,
466
+ .e-listboxtool-wrapper .e-list-wrap,
467
+ .e-listboxtool-container .e-listbox-wrapper,
468
+ .e-listboxtool-container .e-list-wrap {
469
+ -webkit-box-flex: 1;
470
+ -ms-flex: 1;
471
+ flex: 1;
472
+ }
473
+ .e-listboxtool-wrapper.e-right .e-listbox-tool,
474
+ .e-listboxtool-container.e-right .e-listbox-tool {
475
+ margin-left: 15px;
476
+ }
477
+ .e-listboxtool-wrapper.e-left .e-listbox-tool,
478
+ .e-listboxtool-container.e-left .e-listbox-tool {
479
+ margin-right: 15px;
480
+ }
481
+ .e-listboxtool-wrapper .e-listbox-tool,
482
+ .e-listboxtool-container .e-listbox-tool {
483
+ border: 1px solid #e5e7eb;
484
+ overflow: auto;
485
+ padding: 8px;
486
+ }
487
+ .e-listboxtool-wrapper .e-listbox-tool .e-btn,
488
+ .e-listboxtool-container .e-listbox-tool .e-btn {
489
+ display: list-item;
490
+ list-style-type: none;
491
+ margin-bottom: 10px;
492
+ }
493
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
494
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
495
+ position: absolute;
496
+ right: 0;
497
+ top: 30%;
498
+ }
499
+
500
+ .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
501
+ .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
502
+ margin-right: 15px;
503
+ }
504
+ .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
505
+ .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
506
+ margin-left: 15px;
507
+ }
508
+
509
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
510
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
511
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
512
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
513
+ width: 80% !important; /* stylelint-disable-line declaration-no-important */
514
+ }
515
+ .e-bigger .e-listbox-wrapper .e-list-item,
516
+ .e-listbox-wrapper.e-bigger .e-list-item,
517
+ .e-bigger .e-listbox-container .e-list-item,
518
+ .e-listbox-container.e-bigger .e-list-item {
519
+ border-bottom: 0 solid transparent;
520
+ border-left: 0 solid transparent;
521
+ border-right: 0 solid transparent;
522
+ border-top: 0 solid transparent;
523
+ }
524
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
525
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
526
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
527
+ .e-bigger .e-listbox-wrapper .e-list-header,
528
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
529
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
530
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
531
+ .e-listbox-wrapper.e-bigger .e-list-header,
532
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
533
+ .e-bigger .e-listbox-container .e-selectall-parent,
534
+ .e-bigger .e-listbox-container .e-list-group-item,
535
+ .e-bigger .e-listbox-container .e-list-header,
536
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
537
+ .e-listbox-container.e-bigger .e-selectall-parent,
538
+ .e-listbox-container.e-bigger .e-list-group-item,
539
+ .e-listbox-container.e-bigger .e-list-header {
540
+ padding: 12px 16px;
541
+ }
542
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
543
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
544
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
545
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
546
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
547
+ .e-bigger .e-listbox-container .e-selectall-parent,
548
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
549
+ .e-listbox-container.e-bigger .e-selectall-parent {
550
+ height: 48px;
551
+ line-height: 1.6;
552
+ position: relative;
553
+ }
554
+ .e-bigger .e-listbox-wrapper .e-list-parent,
555
+ .e-listbox-wrapper.e-bigger .e-list-parent,
556
+ .e-bigger .e-listbox-container .e-list-parent,
557
+ .e-listbox-container.e-bigger .e-list-parent {
558
+ min-height: 48px;
559
+ }
560
+ .e-bigger .e-listbox-wrapper .e-text-content,
561
+ .e-listbox-wrapper.e-bigger .e-text-content,
562
+ .e-bigger .e-listbox-container .e-text-content,
563
+ .e-listbox-container.e-bigger .e-text-content {
564
+ font-size: 16px;
565
+ }
566
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
567
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
568
+ .e-bigger .e-listbox-container .e-list-group-item,
569
+ .e-listbox-container.e-bigger .e-list-group-item {
570
+ height: 38px;
571
+ line-height: 15px;
572
+ }
573
+ .e-bigger .e-listbox-wrapper .e-list-header,
574
+ .e-listbox-wrapper.e-bigger .e-list-header,
575
+ .e-bigger .e-listbox-container .e-list-header,
576
+ .e-listbox-container.e-bigger .e-list-header {
577
+ -webkit-box-align: center;
578
+ -ms-flex-align: center;
579
+ align-items: center;
580
+ display: -webkit-box;
581
+ display: -ms-flexbox;
582
+ display: flex;
583
+ font-weight: 500;
584
+ height: 22px;
585
+ }
586
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
587
+ .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
588
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
589
+ .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
590
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
591
+ .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
592
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
593
+ .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
594
+ display: none;
595
+ }
596
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text,
597
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text,
598
+ .e-bigger .e-listbox-container .e-list-header .e-text,
599
+ .e-listbox-container.e-bigger .e-list-header .e-text {
600
+ font-size: 14px;
601
+ }
602
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
603
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
604
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
605
+ }
606
+
607
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
608
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
609
+ }
610
+
611
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
612
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
613
+ }
614
+
615
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
616
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
617
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
618
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
619
+ height: 100%;
620
+ }
621
+
622
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
623
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
624
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
625
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
626
+ }
627
+
628
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
629
+ height: calc(100% - 42px) !important; /* stylelint-disable-line declaration-no-important */
630
+ }
631
+
632
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
633
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
634
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
635
+ }
636
+
637
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
638
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
639
+ height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
640
+ }
641
+
642
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
643
+ height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
644
+ }
645
+
646
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
647
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
648
+ }
649
+
650
+ .e-listbox-wrapper,
651
+ .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
652
+ .e-listboxtool-container.e-listbox-container .e-ul {
653
+ border: 1px solid #e5e7eb;
654
+ }
655
+
656
+ .e-bigger.e-listbox-wrapper,
657
+ .e-bigger.e-listbox-container {
658
+ font-size: 16px;
659
+ }
660
+ .e-bigger.e-listbox-wrapper .e-list-header, .e-bigger.e-listbox-wrapper .e-list-group-item,
661
+ .e-bigger.e-listbox-container .e-list-header,
662
+ .e-bigger.e-listbox-container .e-list-group-item {
663
+ font-size: 14px;
664
+ }
665
+
666
+ .e-listbox-wrapper,
667
+ .e-listbox-container,
668
+ .e-listboxtool-wrapper {
669
+ font-family: "Inter";
670
+ font-size: 14px;
671
+ }
672
+ .e-listbox-wrapper .e-list-header,
673
+ .e-listbox-container .e-list-header,
674
+ .e-listboxtool-wrapper .e-list-header {
675
+ background-color: #f3f4f6;
676
+ border-color: rgba(0, 0, 0, 0.12);
677
+ color: #6b7280;
678
+ font-size: 12px;
679
+ }
680
+
681
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
682
+ .e-listbox-container.e-filter-list .e-list-parent,
683
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
684
+ height: calc(100% - 42px);
685
+ }
686
+
687
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
688
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
689
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
690
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
691
+ }
692
+
693
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
694
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
695
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
696
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
697
+ }
698
+
699
+ .e-listbox-wrapper .e-list-item,
700
+ .e-listbox-container .e-list-item,
701
+ .e-listboxtool-wrapper .e-list-item {
702
+ background-color: transparent;
703
+ border-bottom: 0 solid transparent;
704
+ border-left: 0 solid transparent;
705
+ border-right: 0 solid transparent;
706
+ border-top: 0 solid transparent;
707
+ color: #111827;
708
+ }
709
+
710
+ .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
711
+ .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
712
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
713
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
714
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
715
+ background-color: #f3f4f6;
716
+ border-color: transparent;
717
+ color: #111827;
718
+ }
719
+
720
+ .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
721
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
722
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
723
+ background-color: transparent;
724
+ color: #111827;
725
+ }
726
+
727
+ .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
728
+ .e-listbox-container .e-list-item.e-focused,
729
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
730
+ .e-listbox-container .e-list-item.e-selected,
731
+ .e-listboxtool-wrapper .e-list-item.e-focused,
732
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
733
+ .e-listboxtool-wrapper .e-list-item.e-selected {
734
+ background-color: #f3f4f6;
735
+ color: rgba(17, 24, 39, 0.87);
736
+ }
737
+
738
+ .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
739
+ .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
740
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
741
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
742
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
743
+ background-color: #4f46e5;
744
+ border-color: transparent;
745
+ color: #fff;
746
+ }
747
+
748
+ .e-listbox-wrapper .e-list-group-item,
749
+ .e-listbox-container .e-list-group-item,
750
+ .e-listboxtool-wrapper .e-list-group-item {
751
+ background-color: #f3f4f6;
752
+ border-color: rgba(0, 0, 0, 0.12);
753
+ color: #6b7280;
754
+ font-size: 12px;
755
+ }
756
+
757
+ .e-listbox-wrapper .e-selectall-parent,
758
+ .e-listbox-container .e-selectall-parent,
759
+ .e-listboxtool-wrapper .e-selectall-parent {
760
+ background-color: transparent;
761
+ border-bottom: 1px solid #e5e7eb;
762
+ color: #111827;
763
+ }
764
+
765
+ .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
766
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
767
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
768
+ background-color: transparent;
769
+ }
770
+
771
+ .e-listbox-wrapper.e-list-template .e-list-wrapper,
772
+ .e-listbox-container.e-list-template .e-list-wrapper,
773
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
774
+ height: inherit;
775
+ position: relative;
776
+ }
777
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
778
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
779
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
780
+ padding: 8px 16px;
781
+ }
782
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
783
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
784
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
785
+ padding: 4px;
786
+ }
787
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
788
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
789
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
790
+ color: #111827;
791
+ display: block;
792
+ font-size: 14px;
793
+ font-weight: 500;
794
+ margin: 0;
795
+ overflow: hidden;
796
+ padding: 0;
797
+ text-overflow: ellipsis;
798
+ white-space: nowrap;
799
+ }
800
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
801
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
802
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
803
+ color: #6b7280;
804
+ display: block;
805
+ font-size: 14px;
806
+ margin: 0;
807
+ padding: 2px 0 0 0;
808
+ word-wrap: break-word;
809
+ }
810
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
811
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
812
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
813
+ overflow: hidden;
814
+ text-overflow: ellipsis;
815
+ white-space: nowrap;
816
+ }
817
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
818
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
819
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
820
+ height: 40px;
821
+ left: 0;
822
+ position: absolute;
823
+ width: 40px;
824
+ left: 0;
825
+ }
826
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
827
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
828
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
829
+ padding-left: 68px;
830
+ padding-right: 16px;
831
+ }
832
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
833
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
834
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
835
+ padding-left: 16px;
836
+ padding-right: 68px;
837
+ }
838
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
839
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
840
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
841
+ height: 40px;
842
+ left: 0;
843
+ position: absolute;
844
+ width: 40px;
845
+ right: 0;
846
+ }
847
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
848
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
849
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
850
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
851
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
852
+ top: 0;
853
+ }
854
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
855
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
856
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
857
+ font-size: 10px;
858
+ height: 18px;
859
+ line-height: 16px;
860
+ padding: 0;
861
+ position: absolute;
862
+ right: 12px;
863
+ top: 50%;
864
+ -webkit-transform: translateY(-50%);
865
+ transform: translateY(-50%);
866
+ width: 32px;
867
+ }
868
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
869
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
870
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
871
+ padding-left: 68px;
872
+ padding-right: 10px;
873
+ }
874
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
875
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
876
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
877
+ padding-left: 16px;
878
+ padding-right: 10px;
879
+ }
880
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
881
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
882
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
883
+ display: block;
884
+ margin: 0;
885
+ overflow: hidden;
886
+ padding: 8px 0;
887
+ text-overflow: ellipsis;
888
+ white-space: nowrap;
889
+ }
890
+ .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
891
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
892
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
893
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
894
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
895
+ color: #111827;
896
+ }
897
+ .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
898
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
899
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
900
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
901
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
902
+ color: rgba(17, 24, 39, 0.87);
903
+ }
904
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
905
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
906
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
907
+ left: inherit;
908
+ right: 0;
909
+ }
910
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
911
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
912
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
913
+ padding-left: 16px;
914
+ padding-right: 68px;
915
+ }
916
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
917
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
918
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
919
+ padding-left: 68px;
920
+ padding-right: 16px;
921
+ }
922
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
923
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
924
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
925
+ left: 0;
926
+ right: inherit;
927
+ }
928
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
929
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
930
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
931
+ left: 12px;
932
+ right: inherit;
933
+ }
934
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
935
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
936
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
937
+ padding-left: 10px;
938
+ padding-right: 68px;
939
+ }
940
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
941
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
942
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
943
+ padding-left: 10px;
944
+ padding-right: 16px;
945
+ }
946
+
947
+ .e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
948
+ height: 100%;
949
+ }
950
+
951
+ .e-listbox-container.e-filter-list .e-list-wrap {
952
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
953
+ }
954
+
955
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
956
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
957
+ }
958
+
959
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
960
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
961
+ }