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