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