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