@syncfusion/ej2-dropdowns 19.4.56 → 20.1.51

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 (197) hide show
  1. package/CHANGELOG.md +4 -20
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +32 -6
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +31 -5
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +11 -11
  12. package/src/common/incremental-search.d.ts +1 -0
  13. package/src/common/incremental-search.js +4 -0
  14. package/src/drop-down-base/drop-down-base.js +1 -0
  15. package/src/drop-down-tree/drop-down-tree.js +4 -0
  16. package/src/list-box/list-box.js +20 -3
  17. package/src/multi-select/multi-select.js +1 -1
  18. package/styles/auto-complete/_fluent-dark-definition.scss +1 -0
  19. package/styles/auto-complete/bootstrap5-dark.css +7 -0
  20. package/styles/auto-complete/bootstrap5.css +7 -0
  21. package/styles/auto-complete/fluent-dark.css +132 -0
  22. package/styles/auto-complete/fluent-dark.scss +4 -0
  23. package/styles/auto-complete/fluent.css +132 -0
  24. package/styles/auto-complete/fluent.scss +4 -0
  25. package/styles/auto-complete/tailwind-dark.css +1 -57
  26. package/styles/auto-complete/tailwind.css +1 -57
  27. package/styles/bootstrap-dark.css +56 -30
  28. package/styles/bootstrap.css +56 -30
  29. package/styles/bootstrap4.css +56 -30
  30. package/styles/bootstrap5-dark.css +116 -40
  31. package/styles/bootstrap5.css +116 -40
  32. package/styles/combo-box/_fluent-dark-definition.scss +1 -0
  33. package/styles/combo-box/bootstrap5-dark.css +7 -0
  34. package/styles/combo-box/bootstrap5.css +7 -0
  35. package/styles/combo-box/fluent-dark.css +132 -0
  36. package/styles/combo-box/fluent-dark.scss +4 -0
  37. package/styles/combo-box/fluent.css +132 -0
  38. package/styles/combo-box/fluent.scss +4 -0
  39. package/styles/combo-box/tailwind-dark.css +1 -57
  40. package/styles/combo-box/tailwind.css +1 -57
  41. package/styles/drop-down-base/_bootstrap-dark-definition.scss +2 -0
  42. package/styles/drop-down-base/_bootstrap-definition.scss +2 -0
  43. package/styles/drop-down-base/_bootstrap4-definition.scss +2 -0
  44. package/styles/drop-down-base/_bootstrap5-definition.scss +2 -0
  45. package/styles/drop-down-base/_fabric-dark-definition.scss +2 -0
  46. package/styles/drop-down-base/_fabric-definition.scss +2 -0
  47. package/styles/drop-down-base/_fluent-dark-definition.scss +1 -0
  48. package/styles/drop-down-base/_fluent-definition.scss +12 -7
  49. package/styles/drop-down-base/_highcontrast-definition.scss +2 -0
  50. package/styles/drop-down-base/_highcontrast-light-definition.scss +2 -0
  51. package/styles/drop-down-base/_layout.scss +40 -4
  52. package/styles/drop-down-base/_material-dark-definition.scss +2 -0
  53. package/styles/drop-down-base/_material-definition.scss +2 -0
  54. package/styles/drop-down-base/_tailwind-definition.scss +17 -8
  55. package/styles/drop-down-base/_theme.scss +82 -3
  56. package/styles/drop-down-base/bootstrap-dark.css +7 -2
  57. package/styles/drop-down-base/bootstrap.css +7 -2
  58. package/styles/drop-down-base/bootstrap4.css +7 -2
  59. package/styles/drop-down-base/bootstrap5-dark.css +12 -3
  60. package/styles/drop-down-base/bootstrap5.css +12 -3
  61. package/styles/drop-down-base/fabric-dark.css +7 -2
  62. package/styles/drop-down-base/fabric.css +7 -2
  63. package/styles/drop-down-base/fluent-dark.css +397 -0
  64. package/styles/drop-down-base/fluent-dark.scss +3 -0
  65. package/styles/drop-down-base/fluent.css +397 -0
  66. package/styles/drop-down-base/fluent.scss +3 -0
  67. package/styles/drop-down-base/highcontrast-light.css +7 -2
  68. package/styles/drop-down-base/highcontrast.css +7 -2
  69. package/styles/drop-down-base/material-dark.css +7 -2
  70. package/styles/drop-down-base/material.css +7 -2
  71. package/styles/drop-down-base/tailwind-dark.css +103 -14
  72. package/styles/drop-down-base/tailwind.css +103 -14
  73. package/styles/drop-down-list/_bootstrap-dark-definition.scss +1 -1
  74. package/styles/drop-down-list/_bootstrap-definition.scss +1 -1
  75. package/styles/drop-down-list/_bootstrap4-definition.scss +1 -1
  76. package/styles/drop-down-list/_bootstrap5-definition.scss +10 -2
  77. package/styles/drop-down-list/_fabric-dark-definition.scss +1 -1
  78. package/styles/drop-down-list/_fabric-definition.scss +1 -1
  79. package/styles/drop-down-list/_fluent-dark-definition.scss +1 -0
  80. package/styles/drop-down-list/_fluent-definition.scss +10 -19
  81. package/styles/drop-down-list/_highcontrast-definition.scss +1 -1
  82. package/styles/drop-down-list/_highcontrast-light-definition.scss +1 -1
  83. package/styles/drop-down-list/_layout.scss +52 -15
  84. package/styles/drop-down-list/_material-dark-definition.scss +1 -1
  85. package/styles/drop-down-list/_material-definition.scss +1 -1
  86. package/styles/drop-down-list/_tailwind-definition.scss +6 -61
  87. package/styles/drop-down-list/bootstrap-dark.css +28 -6
  88. package/styles/drop-down-list/bootstrap.css +28 -6
  89. package/styles/drop-down-list/bootstrap4.css +28 -6
  90. package/styles/drop-down-list/bootstrap5-dark.css +35 -6
  91. package/styles/drop-down-list/bootstrap5.css +35 -6
  92. package/styles/drop-down-list/fabric-dark.css +28 -6
  93. package/styles/drop-down-list/fabric.css +28 -6
  94. package/styles/drop-down-list/fluent-dark.css +447 -0
  95. package/styles/drop-down-list/fluent-dark.scss +8 -0
  96. package/styles/drop-down-list/fluent.css +447 -0
  97. package/styles/drop-down-list/fluent.scss +8 -0
  98. package/styles/drop-down-list/highcontrast-light.css +28 -6
  99. package/styles/drop-down-list/highcontrast.css +28 -6
  100. package/styles/drop-down-list/icons/_fluent-dark.scss +1 -0
  101. package/styles/drop-down-list/icons/_fluent.scss +1 -1
  102. package/styles/drop-down-list/icons/_tailwind.scss +3 -4
  103. package/styles/drop-down-list/material-dark.css +28 -6
  104. package/styles/drop-down-list/material.css +28 -6
  105. package/styles/drop-down-list/tailwind-dark.css +20 -95
  106. package/styles/drop-down-list/tailwind.css +20 -95
  107. package/styles/drop-down-tree/_bootstrap5-definition.scss +1 -1
  108. package/styles/drop-down-tree/_fluent-dark-definition.scss +1 -0
  109. package/styles/drop-down-tree/_fluent-definition.scss +25 -30
  110. package/styles/drop-down-tree/_layout.scss +94 -27
  111. package/styles/drop-down-tree/_tailwind-definition.scss +2 -1
  112. package/styles/drop-down-tree/_theme.scss +9 -4
  113. package/styles/drop-down-tree/bootstrap5-dark.css +6 -2
  114. package/styles/drop-down-tree/bootstrap5.css +6 -2
  115. package/styles/drop-down-tree/fluent-dark.css +599 -0
  116. package/styles/drop-down-tree/fluent-dark.scss +9 -0
  117. package/styles/drop-down-tree/fluent.css +599 -0
  118. package/styles/drop-down-tree/fluent.scss +9 -0
  119. package/styles/drop-down-tree/icons/_fluent-dark.scss +1 -0
  120. package/styles/drop-down-tree/icons/_fluent.scss +1 -1
  121. package/styles/drop-down-tree/icons/_tailwind-dark.scss +2 -2
  122. package/styles/drop-down-tree/icons/_tailwind.scss +2 -2
  123. package/styles/drop-down-tree/tailwind-dark.css +15 -6
  124. package/styles/drop-down-tree/tailwind.css +15 -6
  125. package/styles/fabric-dark.css +56 -30
  126. package/styles/fabric.css +56 -30
  127. package/styles/fluent-dark.css +3602 -0
  128. package/styles/fluent-dark.scss +7 -0
  129. package/styles/fluent.css +3602 -0
  130. package/styles/fluent.scss +7 -0
  131. package/styles/highcontrast-light.css +58 -31
  132. package/styles/highcontrast.css +58 -31
  133. package/styles/list-box/_bootstrap-dark-definition.scss +98 -102
  134. package/styles/list-box/_bootstrap-definition.scss +94 -98
  135. package/styles/list-box/_bootstrap4-definition.scss +98 -102
  136. package/styles/list-box/_bootstrap5-definition.scss +94 -99
  137. package/styles/list-box/_fabric-dark-definition.scss +98 -102
  138. package/styles/list-box/_fabric-definition.scss +94 -98
  139. package/styles/list-box/_fluent-dark-definition.scss +1 -0
  140. package/styles/list-box/_fluent-definition.scss +95 -100
  141. package/styles/list-box/_highcontrast-definition.scss +94 -98
  142. package/styles/list-box/_highcontrast-light-definition.scss +98 -102
  143. package/styles/list-box/_layout.scss +37 -37
  144. package/styles/list-box/_material-dark-definition.scss +98 -102
  145. package/styles/list-box/_material-definition.scss +94 -98
  146. package/styles/list-box/_tailwind-definition.scss +95 -99
  147. package/styles/list-box/_theme.scss +77 -85
  148. package/styles/list-box/bootstrap-dark.css +2 -12
  149. package/styles/list-box/bootstrap.css +2 -12
  150. package/styles/list-box/bootstrap4.css +2 -12
  151. package/styles/list-box/bootstrap5-dark.css +5 -15
  152. package/styles/list-box/bootstrap5.css +5 -15
  153. package/styles/list-box/fabric-dark.css +2 -12
  154. package/styles/list-box/fabric.css +2 -12
  155. package/styles/list-box/fluent-dark.css +895 -0
  156. package/styles/list-box/fluent-dark.scss +5 -0
  157. package/styles/list-box/fluent.css +895 -0
  158. package/styles/list-box/fluent.scss +5 -0
  159. package/styles/list-box/highcontrast-light.css +2 -12
  160. package/styles/list-box/highcontrast.css +2 -12
  161. package/styles/list-box/icons/_fluent-dark.scss +1 -0
  162. package/styles/list-box/icons/_tailwind-dark.scss +7 -7
  163. package/styles/list-box/icons/_tailwind.scss +7 -7
  164. package/styles/list-box/material-dark.css +4 -14
  165. package/styles/list-box/material.css +4 -14
  166. package/styles/list-box/tailwind-dark.css +17 -24
  167. package/styles/list-box/tailwind.css +17 -24
  168. package/styles/material-dark.css +58 -32
  169. package/styles/material.css +58 -32
  170. package/styles/multi-select/_bootstrap5-definition.scss +8 -4
  171. package/styles/multi-select/_fluent-dark-definition.scss +1 -0
  172. package/styles/multi-select/_fluent-definition.scss +30 -16
  173. package/styles/multi-select/_layout.scss +276 -25
  174. package/styles/multi-select/_tailwind-definition.scss +61 -43
  175. package/styles/multi-select/_theme.scss +79 -15
  176. package/styles/multi-select/bootstrap-dark.css +19 -10
  177. package/styles/multi-select/bootstrap.css +19 -10
  178. package/styles/multi-select/bootstrap4.css +19 -10
  179. package/styles/multi-select/bootstrap5-dark.css +58 -14
  180. package/styles/multi-select/bootstrap5.css +58 -14
  181. package/styles/multi-select/fabric-dark.css +19 -10
  182. package/styles/multi-select/fabric.css +19 -10
  183. package/styles/multi-select/fluent-dark.css +1416 -0
  184. package/styles/multi-select/fluent-dark.scss +9 -0
  185. package/styles/multi-select/fluent.css +1416 -0
  186. package/styles/multi-select/fluent.scss +9 -0
  187. package/styles/multi-select/highcontrast-light.css +21 -11
  188. package/styles/multi-select/highcontrast.css +21 -11
  189. package/styles/multi-select/icons/_fluent-dark.scss +1 -0
  190. package/styles/multi-select/icons/_fluent.scss +32 -3
  191. package/styles/multi-select/icons/_tailwind.scss +3 -3
  192. package/styles/multi-select/material-dark.css +19 -10
  193. package/styles/multi-select/material.css +19 -10
  194. package/styles/multi-select/tailwind-dark.css +166 -126
  195. package/styles/multi-select/tailwind.css +166 -126
  196. package/styles/tailwind-dark.css +297 -253
  197. package/styles/tailwind.css +297 -253
@@ -0,0 +1,3602 @@
1
+ .e-dropdownbase .e-list-group-item,
2
+ .e-fixed-head {
3
+ font-size: 12px;
4
+ }
5
+
6
+ .e-small .e-dropdownbase .e-list-group-item,
7
+ .e-small .e-fixed-head,
8
+ .e-small.e-dropdownbase .e-list-group-item,
9
+ .e-small.e-fixed-head {
10
+ font-size: 10px;
11
+ }
12
+
13
+ .e-bigger .e-dropdownbase .e-list-group-item,
14
+ .e-bigger .e-fixed-head,
15
+ .e-bigger.e-dropdownbase .e-list-group-item,
16
+ .e-bigger.e-fixed-head {
17
+ font-size: 14px;
18
+ }
19
+
20
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item,
21
+ .e-bigger.e-small .e-fixed-head,
22
+ .e-bigger.e-small.e-dropdownbase .e-list-group-item,
23
+ .e-bigger.e-small.e-fixed-head {
24
+ font-size: 12px;
25
+ }
26
+
27
+ .e-dropdownbase .e-list-item .e-list-icon {
28
+ padding: 0 8px 0 0;
29
+ }
30
+
31
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
32
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
33
+ padding: 0 12px 0 0;
34
+ }
35
+
36
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
37
+ padding: 0 8px 0 0;
38
+ }
39
+
40
+ .e-bigger .e-dropdownbase,
41
+ .e-dropdownbase.e-bigger {
42
+ min-height: 45px;
43
+ }
44
+
45
+ .e-bigger .e-dropdownbase .e-list-item,
46
+ .e-dropdownbase.e-bigger .e-list-item {
47
+ line-height: 32px;
48
+ text-indent: 8px;
49
+ }
50
+
51
+ .e-bigger .e-dropdownbase .e-list-group-item,
52
+ .e-bigger .e-dropdownbase .e-fixed-head,
53
+ .e-dropdownbase.e-bigger .e-list-group-item,
54
+ .e-dropdownbase.e-bigger .e-fixed-head {
55
+ line-height: 32px;
56
+ text-indent: 8px;
57
+ }
58
+
59
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
60
+ .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
61
+ font-size: 20px;
62
+ }
63
+
64
+ .e-dropdownbase {
65
+ display: block;
66
+ height: 100%;
67
+ min-height: 36px;
68
+ position: relative;
69
+ width: 100%;
70
+ }
71
+
72
+ .e-dropdownbase .e-list-parent {
73
+ margin: 0;
74
+ padding: 0;
75
+ }
76
+
77
+ .e-dropdownbase .e-list-group-item,
78
+ .e-dropdownbase .e-fixed-head {
79
+ cursor: default;
80
+ }
81
+
82
+ .e-dropdownbase .e-list-item {
83
+ cursor: pointer;
84
+ overflow: hidden;
85
+ position: relative;
86
+ text-overflow: ellipsis;
87
+ vertical-align: middle;
88
+ white-space: nowrap;
89
+ width: 100%;
90
+ }
91
+
92
+ .e-dropdownbase .e-list-item .e-list-icon {
93
+ font-size: 16px;
94
+ vertical-align: middle;
95
+ }
96
+
97
+ .e-dropdownbase .e-fixed-head {
98
+ position: absolute;
99
+ top: 0;
100
+ }
101
+
102
+ .e-rtl .e-dropdownbase .e-fixed-head {
103
+ left: 33px;
104
+ }
105
+
106
+ .e-dropdownbase.e-content {
107
+ overflow: auto;
108
+ position: relative;
109
+ }
110
+
111
+ .e-popup.e-ddl .e-dropdownbase.e-nodata {
112
+ color: #f3f2f1;
113
+ cursor: default;
114
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
115
+ font-size: 14px;
116
+ padding: 14px 16px;
117
+ text-align: center;
118
+ }
119
+
120
+ .e-bigger.e-ddl .e-dropdownbase.e-nodata,
121
+ .e-bigger .e-ddl .e-dropdownbase.e-nodata {
122
+ font-size: 16px;
123
+ }
124
+
125
+ .e-small.e-ddl .e-dropdownbase.e-nodata,
126
+ .e-small .e-ddl .e-dropdownbase.e-nodata {
127
+ font-size: 12px;
128
+ }
129
+
130
+ .e-bigger.e-small.e-ddl .e-dropdownbase.e-nodata,
131
+ .e-bigger.e-small .e-ddl .e-dropdownbase.e-nodata {
132
+ font-size: 14px;
133
+ }
134
+
135
+ .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
136
+ padding-right: 12px;
137
+ }
138
+
139
+ .e-dropdownbase.e-dd-group .e-list-item {
140
+ padding-left: 12px;
141
+ text-indent: 0;
142
+ }
143
+
144
+ .e-small .e-dropdownbase.e-dd-group .e-list-item {
145
+ padding-left: 8px;
146
+ text-indent: 0;
147
+ }
148
+
149
+ .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
150
+ padding-left: 16px;
151
+ text-indent: 0;
152
+ }
153
+
154
+ .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
155
+ padding-left: 14px;
156
+ text-indent: 0;
157
+ }
158
+
159
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
160
+ text-indent: 0;
161
+ }
162
+
163
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
164
+ cursor: pointer;
165
+ font-weight: normal;
166
+ overflow: hidden;
167
+ position: relative;
168
+ text-overflow: ellipsis;
169
+ vertical-align: middle;
170
+ white-space: nowrap;
171
+ width: 100%;
172
+ }
173
+
174
+ .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
175
+ padding-right: 12px;
176
+ }
177
+
178
+ .e-rtl .e-dropdownbase .e-list-item {
179
+ padding-left: 16px;
180
+ padding-right: 0;
181
+ }
182
+
183
+ .e-small.e-rtl .e-dropdownbase .e-list-item,
184
+ .e-small .e-rtl .e-dropdownbase .e-list-item,
185
+ .e-rtl .e-small .e-dropdownbase .e-list-item {
186
+ padding-left: 16px;
187
+ padding-right: 0;
188
+ }
189
+
190
+ .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
191
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
192
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
193
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
194
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
195
+ padding-left: 16px;
196
+ padding-right: 0;
197
+ }
198
+
199
+ .e-dropdownbase {
200
+ border-color: #292827;
201
+ }
202
+
203
+ .e-dropdownbase .e-list-item {
204
+ -webkit-tap-highlight-color: transparent;
205
+ background-color: #252423;
206
+ border-bottom: 0;
207
+ border-color: #292827;
208
+ color: #f3f2f1;
209
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
210
+ font-size: 14px;
211
+ line-height: 36px;
212
+ min-height: 36px;
213
+ padding-right: 16px;
214
+ text-indent: 8px;
215
+ }
216
+
217
+ .e-dropdownbase .e-list-group-item,
218
+ .e-fixed-head {
219
+ background-color: #252423;
220
+ border-color: #292827;
221
+ color: #0078d4;
222
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
223
+ font-size: 14px;
224
+ font-weight: 600;
225
+ line-height: 36px;
226
+ min-height: 36px;
227
+ padding-left: 12px;
228
+ padding-right: 16px;
229
+ }
230
+
231
+ .e-dropdownbase .e-list-item.e-active,
232
+ .e-dropdownbase .e-list-item.e-active.e-hover {
233
+ background-color: #3b3a39;
234
+ border-color: #252423;
235
+ color: #f3f2f1;
236
+ }
237
+
238
+ .e-dropdownbase .e-list-item.e-hover {
239
+ background-color: #323130;
240
+ border-color: #252423;
241
+ color: #f3f2f1;
242
+ }
243
+
244
+ .e-dropdownbase .e-list-item:last-child {
245
+ border-bottom: 0;
246
+ }
247
+
248
+ .e-dropdownbase .e-list-item.e-item-focus {
249
+ background-color: #323130;
250
+ }
251
+
252
+ .e-bigger .e-dropdownbase .e-list-group-item,
253
+ .e-bigger .e-dropdownbase .e-fixed-head {
254
+ font-size: 16px;
255
+ padding-left: 16px;
256
+ }
257
+
258
+ .e-multi-column.e-ddl.e-popup.e-popup-open table {
259
+ border-collapse: collapse;
260
+ table-layout: fixed;
261
+ width: 100%;
262
+ }
263
+
264
+ .e-multi-column.e-ddl.e-popup.e-popup-open th,
265
+ .e-multi-column.e-ddl.e-popup.e-popup-open td {
266
+ display: table-cell;
267
+ overflow: hidden;
268
+ padding-right: 16px;
269
+ text-indent: 10px;
270
+ text-overflow: ellipsis;
271
+ }
272
+
273
+ .e-multi-column.e-ddl.e-popup.e-popup-open th {
274
+ line-height: 36px;
275
+ text-align: left;
276
+ }
277
+
278
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header {
279
+ background-color: #252423;
280
+ border-color: #323130;
281
+ border-style: solid;
282
+ border-width: 0 0 1px 0;
283
+ color: #0078d4;
284
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
285
+ font-size: 14px;
286
+ font-weight: 600;
287
+ text-indent: 10px;
288
+ }
289
+
290
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-dropdownbase .e-list-item {
291
+ padding-right: 0;
292
+ }
293
+
294
+ .e-multi-column.e-ddl.e-popup.e-popup-open.e-scroller .e-ddl-header {
295
+ padding-right: 16px;
296
+ }
297
+
298
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header,
299
+ .e-multi-column.e-ddl.e-popup.e-popup-open.e-ddl-device .e-ddl-header {
300
+ padding-right: 0;
301
+ }
302
+
303
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-center {
304
+ text-align: center;
305
+ }
306
+
307
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-right {
308
+ text-align: right;
309
+ }
310
+
311
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-left {
312
+ text-align: left;
313
+ }
314
+
315
+ .e-small .e-dropdownbase .e-list-item,
316
+ .e-dropdownbase.e-small .e-list-item {
317
+ color: #f3f2f1;
318
+ line-height: 26px;
319
+ min-height: 26px;
320
+ text-indent: 8px;
321
+ }
322
+
323
+ .e-small .e-dropdownbase .e-list-group-item,
324
+ .e-small .e-dropdownbase .e-fixed-head,
325
+ .e-dropdownbase.e-small .e-list-group-item,
326
+ .e-dropdownbase.e-small .e-fixed-head {
327
+ font-size: 10px;
328
+ line-height: 26px;
329
+ min-height: 26px;
330
+ padding-left: 8px;
331
+ }
332
+
333
+ .e-small .e-dropdownbase .e-list-item .e-list-icon,
334
+ .e-dropdownbase.e-small .e-list-item .e-list-icon {
335
+ font-size: 14px;
336
+ }
337
+
338
+ .e-bigger.e-small .e-dropdownbase .e-list-item,
339
+ .e-dropdownbase.e-small.e-bigger .e-list-item {
340
+ color: #f3f2f1;
341
+ line-height: 30px;
342
+ min-height: 30px;
343
+ text-indent: 8px;
344
+ }
345
+
346
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item,
347
+ .e-bigger.e-small .e-dropdownbase .e-fixed-head,
348
+ .e-dropdownbase.e-small.e-bigger .e-list-group-item,
349
+ .e-dropdownbase.e-small.e-bigger .e-fixed-head {
350
+ line-height: 30px;
351
+ min-height: 30px;
352
+ padding-left: 14px;
353
+ }
354
+
355
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
356
+ .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
357
+ font-size: 18px;
358
+ }
359
+
360
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item,
361
+ .e-bigger.e-small .e-dropdownbase .e-fixed-head,
362
+ .e-dropdownbase.e-bigger.e-small .e-list-group-item,
363
+ .e-dropdownbase.e-bigger.e-small .e-fixed-head {
364
+ font-size: 12px;
365
+ }
366
+
367
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
368
+ background-color: #252423;
369
+ border-bottom: 0;
370
+ border-color: #292827;
371
+ color: #f3f2f1;
372
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
373
+ text-indent: 8px;
374
+ color: #0078d4;
375
+ }
376
+
377
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
378
+ background-color: #323130;
379
+ }
380
+
381
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
382
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
383
+ background-color: #3b3a39;
384
+ border-color: #252423;
385
+ color: #f3f2f1;
386
+ }
387
+
388
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
389
+ background-color: #323130;
390
+ border-color: #252423;
391
+ color: #f3f2f1;
392
+ color: #0078d4;
393
+ }
394
+
395
+ .e-dropdownbase .e-list-item .e-list-icon {
396
+ color: #a19f9d;
397
+ }
398
+
399
+ @keyframes material-spinner-rotate {
400
+ 0% {
401
+ transform: rotate(0);
402
+ }
403
+ 100% {
404
+ transform: rotate(360deg);
405
+ }
406
+ }
407
+
408
+ @keyframes fabric-spinner-rotate {
409
+ 0% {
410
+ transform: rotate(0);
411
+ }
412
+ 100% {
413
+ transform: rotate(360deg);
414
+ }
415
+ }
416
+
417
+ .e-popup.e-ddl {
418
+ border-radius: 4px;
419
+ box-shadow: none;
420
+ margin-top: 1px;
421
+ }
422
+
423
+ .e-popup.e-ddl .e-input-group {
424
+ width: auto;
425
+ }
426
+
427
+ .e-popup.e-ddl .e-input-group input {
428
+ line-height: 15px;
429
+ }
430
+
431
+ .e-popup.e-ddl .e-dropdownbase {
432
+ min-height: 26px;
433
+ }
434
+
435
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
436
+ display: -ms-flexbox;
437
+ display: flex;
438
+ width: auto;
439
+ }
440
+
441
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
442
+ border: 0;
443
+ }
444
+
445
+ .e-bigger .e-popup.e-ddl-device-filter {
446
+ margin-top: 0;
447
+ }
448
+
449
+ .e-bigger .e-popup.e-ddl .e-list-item {
450
+ font-size: 16px;
451
+ line-height: 32px;
452
+ padding-left: 0;
453
+ text-indent: 16px;
454
+ }
455
+
456
+ .e-bigger .e-popup.e-ddl .e-list-group-item,
457
+ .e-bigger .e-popup.e-ddl .e-fixed-head {
458
+ font-size: 14px;
459
+ line-height: 32px;
460
+ padding-left: 0;
461
+ text-indent: 16px;
462
+ }
463
+
464
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
465
+ min-height: 40px;
466
+ }
467
+
468
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
469
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] {
470
+ background: transparent;
471
+ }
472
+
473
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
474
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
475
+ background: #1b1a19;
476
+ }
477
+
478
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
479
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
480
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
481
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
482
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
483
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
484
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
485
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
486
+ background: none;
487
+ color: #a19f9d;
488
+ }
489
+
490
+ .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
491
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
492
+ .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
493
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
494
+ background: transparent;
495
+ color: #a19f9d;
496
+ }
497
+
498
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
499
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
500
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
501
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
502
+ border: 0;
503
+ }
504
+
505
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
506
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
507
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
508
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
509
+ box-shadow: none;
510
+ }
511
+
512
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
513
+ background: none;
514
+ display: -ms-flexbox;
515
+ display: flex;
516
+ position: relative;
517
+ }
518
+
519
+ .e-ddl.e-popup .e-filter-parent .e-input-group,
520
+ .e-ddl.e-popup .e-filter-parent {
521
+ background: #252423;
522
+ }
523
+
524
+ .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
525
+ font-size: 14px;
526
+ }
527
+
528
+ .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
529
+ font-size: 16px;
530
+ }
531
+
532
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item,
533
+ .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
534
+ .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
535
+ font-size: 14px;
536
+ line-height: 34px;
537
+ padding-left: 0;
538
+ text-indent: 16px;
539
+ }
540
+
541
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
542
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
543
+ height: 30px;
544
+ }
545
+
546
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
547
+ min-height: 34px;
548
+ }
549
+
550
+ .e-ddl .e-search-icon::before {
551
+ content: '\e754';
552
+ }
553
+
554
+ .e-ddl .e-back-icon::before {
555
+ content: '\e773';
556
+ }
557
+
558
+ .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
559
+ content: '\e729';
560
+ font-family: 'e-icons';
561
+ }
562
+
563
+ .e-bigger .e-input-group.e-ddl .e-input-filter,
564
+ .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
565
+ margin-left: -20px;
566
+ }
567
+
568
+ .e-bigger .e-ddl.e-popup .e-list-item {
569
+ font-size: 16px;
570
+ }
571
+
572
+ .e-bigger .e-ddl.e-popup .e-list-group-item {
573
+ font-size: 16px;
574
+ }
575
+
576
+ .e-bigger.e-ddl.e-popup .e-list-item {
577
+ font-size: 16px;
578
+ }
579
+
580
+ .e-bigger.e-ddl.e-popup .e-list-group-item {
581
+ font-size: 16px;
582
+ }
583
+
584
+ .e-popup-full-page {
585
+ bottom: 0;
586
+ left: 0;
587
+ margin: 0;
588
+ overflow: hidden;
589
+ padding: 0;
590
+ right: 0;
591
+ top: 0;
592
+ }
593
+
594
+ .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
595
+ margin: 0;
596
+ }
597
+
598
+ .e-ddl.e-control-wrapper .e-ddl-disable-icon {
599
+ position: relative;
600
+ }
601
+
602
+ .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
603
+ content: '';
604
+ }
605
+
606
+ .e-ddl-device-filter .e-filter-parent {
607
+ background-color: #252423;
608
+ }
609
+
610
+ .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
611
+ display: none;
612
+ pointer-events: none;
613
+ position: absolute;
614
+ right: 0;
615
+ visibility: hidden;
616
+ }
617
+
618
+ .e-filter-parent {
619
+ border: 0;
620
+ border-top-width: 0;
621
+ box-shadow: none;
622
+ display: block;
623
+ padding: 8px;
624
+ border-bottom: 1px solid #323130;
625
+ }
626
+
627
+ .e-ddl.e-input-group:not(.e-disabled) {
628
+ cursor: pointer;
629
+ }
630
+
631
+ .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before,
632
+ .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
633
+ width: 0;
634
+ }
635
+
636
+ .e-ddl.e-popup {
637
+ background: #252423;
638
+ border: 1px solid #292827;
639
+ position: absolute;
640
+ }
641
+
642
+ .e-ddl.e-popup .e-search-icon {
643
+ margin: 0;
644
+ opacity: .57;
645
+ padding: 12px 8px 8px;
646
+ }
647
+
648
+ .e-ddl.e-popup .e-filter-parent .e-back-icon {
649
+ padding: 0 8px;
650
+ }
651
+
652
+ .e-ddl.e-popup .e-input-group {
653
+ margin-bottom: 0;
654
+ }
655
+
656
+ .e-ddl.e-popup .e-ddl-footer,
657
+ .e-ddl.e-popup .e-ddl-header {
658
+ cursor: default;
659
+ }
660
+
661
+ .e-ddl.e-input-group .e-ddl-hidden,
662
+ .e-ddl.e-float-input .e-ddl-hidden {
663
+ -webkit-appearance: initial;
664
+ border: 0;
665
+ height: 0;
666
+ padding: 0;
667
+ visibility: hidden;
668
+ width: 0;
669
+ }
670
+
671
+ .e-ddl.e-input-group,
672
+ .e-ddl.e-input-group.e-input-focus:focus {
673
+ outline: none;
674
+ }
675
+
676
+ .e-dropdownbase .e-list-item .e-highlight {
677
+ display: inline;
678
+ font-weight: bold;
679
+ vertical-align: baseline;
680
+ }
681
+
682
+ .e-ddl.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
683
+ .e-float-input input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
684
+ .e-float-input.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide) {
685
+ opacity: 1;
686
+ }
687
+
688
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
689
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
690
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
691
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
692
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
693
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
694
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
695
+ display: -ms-flexbox;
696
+ display: flex;
697
+ }
698
+
699
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
700
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
701
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
702
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
703
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
704
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
705
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
706
+ display: none;
707
+ }
708
+
709
+ .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
710
+ .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
711
+ .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
712
+ .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
713
+ .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
714
+ .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
715
+ cursor: pointer;
716
+ display: -ms-flexbox;
717
+ display: flex;
718
+ }
719
+
720
+ .e-ddl.e-input-group .e-input-value,
721
+ .e-ddl.e-input-group .e-input-value:focus {
722
+ font-family: inherit;
723
+ font-size: 14px;
724
+ height: auto;
725
+ margin: 0;
726
+ outline: none;
727
+ width: 100%;
728
+ }
729
+
730
+ .e-ddl.e-input-group input[readonly].e-input,
731
+ .e-ddl.e-input-group input[readonly],
732
+ .e-ddl.e-input-group .e-dropdownlist {
733
+ pointer-events: none;
734
+ }
735
+
736
+ ejs-autocomplete,
737
+ ejs-combobox,
738
+ ejs-dropdownlist {
739
+ display: block;
740
+ }
741
+
742
+ .e-small .e-ddl.e-popup .e-list-item,
743
+ .e-input-group.e-ddl.e-small .e-list-item {
744
+ font-size: 12px;
745
+ }
746
+
747
+ .e-small .e-ddl.e-popup .e-list-group-item,
748
+ .e-input-group.e-ddl.e-small .e-list-group-item {
749
+ font-size: 12px;
750
+ }
751
+
752
+ .e-small.e-ddl.e-popup .e-list-item,
753
+ .e-input-group.e-ddl.e-small .e-list-item {
754
+ font-size: 12px;
755
+ }
756
+
757
+ .e-small.e-ddl.e-popup .e-list-group-item,
758
+ .e-input-group.e-ddl.e-small .e-list-group-item {
759
+ font-size: 12px;
760
+ }
761
+
762
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item,
763
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
764
+ font-size: 14px;
765
+ }
766
+
767
+ .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
768
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
769
+ font-size: 14px;
770
+ }
771
+
772
+ .e-bigger.e-small.e-ddl.e-popup .e-list-item,
773
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
774
+ font-size: 14px;
775
+ }
776
+
777
+ .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
778
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
779
+ font-size: 14px;
780
+ }
781
+
782
+ .e-content-placeholder.e-ddl.e-placeholder-ddl,
783
+ .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
784
+ .e-content-placeholder.e-combobox.e-placeholder-combobox {
785
+ background-size: 300px 33px;
786
+ min-height: 33px;
787
+ }
788
+
789
+ .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
790
+ .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
791
+ .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
792
+ .e-bigger.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
793
+ .e-bigger .e-content-placeholder.e-combobox.e-placeholder-combobox,
794
+ .e-bigger.e-content-placeholder.e-combobox.e-placeholder-combobox {
795
+ background-size: 300px 40px;
796
+ min-height: 40px;
797
+ }
798
+
799
+ .e-popup {
800
+ border-color: #292827;
801
+ }
802
+
803
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
804
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
805
+ color: #f3f2f1;
806
+ }
807
+
808
+ @keyframes material-spinner-rotate {
809
+ 0% {
810
+ transform: rotate(0);
811
+ }
812
+ 100% {
813
+ transform: rotate(360deg);
814
+ }
815
+ }
816
+
817
+ @keyframes fabric-spinner-rotate {
818
+ 0% {
819
+ transform: rotate(0);
820
+ }
821
+ 100% {
822
+ transform: rotate(360deg);
823
+ }
824
+ }
825
+
826
+ /*! TreeView's bootstrap5 theme wise override definitions and variables */
827
+ .e-ddt .e-ddt-icon::before {
828
+ content: '\e729';
829
+ }
830
+
831
+ .e-ddt .e-chips-close::before {
832
+ content: '\e7e7';
833
+ }
834
+
835
+ .e-ddt {
836
+ cursor: pointer;
837
+ outline: none;
838
+ }
839
+
840
+ .e-ddt .e-ddt-icon::before {
841
+ transform: rotate(0deg);
842
+ transition: transform 300ms ease;
843
+ }
844
+
845
+ .e-ddt.e-icon-anim .e-ddt-icon::before {
846
+ transform: rotate(180deg);
847
+ transition: transform 300ms ease;
848
+ }
849
+
850
+ .e-ddt .e-ddt-hidden {
851
+ border: 0;
852
+ height: 0;
853
+ visibility: hidden;
854
+ width: 0;
855
+ }
856
+
857
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
858
+ box-sizing: content-box;
859
+ }
860
+
861
+ .e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
862
+ border: 0;
863
+ }
864
+
865
+ .e-ddt.e-input-group.e-control-wrapper .e-icon-hide, .e-ddt.e-float-input.e-control-wrapper .e-icon-hide {
866
+ display: none;
867
+ }
868
+
869
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
870
+ bottom: 10px;
871
+ position: absolute;
872
+ right: 0;
873
+ }
874
+
875
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
876
+ right: 30px;
877
+ }
878
+
879
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
880
+ position: absolute;
881
+ right: 0;
882
+ }
883
+
884
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
885
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
886
+ .e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
887
+ .e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
888
+ .e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
889
+ padding-left: 0;
890
+ padding-right: 0;
891
+ }
892
+
893
+ .e-ddt .e-chips-wrapper {
894
+ width: 100%;
895
+ }
896
+
897
+ .e-ddt.e-show-chip .e-chips-close {
898
+ line-height: 20px;
899
+ min-height: 24px;
900
+ min-width: 24px;
901
+ text-align: center;
902
+ }
903
+
904
+ .e-ddt.e-show-chip .e-chips-close::before {
905
+ font-size: 10px;
906
+ vertical-align: middle;
907
+ }
908
+
909
+ .e-ddt.e-show-chip .e-chips {
910
+ -ms-flex-align: center;
911
+ align-items: center;
912
+ border-radius: 0;
913
+ box-sizing: border-box;
914
+ display: -ms-inline-flexbox;
915
+ display: inline-flex;
916
+ float: left;
917
+ height: 24px;
918
+ margin: 3px 4px;
919
+ max-width: calc(100% - 8px);
920
+ overflow: hidden;
921
+ padding: 0 4px 0 4px;
922
+ text-overflow: ellipsis;
923
+ white-space: nowrap;
924
+ }
925
+
926
+ .e-ddt.e-show-chip .e-chips > .e-chipcontent {
927
+ max-width: 100%;
928
+ overflow: hidden;
929
+ padding: 0 4px 0 0;
930
+ text-indent: 0;
931
+ text-overflow: ellipsis;
932
+ white-space: nowrap;
933
+ }
934
+
935
+ .e-ddt.e-show-chip .e-ddt-icon {
936
+ bottom: 0;
937
+ }
938
+
939
+ .e-ddt .e-overflow {
940
+ white-space: nowrap;
941
+ }
942
+
943
+ .e-ddt .e-overflow.e-show-text {
944
+ padding: 0 8px;
945
+ line-height: 30px;
946
+ }
947
+
948
+ .e-ddt .e-overflow.e-total-count {
949
+ box-sizing: border-box;
950
+ display: inline-block;
951
+ overflow: hidden;
952
+ text-overflow: ellipsis;
953
+ }
954
+
955
+ .e-ddt .e-overflow.e-total-count .e-remain {
956
+ line-height: 30px;
957
+ }
958
+
959
+ .e-ddt .e-overflow.e-wrap-count {
960
+ padding-top: 0;
961
+ }
962
+
963
+ .e-ddt .e-overflow .e-remain {
964
+ cursor: pointer;
965
+ display: inline-block;
966
+ font-size: 14px;
967
+ padding: 0 0 0 8px;
968
+ }
969
+
970
+ .e-ddt .e-overflow .e-remain.e-wrap-count {
971
+ line-height: 30px;
972
+ }
973
+
974
+ .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
975
+ padding: 0 8px;
976
+ }
977
+
978
+ .e-ddt.e-show-chip .e-overflow .e-remain.e-wrap-count {
979
+ padding-left: 4px;
980
+ }
981
+
982
+ .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
983
+ margin-right: 30px;
984
+ max-width: calc(100% - 31px);
985
+ }
986
+
987
+ .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child {
988
+ margin-right: 20px;
989
+ max-width: calc(100% - 31px);
990
+ }
991
+
992
+ .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
993
+ margin-right: 54px;
994
+ max-width: calc(100% - 65px);
995
+ }
996
+
997
+ .e-ddt input[readonly],
998
+ .e-ddt .e-dropdowntree,
999
+ .e-ddt input[readonly].e-input {
1000
+ pointer-events: none;
1001
+ }
1002
+
1003
+ .e-ddt input[readonly].e-chip-input,
1004
+ .e-ddt .e-dropdowntree.e-chip-input,
1005
+ .e-ddt input[readonly].e-input.e-chip-input {
1006
+ width: 0;
1007
+ }
1008
+
1009
+ .e-ddt.e-popup {
1010
+ border-radius: 2px;
1011
+ box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
1012
+ position: absolute;
1013
+ }
1014
+
1015
+ .e-ddt.e-popup .e-selectall-parent {
1016
+ border-bottom: 1px solid;
1017
+ cursor: pointer;
1018
+ display: block;
1019
+ overflow: hidden;
1020
+ position: relative;
1021
+ text-indent: 0;
1022
+ white-space: nowrap;
1023
+ width: 100%;
1024
+ padding: 8px 12px;
1025
+ }
1026
+
1027
+ .e-ddt.e-popup .e-selectall-parent.e-hide-selectall {
1028
+ display: none;
1029
+ }
1030
+
1031
+ .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
1032
+ position: relative;
1033
+ text-indent: 0;
1034
+ }
1035
+
1036
+ .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
1037
+ margin-top: -3px;
1038
+ }
1039
+
1040
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1041
+ font-family: inherit;
1042
+ font-size: 14px;
1043
+ margin: 0 12px;
1044
+ }
1045
+
1046
+ .e-ddt.e-popup .e-filter-wrap .e-input,
1047
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1048
+ padding: 0 20px;
1049
+ }
1050
+
1051
+ .e-ddt.e-popup .e-filter-wrap {
1052
+ border-bottom: 1px solid #292827;
1053
+ border-top-width: 0;
1054
+ display: block;
1055
+ padding: 4px 12px;
1056
+ }
1057
+
1058
+ .e-ddt.e-popup .e-filter-wrap .e-input-group {
1059
+ margin-bottom: 0;
1060
+ }
1061
+
1062
+ .e-ddt.e-popup .e-popup-content {
1063
+ overflow: auto;
1064
+ position: relative;
1065
+ }
1066
+
1067
+ .e-ddt.e-popup .e-popup-content .e-ddt-nodata {
1068
+ display: none;
1069
+ }
1070
+
1071
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1072
+ cursor: default;
1073
+ font-family: inherit;
1074
+ font-size: 14px;
1075
+ padding: 14px 16px;
1076
+ text-align: center;
1077
+ }
1078
+
1079
+ .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1080
+ display: none;
1081
+ }
1082
+
1083
+ .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
1084
+ display: block;
1085
+ line-height: 22px;
1086
+ }
1087
+
1088
+ .e-ddt.e-popup .e-treeview {
1089
+ display: inline-table;
1090
+ width: 100%;
1091
+ }
1092
+
1093
+ .e-ddt.e-popup .e-treeview .e-list-item {
1094
+ padding: 0;
1095
+ }
1096
+
1097
+ .e-ddt.e-popup .e-treeview .e-list-item .e-ul {
1098
+ margin: 0;
1099
+ padding: 0 0 0 14px;
1100
+ }
1101
+
1102
+ .e-ddt.e-popup .e-treeview .e-fullrow {
1103
+ height: 38px;
1104
+ }
1105
+
1106
+ .e-ddt.e-popup .e-treeview > .e-ul {
1107
+ overflow: hidden;
1108
+ }
1109
+
1110
+ .e-ddt.e-popup .e-ddt-footer,
1111
+ .e-ddt.e-popup .e-ddt-header {
1112
+ cursor: default;
1113
+ }
1114
+
1115
+ .e-ddt.e-rtl.e-show-chip .e-chips {
1116
+ float: right;
1117
+ }
1118
+
1119
+ .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
1120
+ padding: 0 8px 0 0;
1121
+ }
1122
+
1123
+ .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain.e-wrap-count {
1124
+ padding-top: 0;
1125
+ }
1126
+
1127
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
1128
+ position: absolute;
1129
+ right: auto;
1130
+ }
1131
+
1132
+ .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
1133
+ padding: 0 0 0 8px;
1134
+ }
1135
+
1136
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
1137
+ padding: 0 8px;
1138
+ }
1139
+
1140
+ .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1141
+ margin-left: 18px;
1142
+ margin-right: 4px;
1143
+ }
1144
+
1145
+ .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1146
+ margin-left: 18px;
1147
+ margin-right: 4px;
1148
+ }
1149
+
1150
+ .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1151
+ margin-left: 54px;
1152
+ margin-right: 4px;
1153
+ }
1154
+
1155
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1156
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,
1157
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
1158
+ .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
1159
+ .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
1160
+ left: 0;
1161
+ right: auto;
1162
+ }
1163
+
1164
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
1165
+ left: 30px;
1166
+ }
1167
+
1168
+ .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1169
+ padding: 0 14px 0 0;
1170
+ }
1171
+
1172
+ .e-ddt-icon-hide {
1173
+ display: none;
1174
+ }
1175
+
1176
+ .e-bigger .e-ddt .e-chips,
1177
+ .e-ddt.e-bigger .e-chips {
1178
+ height: 32px;
1179
+ font-size: 18px;
1180
+ }
1181
+
1182
+ .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
1183
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
1184
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
1185
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
1186
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
1187
+ bottom: auto;
1188
+ right: 36px;
1189
+ }
1190
+
1191
+ .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
1192
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
1193
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
1194
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
1195
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon {
1196
+ bottom: 0;
1197
+ }
1198
+
1199
+ .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
1200
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,
1201
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,
1202
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
1203
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
1204
+ bottom: 0;
1205
+ }
1206
+
1207
+ .e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon,
1208
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,
1209
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon {
1210
+ min-height: 38px;
1211
+ }
1212
+
1213
+ .e-bigger .e-ddt.e-show-chip .e-chips-close,
1214
+ .e-ddt.e-bigger.e-show-chip .e-chips-close {
1215
+ line-height: 27px;
1216
+ min-height: 32px;
1217
+ min-width: 32px;
1218
+ }
1219
+
1220
+ .e-bigger .e-ddt.e-show-chip .e-chips-close::before,
1221
+ .e-ddt.e-bigger.e-show-chip .e-chips-close::before {
1222
+ font-size: 12px;
1223
+ }
1224
+
1225
+ .e-bigger .e-ddt .e-overflow.e-show-text,
1226
+ .e-ddt.e-bigger .e-overflow.e-show-text {
1227
+ padding: 0 12px;
1228
+ line-height: 38px;
1229
+ }
1230
+
1231
+ .e-bigger .e-ddt .e-overflow .e-remain,
1232
+ .e-ddt.e-bigger .e-overflow .e-remain {
1233
+ font-size: 18px;
1234
+ }
1235
+
1236
+ .e-bigger .e-ddt.e-show-chip .e-overflow .e-remain.e-wrap-count,
1237
+ .e-ddt.e-bigger.e-show-chip .e-overflow .e-remain.e-wrap-count {
1238
+ line-height: 38px;
1239
+ padding-top: 0;
1240
+ }
1241
+
1242
+ .e-bigger .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain,
1243
+ .e-ddt.e-bigger.e-show-chip .e-overflow.e-total-count .e-remain {
1244
+ line-height: 38px;
1245
+ padding: 0 8px;
1246
+ }
1247
+
1248
+ .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1249
+ .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1250
+ margin-right: 38px;
1251
+ max-width: calc(100% - 39px);
1252
+ }
1253
+
1254
+ .e-bigger .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child,
1255
+ .e-ddt.e-bigger.e-show-clear .e-chips-wrapper .e-chips:last-child {
1256
+ margin-right: 38px;
1257
+ max-width: calc(100% - 39px);
1258
+ }
1259
+
1260
+ .e-bigger .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1261
+ .e-ddt.e-bigger.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1262
+ margin-right: 58px;
1263
+ max-width: calc(100% - 78px);
1264
+ }
1265
+
1266
+ .e-bigger .e-ddt.e-popup .e-selectall-parent,
1267
+ .e-ddt.e-bigger.e-popup .e-selectall-parent {
1268
+ text-indent: 0;
1269
+ padding: 10px 16px;
1270
+ }
1271
+
1272
+ .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
1273
+ .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
1274
+ font-size: 16px;
1275
+ line-height: 24px;
1276
+ margin: 0 16px;
1277
+ }
1278
+
1279
+ .e-bigger .e-ddt.e-popup .e-popup-content.e-no-data,
1280
+ .e-ddt.e-bigger.e-popup .e-popup-content.e-no-data {
1281
+ padding: 10px 16px;
1282
+ }
1283
+
1284
+ .e-bigger .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata,
1285
+ .e-ddt.e-bigger.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
1286
+ font-size: 18px;
1287
+ line-height: 24px;
1288
+ }
1289
+
1290
+ .e-bigger .e-ddt.e-popup .e-filter-wrap,
1291
+ .e-ddt.e-bigger.e-popup .e-filter-wrap {
1292
+ padding: 8px;
1293
+ }
1294
+
1295
+ .e-bigger .e-ddt.e-popup .e-treeview .e-fullrow,
1296
+ .e-ddt.e-bigger.e-popup .e-treeview .e-fullrow {
1297
+ height: 44px;
1298
+ }
1299
+
1300
+ .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1301
+ .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1302
+ margin-right: 4px;
1303
+ }
1304
+
1305
+ .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1306
+ .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1307
+ margin-right: 4px;
1308
+ }
1309
+
1310
+ .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1311
+ .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1312
+ margin-left: 58px;
1313
+ margin-right: 4px;
1314
+ }
1315
+
1316
+ .e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon,
1317
+ .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
1318
+ .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
1319
+ left: 38px;
1320
+ right: auto;
1321
+ }
1322
+
1323
+ .e-ddt .e-chips {
1324
+ background-color: #252423;
1325
+ }
1326
+
1327
+ .e-ddt .e-chips .e-chips-close::before {
1328
+ color: #a19f9d;
1329
+ }
1330
+
1331
+ .e-ddt .e-chips > .e-chipcontent {
1332
+ color: #f3f2f1;
1333
+ }
1334
+
1335
+ .e-ddt .e-chips:hover {
1336
+ background-color: #292827;
1337
+ }
1338
+
1339
+ .e-ddt .e-chips:hover > .e-chipcontent {
1340
+ color: #f3f2f1;
1341
+ }
1342
+
1343
+ .e-ddt .e-overflow .e-remain {
1344
+ color: #a19f9d;
1345
+ }
1346
+
1347
+ .e-ddt.e-input-group.e-control-wrapper .e-input[readonly],
1348
+ .e-ddt.e-float-input.e-control-wrapper input[readonly] {
1349
+ background: transparent;
1350
+ }
1351
+
1352
+ .e-ddt.e-popup {
1353
+ background: #252423;
1354
+ border-color: #292827;
1355
+ }
1356
+
1357
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1358
+ color: #c8c6c4;
1359
+ }
1360
+
1361
+ .e-ddt.e-popup .e-selectall-parent {
1362
+ border-bottom-color: #292827;
1363
+ }
1364
+
1365
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1366
+ color: #f3f2f1;
1367
+ }
1368
+
1369
+ @keyframes material-spinner-rotate {
1370
+ 0% {
1371
+ transform: rotate(0);
1372
+ }
1373
+ 100% {
1374
+ transform: rotate(360deg);
1375
+ }
1376
+ }
1377
+
1378
+ @keyframes fabric-spinner-rotate {
1379
+ 0% {
1380
+ transform: rotate(0);
1381
+ }
1382
+ 100% {
1383
+ transform: rotate(360deg);
1384
+ }
1385
+ }
1386
+
1387
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1388
+ line-height: 30px;
1389
+ top: 0;
1390
+ }
1391
+
1392
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
1393
+ border-radius: 0 4px 4px 0;
1394
+ border-right-width: 0;
1395
+ }
1396
+
1397
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1398
+ border-left-width: 0;
1399
+ border-radius: 4px 0 0 4px;
1400
+ border-right-width: 1px;
1401
+ }
1402
+
1403
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1404
+ height: 32px;
1405
+ width: 32px;
1406
+ }
1407
+
1408
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1409
+ height: 24px;
1410
+ width: 24px;
1411
+ }
1412
+
1413
+ .e-multi-select-wrapper .e-searcher input[type='text'] {
1414
+ color: #f3f2f1;
1415
+ height: 100%;
1416
+ }
1417
+
1418
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
1419
+ border-left-width: 0;
1420
+ }
1421
+
1422
+ .e-multiselect.e-input-group .e-ddl-icon::before {
1423
+ content: '\e729';
1424
+ font-family: 'e-icons';
1425
+ }
1426
+
1427
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
1428
+ content: '\e7e7';
1429
+ cursor: pointer;
1430
+ left: 6px;
1431
+ position: relative;
1432
+ top: 3px;
1433
+ }
1434
+
1435
+ .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before,
1436
+ .e-bigger.e-multi-select-wrapper .e-chips .e-chips-close::before {
1437
+ top: 1px;
1438
+ }
1439
+
1440
+ .e-multi-select-wrapper .e-close-hooker::before {
1441
+ content: '\e7e7';
1442
+ cursor: pointer;
1443
+ left: 6px;
1444
+ position: relative;
1445
+ top: 4px;
1446
+ }
1447
+
1448
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
1449
+ top: 1px;
1450
+ }
1451
+
1452
+ .e-small .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1453
+ top: -1px;
1454
+ }
1455
+
1456
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1457
+ top: 4px;
1458
+ }
1459
+
1460
+ .e-small.e-bigger .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1461
+ top: 5px;
1462
+ }
1463
+
1464
+ .e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1465
+ top: 11px;
1466
+ }
1467
+
1468
+ .e-bigger .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1469
+ top: 11px;
1470
+ }
1471
+
1472
+ .e-multiselect.e-input-group .e-ddl-disable-icon::before {
1473
+ content: '';
1474
+ }
1475
+
1476
+ .e-multi-select-wrapper {
1477
+ box-sizing: border-box;
1478
+ cursor: text;
1479
+ line-height: normal;
1480
+ min-height: 30px;
1481
+ padding: 0 32px 0 0;
1482
+ position: relative;
1483
+ -webkit-user-select: none;
1484
+ -ms-user-select: none;
1485
+ user-select: none;
1486
+ width: 100%;
1487
+ }
1488
+
1489
+ .e-multi-select-wrapper.e-delimiter .e-searcher,
1490
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1491
+ height: 27px;
1492
+ vertical-align: middle;
1493
+ }
1494
+
1495
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase,
1496
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1497
+ height: 100%;
1498
+ min-height: 100%;
1499
+ }
1500
+
1501
+ .e-multi-select-wrapper .e-delim-view {
1502
+ white-space: nowrap;
1503
+ }
1504
+
1505
+ .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
1506
+ box-sizing: border-box;
1507
+ display: inline-block;
1508
+ overflow: hidden;
1509
+ text-overflow: ellipsis;
1510
+ }
1511
+
1512
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1513
+ color: #f3f2f1;
1514
+ font-size: 10px;
1515
+ left: 12px;
1516
+ top: 0;
1517
+ }
1518
+
1519
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1520
+ background-color: #0078d4;
1521
+ color: #f3f2f1;
1522
+ padding: 12px 4px 11px 0;
1523
+ }
1524
+
1525
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1526
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1527
+ width: 0;
1528
+ }
1529
+
1530
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
1531
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1532
+ height: 1px;
1533
+ min-height: 1px;
1534
+ }
1535
+
1536
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1537
+ max-width: 100%;
1538
+ }
1539
+
1540
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1541
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1542
+ display: -ms-flexbox;
1543
+ display: flex;
1544
+ float: left;
1545
+ width: auto;
1546
+ }
1547
+
1548
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1549
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1550
+ display: -ms-inline-flexbox;
1551
+ display: inline-flex;
1552
+ float: none;
1553
+ }
1554
+
1555
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1556
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1557
+ width: 0;
1558
+ }
1559
+
1560
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1561
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1562
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1563
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1564
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1565
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1566
+ display: none;
1567
+ }
1568
+
1569
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1570
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1571
+ padding: 0 48px 0 0;
1572
+ }
1573
+
1574
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1575
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1576
+ -ms-flex-align: center;
1577
+ align-items: center;
1578
+ display: inline;
1579
+ max-width: 100%;
1580
+ word-break: break-word;
1581
+ }
1582
+
1583
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1584
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1585
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1586
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1587
+ -ms-flex-align: center;
1588
+ align-items: center;
1589
+ cursor: pointer;
1590
+ display: none;
1591
+ -ms-flex-direction: row;
1592
+ flex-direction: row;
1593
+ margin-top: -2em;
1594
+ outline: 0;
1595
+ padding: 0;
1596
+ position: absolute;
1597
+ right: 6px;
1598
+ top: 100%;
1599
+ right: 2px;
1600
+ top: 80%;
1601
+ }
1602
+
1603
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1604
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1605
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1606
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1607
+ display: -ms-flexbox;
1608
+ display: flex;
1609
+ }
1610
+
1611
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1612
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1613
+ margin-right: 0;
1614
+ margin-top: -1.68em;
1615
+ right: 0;
1616
+ }
1617
+
1618
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1619
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1620
+ font-size: 10px;
1621
+ height: 24px;
1622
+ width: 24px;
1623
+ }
1624
+
1625
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1626
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1627
+ float: right;
1628
+ }
1629
+
1630
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1631
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1632
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1633
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1634
+ left: 0;
1635
+ right: auto;
1636
+ }
1637
+
1638
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1639
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1640
+ padding: 0 0 0 48px;
1641
+ }
1642
+
1643
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1644
+ margin-top: -1.68em;
1645
+ }
1646
+
1647
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1648
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1649
+ opacity: .7;
1650
+ pointer-events: none;
1651
+ }
1652
+
1653
+ .e-multiselect.e-input-group,
1654
+ .e-multiselect.e-float-input {
1655
+ word-wrap: initial;
1656
+ }
1657
+
1658
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1659
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1660
+ top: 15px;
1661
+ }
1662
+
1663
+ .e-bigger .e-multi-select-wrapper {
1664
+ min-height: 38px;
1665
+ }
1666
+
1667
+ .e-multi-select-wrapper.e-close-icon-hide {
1668
+ padding-right: 0;
1669
+ }
1670
+
1671
+ .e-multi-select-wrapper .e-chips-collection {
1672
+ cursor: default;
1673
+ display: block;
1674
+ }
1675
+
1676
+ .e-multi-select-wrapper .e-multi-hidden {
1677
+ border: 0;
1678
+ height: 0;
1679
+ position: absolute;
1680
+ visibility: hidden;
1681
+ width: 0;
1682
+ }
1683
+
1684
+ .e-multi-select-wrapper .e-chips {
1685
+ -ms-flex-align: center;
1686
+ align-items: center;
1687
+ display: -ms-inline-flexbox;
1688
+ display: inline-flex;
1689
+ float: left;
1690
+ margin: 3px;
1691
+ max-width: 100%;
1692
+ overflow: hidden;
1693
+ padding: 0 8px 0 4px;
1694
+ text-overflow: ellipsis;
1695
+ white-space: nowrap;
1696
+ }
1697
+
1698
+ .e-bigger .e-multi-select-wrapper .e-chips {
1699
+ margin: 3px;
1700
+ }
1701
+
1702
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
1703
+ max-width: 100%;
1704
+ overflow: hidden;
1705
+ padding: 0 6px 1px 0;
1706
+ text-indent: 0;
1707
+ text-overflow: ellipsis;
1708
+ white-space: nowrap;
1709
+ }
1710
+
1711
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
1712
+ display: inline-block;
1713
+ float: none;
1714
+ }
1715
+
1716
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1717
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1718
+ padding: 8px 4px 8px 0;
1719
+ }
1720
+
1721
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1722
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
1723
+ padding: 8px 0 8px 4px;
1724
+ }
1725
+
1726
+ .e-multi-select-wrapper .e-chips-close {
1727
+ -ms-flex-item-align: center;
1728
+ align-self: center;
1729
+ display: -ms-flexbox;
1730
+ display: flex;
1731
+ float: right;
1732
+ font-family: 'e-icons';
1733
+ height: 14px;
1734
+ margin: 0 0 0;
1735
+ width: 14px;
1736
+ }
1737
+
1738
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1739
+ margin: 3px 0 0;
1740
+ }
1741
+
1742
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1743
+ cursor: default;
1744
+ font-size: 10px;
1745
+ height: 24px;
1746
+ margin-top: -2.4em;
1747
+ position: absolute;
1748
+ right: 6px;
1749
+ top: 100%;
1750
+ width: 24px;
1751
+ }
1752
+
1753
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1754
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1755
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1756
+ right: 30px;
1757
+ }
1758
+
1759
+ .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1760
+ .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1761
+ .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1762
+ .e-bigger.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1763
+ .e-bigger.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1764
+ .e-bigger .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1765
+ font-size: 14px;
1766
+ right: 42px;
1767
+ }
1768
+
1769
+ .e-bigger.e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1770
+ .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1771
+ .e-bigger.e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1772
+ .e-bigger.e-small.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1773
+ .e-bigger.e-small.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1774
+ .e-bigger.e-small .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1775
+ font-size: 12px;
1776
+ right: 42px;
1777
+ }
1778
+
1779
+ .e-small.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1780
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1781
+ .e-small.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1782
+ font-size: 8px;
1783
+ }
1784
+
1785
+ .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1786
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1787
+ font-size: 10px;
1788
+ }
1789
+
1790
+ .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1791
+ right: 35px;
1792
+ }
1793
+
1794
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1795
+ left: 30px;
1796
+ right: auto;
1797
+ }
1798
+
1799
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1800
+ margin-top: -2.7em;
1801
+ font-size: 14px;
1802
+ }
1803
+
1804
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1805
+ margin-top: -2.7em;
1806
+ margin-top: -2.25em;
1807
+ }
1808
+
1809
+ .e-multi-select-wrapper input[type='text'] {
1810
+ background: none;
1811
+ border: 0;
1812
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
1813
+ font-size: 14px;
1814
+ font-weight: 400;
1815
+ height: 30px;
1816
+ min-height: 30px;
1817
+ outline: none;
1818
+ padding: 0;
1819
+ text-indent: 8px;
1820
+ }
1821
+
1822
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
1823
+ background: none;
1824
+ border: 0;
1825
+ color: inherit;
1826
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
1827
+ font-size: 14px;
1828
+ font-weight: 400;
1829
+ height: 30px;
1830
+ min-height: 30px;
1831
+ outline: none;
1832
+ padding: 0;
1833
+ text-indent: 8px;
1834
+ }
1835
+
1836
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
1837
+ padding: 5px;
1838
+ }
1839
+
1840
+ .e-bigger .e-multi-select-wrapper input[type='text'],
1841
+ .e-multi-select-wrapper.e-mob-wrapper input[type='text'] {
1842
+ height: 30px;
1843
+ min-height: 30px;
1844
+ }
1845
+
1846
+ .e-bigger .e-multi-select-wrapper input[type='text'] {
1847
+ height: 36px;
1848
+ min-height: 36px;
1849
+ }
1850
+
1851
+ .e-multi-select-wrapper input[type='text']::-ms-clear {
1852
+ display: none;
1853
+ }
1854
+
1855
+ .e-multi-select-wrapper .e-searcher {
1856
+ display: block;
1857
+ float: left;
1858
+ width: auto;
1859
+ }
1860
+
1861
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1862
+ width: calc(100% - 32px);
1863
+ }
1864
+
1865
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1866
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1867
+ width: calc(100% - 38px);
1868
+ }
1869
+
1870
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1871
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1872
+ width: calc(100% - 30px);
1873
+ }
1874
+
1875
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1876
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1877
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1878
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1879
+ width: calc(100% - 32px);
1880
+ }
1881
+
1882
+ .e-multi-select-wrapper .e-delim-values {
1883
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
1884
+ font-size: 14px;
1885
+ line-height: 28px;
1886
+ max-width: 100%;
1887
+ padding-left: 8px;
1888
+ padding-right: 6px;
1889
+ vertical-align: middle;
1890
+ }
1891
+
1892
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
1893
+ line-height: 36px;
1894
+ padding-left: 12px;
1895
+ }
1896
+
1897
+ .e-multi-select-list-wrapper .e-hide-listitem,
1898
+ .e-multi-select-list-wrapper .e-hide-group-header {
1899
+ display: none;
1900
+ }
1901
+
1902
+ .e-multi-select-wrapper .e-delim-values .e-remain {
1903
+ color: #f3f2f1;
1904
+ cursor: pointer;
1905
+ display: inline-block;
1906
+ font-size: 14px;
1907
+ padding-left: 8px;
1908
+ }
1909
+
1910
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
1911
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
1912
+ cursor: not-allowed;
1913
+ }
1914
+
1915
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1916
+ height: 40px;
1917
+ left: 0;
1918
+ margin: 0 0 0 0;
1919
+ margin-left: auto;
1920
+ position: relative;
1921
+ top: 0;
1922
+ width: 40px;
1923
+ }
1924
+
1925
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1926
+ -ms-flex-item-align: center;
1927
+ align-self: center;
1928
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1929
+ display: -ms-inline-flexbox;
1930
+ display: inline-flex;
1931
+ padding: 0 0 0 16px;
1932
+ width: 92%;
1933
+ }
1934
+
1935
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
1936
+ content: '';
1937
+ }
1938
+
1939
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
1940
+ float: none;
1941
+ }
1942
+
1943
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
1944
+ padding-left: 0;
1945
+ }
1946
+
1947
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
1948
+ padding: 0 2px 0 32px;
1949
+ }
1950
+
1951
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1952
+ left: -12px;
1953
+ }
1954
+
1955
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1956
+ margin: 0;
1957
+ margin-right: auto;
1958
+ }
1959
+
1960
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
1961
+ float: right;
1962
+ }
1963
+
1964
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
1965
+ float: right;
1966
+ margin: 4px;
1967
+ padding: 0 8px 0 4px;
1968
+ }
1969
+
1970
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
1971
+ padding: 5px 4px;
1972
+ }
1973
+
1974
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
1975
+ float: left;
1976
+ }
1977
+
1978
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
1979
+ left: 0;
1980
+ }
1981
+
1982
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
1983
+ padding: 0 4px 0 8px;
1984
+ }
1985
+
1986
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
1987
+ padding: 8px 4px;
1988
+ }
1989
+
1990
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1991
+ padding: 0 8px 0 4px;
1992
+ }
1993
+
1994
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1995
+ padding: 12px 4px;
1996
+ }
1997
+
1998
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1999
+ left: 30px;
2000
+ position: absolute;
2001
+ right: auto;
2002
+ }
2003
+
2004
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
2005
+ left: -4px;
2006
+ }
2007
+
2008
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
2009
+ padding-right: 8px;
2010
+ }
2011
+
2012
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
2013
+ left: 19px;
2014
+ }
2015
+
2016
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
2017
+ left: -7px;
2018
+ }
2019
+
2020
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2021
+ bottom: 1px;
2022
+ margin-right: 8px;
2023
+ position: relative;
2024
+ text-indent: 0;
2025
+ vertical-align: middle;
2026
+ }
2027
+
2028
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2029
+ bottom: 1px;
2030
+ margin-right: 8px;
2031
+ position: relative;
2032
+ text-indent: 0;
2033
+ vertical-align: middle;
2034
+ }
2035
+
2036
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
2037
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2038
+ bottom: 1px;
2039
+ margin-right: 12px;
2040
+ }
2041
+
2042
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
2043
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2044
+ bottom: 1px;
2045
+ margin-right: 12px;
2046
+ }
2047
+
2048
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
2049
+ margin-left: 12px;
2050
+ margin-right: 0;
2051
+ }
2052
+
2053
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
2054
+ margin-left: 12px;
2055
+ margin-right: 0;
2056
+ }
2057
+
2058
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
2059
+ padding-right: 0;
2060
+ }
2061
+
2062
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
2063
+ padding-right: 0;
2064
+ }
2065
+
2066
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
2067
+ padding-left: 16px;
2068
+ }
2069
+
2070
+ .e-multi-select-list-wrapper .e-selectall-parent {
2071
+ cursor: pointer;
2072
+ display: block;
2073
+ line-height: 36px;
2074
+ overflow: hidden;
2075
+ padding-right: 16px;
2076
+ position: relative;
2077
+ text-indent: 8px;
2078
+ white-space: nowrap;
2079
+ width: 100%;
2080
+ }
2081
+
2082
+ .e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent {
2083
+ text-indent: 12px;
2084
+ }
2085
+
2086
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
2087
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
2088
+ padding-left: 16px;
2089
+ padding-right: 0;
2090
+ }
2091
+
2092
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2093
+ color: #f3f2f1;
2094
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
2095
+ font-size: 14px;
2096
+ }
2097
+
2098
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
2099
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2100
+ font-size: 16px;
2101
+ }
2102
+
2103
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2104
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2105
+ font-size: 14px;
2106
+ line-height: 48px;
2107
+ text-indent: 16px;
2108
+ }
2109
+
2110
+ .e-bigger .e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent,
2111
+ .e-bigger.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent {
2112
+ font-size: 14px;
2113
+ line-height: 48px;
2114
+ text-indent: 16px;
2115
+ }
2116
+
2117
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2118
+ bottom: 1px;
2119
+ margin-right: 8px;
2120
+ position: relative;
2121
+ text-indent: 0;
2122
+ vertical-align: middle;
2123
+ }
2124
+
2125
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2126
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2127
+ bottom: 1px;
2128
+ margin-right: 12px;
2129
+ }
2130
+
2131
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2132
+ margin-left: 12px;
2133
+ margin-right: 0;
2134
+ }
2135
+
2136
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
2137
+ float: right;
2138
+ margin-top: 0;
2139
+ }
2140
+
2141
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2142
+ float: left;
2143
+ }
2144
+
2145
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
2146
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
2147
+ padding: 0;
2148
+ }
2149
+
2150
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2151
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
2152
+ padding: 8px;
2153
+ }
2154
+
2155
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2156
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
2157
+ padding: 0;
2158
+ }
2159
+
2160
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
2161
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2162
+ padding-left: 8px;
2163
+ }
2164
+
2165
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2166
+ padding: 0 8px;
2167
+ }
2168
+
2169
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
2170
+ line-height: 36px;
2171
+ }
2172
+
2173
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2174
+ line-height: 20px;
2175
+ padding-left: 10px;
2176
+ }
2177
+
2178
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2179
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2180
+ opacity: .3;
2181
+ }
2182
+
2183
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2184
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2185
+ opacity: .7;
2186
+ }
2187
+
2188
+ .e-multi-select-wrapper input[readonly='true'] {
2189
+ pointer-events: none;
2190
+ }
2191
+
2192
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2193
+ pointer-events: none;
2194
+ }
2195
+
2196
+ ejs-multiselect {
2197
+ display: block;
2198
+ }
2199
+
2200
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2201
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2202
+ line-height: 26px;
2203
+ }
2204
+
2205
+ .e-small .e-multi-select-wrapper .e-chips-close {
2206
+ height: 12px;
2207
+ width: 12px;
2208
+ }
2209
+
2210
+ .e-small .e-multi-select-wrapper {
2211
+ min-height: 24px;
2212
+ }
2213
+
2214
+ .e-small .e-multi-select-wrapper.e-delimiter .e-searcher,
2215
+ .e-small .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2216
+ height: 24px;
2217
+ }
2218
+
2219
+ .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-searcher,
2220
+ .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2221
+ height: 32px;
2222
+ }
2223
+
2224
+ .e-bigger .e-multi-select-wrapper.e-delimiter .e-searcher,
2225
+ .e-bigger .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2226
+ height: 36px;
2227
+ }
2228
+
2229
+ .e-small .e-multi-select-wrapper input[type='text'] {
2230
+ height: 24px;
2231
+ min-height: 24px;
2232
+ }
2233
+
2234
+ .e-small .e-multi-select-wrapper .e-delim-values {
2235
+ font-size: 12px;
2236
+ line-height: 24px;
2237
+ }
2238
+
2239
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2240
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2241
+ margin-top: -2em;
2242
+ font-size: 8px;
2243
+ height: 12px;
2244
+ width: 12px;
2245
+ }
2246
+
2247
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2248
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2249
+ line-height: 40px;
2250
+ }
2251
+
2252
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2253
+ height: 14px;
2254
+ width: 14px;
2255
+ }
2256
+
2257
+ .e-bigger.e-small .e-multi-select-wrapper {
2258
+ min-height: 28px;
2259
+ }
2260
+
2261
+ .e-bigger.e-small .e-multi-select-wrapper input[type='text'] {
2262
+ height: 32px;
2263
+ min-height: 32px;
2264
+ }
2265
+
2266
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2267
+ font-size: 13px;
2268
+ line-height: 28px;
2269
+ }
2270
+
2271
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2272
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2273
+ margin-top: -2.4em;
2274
+ right: 6px;
2275
+ font-size: 12px;
2276
+ }
2277
+
2278
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2279
+ background-size: 300px 33px;
2280
+ min-height: 33px;
2281
+ }
2282
+
2283
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2284
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2285
+ background-size: 300px 40px;
2286
+ min-height: 40px;
2287
+ }
2288
+
2289
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
2290
+ color: inherit;
2291
+ }
2292
+
2293
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2294
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2295
+ -ms-flex-align: normal;
2296
+ align-items: normal;
2297
+ }
2298
+
2299
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2300
+ padding: 0 12px 0 8px;
2301
+ }
2302
+
2303
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2304
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2305
+ padding: 3px 12px 0 4px;
2306
+ }
2307
+
2308
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2309
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2310
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2311
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2312
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2313
+ padding: 0;
2314
+ }
2315
+
2316
+ .e-filled.e-float-input .e-multi-select-wrapper,
2317
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2318
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2319
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2320
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2321
+ padding: 11px 12px 0;
2322
+ }
2323
+
2324
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2325
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2326
+ padding: 12px 12px 0 8px;
2327
+ }
2328
+
2329
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2330
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2331
+ padding: 19px 12px 0 16px;
2332
+ }
2333
+
2334
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2335
+ padding-top: 3px;
2336
+ }
2337
+
2338
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2339
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2340
+ padding: 0;
2341
+ }
2342
+
2343
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'],
2344
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'] {
2345
+ padding: 5px 0;
2346
+ }
2347
+
2348
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2349
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2350
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2351
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2352
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2353
+ height: 28px;
2354
+ }
2355
+
2356
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2357
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2358
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2359
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2360
+ height: 24px;
2361
+ }
2362
+
2363
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2364
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2365
+ height: 32px;
2366
+ }
2367
+
2368
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2369
+ height: 24px;
2370
+ }
2371
+
2372
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2373
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2374
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2375
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2376
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2377
+ height: 18px;
2378
+ }
2379
+
2380
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2381
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2382
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2383
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2384
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2385
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2386
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2387
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2388
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2389
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2390
+ margin: 8px 8px 0 0;
2391
+ padding: 0 8px;
2392
+ }
2393
+
2394
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2395
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2396
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2397
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2398
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2399
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2400
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2401
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2402
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2403
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2404
+ margin: 8px 0 0 8px;
2405
+ padding: 0 8px;
2406
+ }
2407
+
2408
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2409
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2410
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2411
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2412
+ padding-left: 8px;
2413
+ }
2414
+
2415
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
2416
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
2417
+ height: 16px;
2418
+ margin: 4px 4px 0 0;
2419
+ padding-right: 8px;
2420
+ }
2421
+
2422
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2423
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2424
+ margin: 4px 0 0 4px;
2425
+ }
2426
+
2427
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2428
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2429
+ height: 24px;
2430
+ }
2431
+
2432
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2433
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2434
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2435
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2436
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2437
+ font-size: 13px;
2438
+ padding: 0 8px 0 0;
2439
+ }
2440
+
2441
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2442
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2443
+ font-size: 12px;
2444
+ }
2445
+
2446
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2447
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2448
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2449
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2450
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2451
+ font-size: 12px;
2452
+ padding: 0 4px 0 0;
2453
+ }
2454
+
2455
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2456
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2457
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2458
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2459
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2460
+ padding: 0 0 0 4px;
2461
+ }
2462
+
2463
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2464
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2465
+ font-size: 10px;
2466
+ }
2467
+
2468
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2469
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2470
+ font-size: 13px;
2471
+ }
2472
+
2473
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2474
+ font-size: 13px;
2475
+ padding-right: 4px;
2476
+ }
2477
+
2478
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2479
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2480
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2481
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2482
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2483
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2484
+ padding: 0 12px;
2485
+ }
2486
+
2487
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2488
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2489
+ padding-right: 8px;
2490
+ }
2491
+
2492
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2493
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2494
+ height: 38px;
2495
+ margin-top: -38px;
2496
+ right: 12px;
2497
+ top: 100%;
2498
+ width: 16px;
2499
+ }
2500
+
2501
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2502
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2503
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2504
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2505
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
2506
+ display: none;
2507
+ }
2508
+
2509
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2510
+ color: #f3f2f1;
2511
+ }
2512
+
2513
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
2514
+ background-color: #3b3a39;
2515
+ }
2516
+
2517
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2518
+ background-color: #292827;
2519
+ }
2520
+
2521
+ .e-multiselect {
2522
+ box-sizing: border-box;
2523
+ }
2524
+
2525
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
2526
+ -webkit-text-fill-color: #f3f2f1;
2527
+ color: #f3f2f1;
2528
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
2529
+ font-size: 14px;
2530
+ }
2531
+
2532
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2533
+ color: #f3f2f1;
2534
+ }
2535
+
2536
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2537
+ color: #fff;
2538
+ }
2539
+
2540
+ .e-multi-select-wrapper .e-chips {
2541
+ background-color: #252423;
2542
+ border-radius: 0;
2543
+ height: 24px;
2544
+ }
2545
+
2546
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2547
+ background-color: #292827;
2548
+ }
2549
+
2550
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2551
+ color: #fff;
2552
+ }
2553
+
2554
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
2555
+ -webkit-text-fill-color: #fff;
2556
+ color: #fff;
2557
+ font-size: 10px;
2558
+ }
2559
+
2560
+ .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
2561
+ font-size: 12px;
2562
+ }
2563
+
2564
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2565
+ background-color: #0078d4;
2566
+ border-radius: 2px;
2567
+ color: #f3f2f1;
2568
+ height: 40px;
2569
+ line-height: 40px;
2570
+ }
2571
+
2572
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2573
+ color: #f3f2f1;
2574
+ }
2575
+
2576
+ .e-multi-select-wrapper .e-chips.e-mob-chip,
2577
+ .e-bigger .e-multi-select-wrapper .e-chips {
2578
+ height: 30px;
2579
+ }
2580
+
2581
+ .e-popup.e-multi-select-list-wrapper {
2582
+ box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
2583
+ box-sizing: content-box;
2584
+ overflow: initial;
2585
+ }
2586
+
2587
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2588
+ border-bottom: 0 solid transparent;
2589
+ border-left: 0 solid #292827;
2590
+ border-right: 0 solid #292827;
2591
+ border-top: 0 solid #3b3a39;
2592
+ }
2593
+
2594
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2595
+ background-color: transparent;
2596
+ border-color: transparent;
2597
+ color: #f3f2f1;
2598
+ }
2599
+
2600
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:not(.e-item-focus),
2601
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active:not(.e-item-focus),
2602
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-dropdownbase .e-list-item.e-active:not(.e-item-focus),
2603
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover:not(.e-item-focus),
2604
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active:not(.e-item-focus),
2605
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child:not(.e-item-focus),
2606
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child:not(.e-item-focus),
2607
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-dropdownbase .e-list-item.e-active.e-hover:not(.e-item-focus) {
2608
+ box-shadow: none;
2609
+ }
2610
+
2611
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2612
+ background-color: transparent;
2613
+ border-color: transparent;
2614
+ color: #f3f2f1;
2615
+ color: #0078d4;
2616
+ }
2617
+
2618
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2619
+ color: #f3f2f1;
2620
+ }
2621
+
2622
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
2623
+ color: #f3f2f1;
2624
+ color: #0078d4;
2625
+ }
2626
+
2627
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2628
+ background-color: #252423;
2629
+ }
2630
+
2631
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2632
+ background-color: #252423;
2633
+ box-shadow: none;
2634
+ }
2635
+
2636
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2637
+ border-bottom: 0 solid transparent;
2638
+ border-top: 0 solid transparent;
2639
+ }
2640
+
2641
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2642
+ border-bottom: 0 solid transparent;
2643
+ }
2644
+
2645
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
2646
+ border-top: 0 solid transparent;
2647
+ }
2648
+
2649
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2650
+ background-color: #292827;
2651
+ color: #f3f2f1;
2652
+ border: 0 solid transparent;
2653
+ }
2654
+
2655
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2656
+ background-color: #292827;
2657
+ box-shadow: none;
2658
+ color: #f3f2f1;
2659
+ border: 0 solid transparent;
2660
+ }
2661
+
2662
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
2663
+ border: 0 solid transparent;
2664
+ }
2665
+
2666
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2667
+ border: 0 solid transparent;
2668
+ }
2669
+
2670
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
2671
+ color: #a19f9d;
2672
+ }
2673
+
2674
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
2675
+ color: #a19f9d;
2676
+ }
2677
+
2678
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
2679
+ color: #a19f9d;
2680
+ }
2681
+
2682
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
2683
+ color: #a19f9d;
2684
+ }
2685
+
2686
+ .e-ul.e-reorder {
2687
+ border-bottom: 1px solid #292827;
2688
+ }
2689
+
2690
+ .e-multi-select-list-wrapper .e-selectall-parent {
2691
+ border-bottom: 1px solid #292827;
2692
+ }
2693
+
2694
+ .e-multi-select-wrapper .e-delim-values {
2695
+ -webkit-text-fill-color: #f3f2f1;
2696
+ color: #f3f2f1;
2697
+ }
2698
+
2699
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2700
+ color: #f3f2f1;
2701
+ }
2702
+
2703
+ .e-small .e-multi-select-wrapper .e-chips {
2704
+ height: 20px;
2705
+ }
2706
+
2707
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2708
+ font-size: 12px;
2709
+ }
2710
+
2711
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2712
+ left: 6px;
2713
+ top: 2px;
2714
+ font-size: 8px;
2715
+ }
2716
+
2717
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
2718
+ left: 0;
2719
+ }
2720
+
2721
+ .e-small .e-multi-select-wrapper .e-down-icon .e-close-hooker::before {
2722
+ left: -2px;
2723
+ }
2724
+
2725
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2726
+ height: 26px;
2727
+ }
2728
+
2729
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2730
+ font-size: 13px;
2731
+ }
2732
+
2733
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2734
+ font-size: 10px;
2735
+ }
2736
+
2737
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon:hover,
2738
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon:hover {
2739
+ background: transparent;
2740
+ }
2741
+
2742
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2743
+ -webkit-text-fill-color: #484644;
2744
+ color: #484644;
2745
+ }
2746
+
2747
+ .e-listbox-tool .e-moveup::before {
2748
+ content: '\e776';
2749
+ }
2750
+
2751
+ .e-listbox-tool .e-movedown::before {
2752
+ content: '\e729';
2753
+ }
2754
+
2755
+ .e-listbox-tool .e-moveto::before {
2756
+ content: '\e748';
2757
+ }
2758
+
2759
+ .e-listbox-tool .e-movefrom::before {
2760
+ content: '\e765';
2761
+ }
2762
+
2763
+ .e-listbox-tool .e-moveallto::before {
2764
+ content: '\e7a9';
2765
+ }
2766
+
2767
+ .e-listbox-tool .e-moveallfrom::before {
2768
+ content: '\e744';
2769
+ }
2770
+
2771
+ .e-listbox-wrapper,
2772
+ .e-listbox-container {
2773
+ -webkit-overflow-scrolling: touch;
2774
+ box-sizing: border-box;
2775
+ cursor: pointer;
2776
+ display: block;
2777
+ position: relative;
2778
+ -webkit-user-select: none;
2779
+ -ms-user-select: none;
2780
+ user-select: none;
2781
+ width: 100%;
2782
+ }
2783
+
2784
+ .e-listbox-wrapper *,
2785
+ .e-listbox-container * {
2786
+ box-sizing: border-box;
2787
+ }
2788
+
2789
+ .e-listbox-wrapper:focus,
2790
+ .e-listbox-container:focus {
2791
+ outline: none;
2792
+ }
2793
+
2794
+ .e-listbox-wrapper.e-disabled,
2795
+ .e-listbox-container.e-disabled {
2796
+ cursor: default;
2797
+ pointer-events: none;
2798
+ }
2799
+
2800
+ .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2801
+ .e-listbox-container:not(.e-list-template) .e-list-nrt {
2802
+ text-align: center;
2803
+ }
2804
+
2805
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2806
+ .e-listbox-wrapper .e-list-nrt,
2807
+ .e-listbox-wrapper .e-selectall-parent,
2808
+ .e-listbox-container:not(.e-list-template) .e-list-item,
2809
+ .e-listbox-container .e-list-nrt,
2810
+ .e-listbox-container .e-selectall-parent {
2811
+ height: 36px;
2812
+ line-height: 1;
2813
+ padding: 10px 12px;
2814
+ position: relative;
2815
+ }
2816
+
2817
+ .e-listbox-wrapper.e-filter-list,
2818
+ .e-listbox-container.e-filter-list {
2819
+ overflow: inherit;
2820
+ }
2821
+
2822
+ .e-listbox-wrapper .e-list-parent,
2823
+ .e-listbox-container .e-list-parent {
2824
+ height: 100%;
2825
+ min-height: 36px;
2826
+ }
2827
+
2828
+ .e-listbox-wrapper .e-list-item,
2829
+ .e-listbox-container .e-list-item {
2830
+ border-bottom: 0 solid;
2831
+ outline: none;
2832
+ }
2833
+
2834
+ .e-listbox-wrapper .e-list-item.e-disabled,
2835
+ .e-listbox-container .e-list-item.e-disabled {
2836
+ pointer-events: none;
2837
+ }
2838
+
2839
+ .e-listbox-wrapper .e-disable,
2840
+ .e-listbox-container .e-disable {
2841
+ opacity: .7;
2842
+ }
2843
+
2844
+ .e-listbox-wrapper .e-list-parent,
2845
+ .e-listbox-container .e-list-parent {
2846
+ margin: 0;
2847
+ padding: 0;
2848
+ }
2849
+
2850
+ .e-listbox-wrapper .e-list-header .e-text.header,
2851
+ .e-listbox-container .e-list-header .e-text.header {
2852
+ display: none;
2853
+ }
2854
+
2855
+ .e-listbox-wrapper .e-icon-back,
2856
+ .e-listbox-container .e-icon-back {
2857
+ margin-top: 2px;
2858
+ }
2859
+
2860
+ .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2861
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header {
2862
+ display: none;
2863
+ }
2864
+
2865
+ .e-listbox-wrapper .e-list-header,
2866
+ .e-listbox-container .e-list-header {
2867
+ -ms-flex-align: center;
2868
+ align-items: center;
2869
+ border-bottom: 1px solid;
2870
+ display: -ms-flexbox;
2871
+ display: flex;
2872
+ font-weight: 600;
2873
+ height: 18px;
2874
+ padding: 0 12px;
2875
+ }
2876
+
2877
+ .e-listbox-wrapper .e-has-header > .e-view,
2878
+ .e-listbox-container .e-has-header > .e-view {
2879
+ top: 45px;
2880
+ }
2881
+
2882
+ .e-listbox-wrapper .e-but-back,
2883
+ .e-listbox-container .e-but-back {
2884
+ cursor: pointer;
2885
+ padding-right: 8px;
2886
+ }
2887
+
2888
+ .e-listbox-wrapper .e-list-group-item:first-child,
2889
+ .e-listbox-container .e-list-group-item:first-child {
2890
+ border: 0;
2891
+ border-bottom: 0 solid transparent;
2892
+ }
2893
+
2894
+ .e-listbox-wrapper .e-list-group-item,
2895
+ .e-listbox-container .e-list-group-item {
2896
+ border-bottom: 0 solid transparent;
2897
+ border-top: 1px solid;
2898
+ font-weight: 600;
2899
+ height: 30px;
2900
+ line-height: 8px;
2901
+ padding: 10px 12px;
2902
+ }
2903
+
2904
+ .e-listbox-wrapper .e-icon-collapsible,
2905
+ .e-listbox-container .e-icon-collapsible {
2906
+ cursor: pointer;
2907
+ font-size: 12px;
2908
+ position: absolute;
2909
+ right: 0%;
2910
+ top: 50%;
2911
+ transform: translateY(-50%);
2912
+ }
2913
+
2914
+ .e-listbox-wrapper .e-text-content,
2915
+ .e-listbox-container .e-text-content {
2916
+ height: 100%;
2917
+ position: relative;
2918
+ vertical-align: middle;
2919
+ }
2920
+
2921
+ .e-listbox-wrapper .e-text-content *,
2922
+ .e-listbox-container .e-text-content * {
2923
+ display: inline-block;
2924
+ vertical-align: middle;
2925
+ }
2926
+
2927
+ .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
2928
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text {
2929
+ width: calc(100% - 40px);
2930
+ }
2931
+
2932
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2933
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2934
+ width: calc(100% - 90px);
2935
+ }
2936
+
2937
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2938
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2939
+ width: calc(100% - 80px);
2940
+ }
2941
+
2942
+ .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,
2943
+ .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 {
2944
+ width: calc(100% - 92px);
2945
+ }
2946
+
2947
+ .e-listbox-wrapper .e-checkbox .e-checkbox-left,
2948
+ .e-listbox-container .e-checkbox .e-checkbox-left {
2949
+ margin: -2px 8px 0 0;
2950
+ }
2951
+
2952
+ .e-listbox-wrapper .e-checkbox .e-checkbox-right,
2953
+ .e-listbox-container .e-checkbox .e-checkbox-right {
2954
+ margin: -2px 0 0 8px;
2955
+ }
2956
+
2957
+ .e-listbox-wrapper .e-list-text,
2958
+ .e-listbox-container .e-list-text {
2959
+ cursor: pointer;
2960
+ display: inline-block;
2961
+ overflow: hidden;
2962
+ text-overflow: ellipsis;
2963
+ vertical-align: top;
2964
+ white-space: nowrap;
2965
+ width: 100%;
2966
+ }
2967
+
2968
+ .e-listbox-wrapper .e-list-icon + .e-list-text,
2969
+ .e-listbox-container .e-list-icon + .e-list-text {
2970
+ width: calc(100% - 60px);
2971
+ }
2972
+
2973
+ .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2974
+ .e-listbox-container .e-icon-wrapper .e-list-text {
2975
+ width: calc(100% - 60px);
2976
+ }
2977
+
2978
+ .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2979
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2980
+ width: calc(100% - 60px);
2981
+ }
2982
+
2983
+ .e-listbox-wrapper .e-list-icon,
2984
+ .e-listbox-container .e-list-icon {
2985
+ height: 30px;
2986
+ margin-right: 16px;
2987
+ width: 30px;
2988
+ }
2989
+
2990
+ .e-listbox-wrapper .e-content,
2991
+ .e-listbox-container .e-content {
2992
+ overflow: hidden;
2993
+ position: relative;
2994
+ }
2995
+
2996
+ .e-listbox-wrapper .e-list-header .e-text,
2997
+ .e-listbox-container .e-list-header .e-text {
2998
+ cursor: pointer;
2999
+ text-indent: 0;
3000
+ }
3001
+
3002
+ .e-listbox-wrapper .e-text .e-headertext,
3003
+ .e-listbox-container .e-text .e-headertext {
3004
+ display: inline-block;
3005
+ line-height: 18px;
3006
+ }
3007
+
3008
+ .e-listbox-wrapper.e-rtl,
3009
+ .e-listbox-container.e-rtl {
3010
+ direction: rtl;
3011
+ }
3012
+
3013
+ .e-listbox-wrapper.e-rtl .e-list-icon,
3014
+ .e-listbox-container.e-rtl .e-list-icon {
3015
+ margin-left: 16px;
3016
+ margin-right: 0;
3017
+ }
3018
+
3019
+ .e-listbox-wrapper.e-rtl .e-icon-collapsible,
3020
+ .e-listbox-container.e-rtl .e-icon-collapsible {
3021
+ left: 0%;
3022
+ right: initial;
3023
+ top: 50%;
3024
+ transform: translateY(-50%) rotate(180deg);
3025
+ }
3026
+
3027
+ .e-listbox-wrapper.e-rtl .e-list-header .e-text,
3028
+ .e-listbox-container.e-rtl .e-list-header .e-text {
3029
+ cursor: pointer;
3030
+ }
3031
+
3032
+ .e-listbox-wrapper.e-rtl .e-but-back,
3033
+ .e-listbox-container.e-rtl .e-but-back {
3034
+ transform: rotate(180deg);
3035
+ }
3036
+
3037
+ .e-listbox-wrapper.e-rtl .e-icon-back,
3038
+ .e-listbox-container.e-rtl .e-icon-back {
3039
+ margin-top: -2px;
3040
+ }
3041
+
3042
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3043
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left {
3044
+ margin: -2px 0 0 8px;
3045
+ }
3046
+
3047
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
3048
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right {
3049
+ margin: -2px 8px 0 0;
3050
+ }
3051
+
3052
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
3053
+ .e-listbox-container.e-rtl .e-checkbox-wrapper {
3054
+ margin: -2px 0 0 8px;
3055
+ }
3056
+
3057
+ .e-listbox-wrapper .e-checkbox-wrapper,
3058
+ .e-listbox-container .e-checkbox-wrapper {
3059
+ margin: -2px 8px 0 0;
3060
+ text-indent: 0;
3061
+ vertical-align: middle;
3062
+ }
3063
+
3064
+ .e-listbox-wrapper.e-right .e-checkbox-wrapper,
3065
+ .e-listbox-container.e-right .e-checkbox-wrapper {
3066
+ position: absolute;
3067
+ right: 0;
3068
+ top: 30%;
3069
+ }
3070
+
3071
+ .e-listbox-wrapper .e-input-group,
3072
+ .e-listbox-container .e-input-group {
3073
+ padding: 4px 8px;
3074
+ }
3075
+
3076
+ .e-listbox-wrapper .e-input-focus,
3077
+ .e-listbox-container .e-input-focus {
3078
+ padding: 4px 4px 4px 8px;
3079
+ }
3080
+
3081
+ .e-listbox-wrapper .e-hidden-select,
3082
+ .e-listbox-container .e-hidden-select {
3083
+ height: 1px;
3084
+ opacity: 0;
3085
+ position: absolute;
3086
+ width: 100%;
3087
+ }
3088
+
3089
+ .e-listbox-wrapper .e-placeholder,
3090
+ .e-listbox-container .e-placeholder {
3091
+ background-color: #0078d4;
3092
+ display: block;
3093
+ height: 1px;
3094
+ }
3095
+
3096
+ ejs-listbox {
3097
+ display: block;
3098
+ }
3099
+
3100
+ .e-listbox-wrapper:not(.e-listbox-container) {
3101
+ overflow: auto;
3102
+ }
3103
+
3104
+ .e-listbox-wrapper.e-filter-list {
3105
+ overflow: inherit;
3106
+ }
3107
+
3108
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3109
+ overflow: auto;
3110
+ }
3111
+
3112
+ .e-listbox-wrapper.e-sortableclone,
3113
+ .e-listbox-container.e-sortableclone {
3114
+ border-width: 0;
3115
+ overflow: visible;
3116
+ }
3117
+
3118
+ .e-listbox-wrapper.e-sortableclone .e-list-item,
3119
+ .e-listbox-container.e-sortableclone .e-list-item {
3120
+ list-style-type: none;
3121
+ }
3122
+
3123
+ .e-listbox-wrapper.e-sortableclone .e-ripple,
3124
+ .e-listbox-container.e-sortableclone .e-ripple {
3125
+ overflow: visible;
3126
+ }
3127
+
3128
+ .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
3129
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element {
3130
+ display: none;
3131
+ }
3132
+
3133
+ .e-listbox-wrapper.e-sortableclone .e-list-badge,
3134
+ .e-listbox-container.e-sortableclone .e-list-badge {
3135
+ -ms-flex-align: center;
3136
+ align-items: center;
3137
+ background-color: #0078d4;
3138
+ border: 1px solid #fff;
3139
+ border-radius: 50%;
3140
+ color: #fff;
3141
+ display: -ms-flexbox;
3142
+ display: flex;
3143
+ font-size: 12px;
3144
+ height: 22px;
3145
+ -ms-flex-pack: center;
3146
+ justify-content: center;
3147
+ position: absolute;
3148
+ right: -10px;
3149
+ top: -10px;
3150
+ width: 22px;
3151
+ }
3152
+
3153
+ .e-listboxtool-wrapper,
3154
+ .e-listboxtool-container {
3155
+ cursor: pointer;
3156
+ display: -ms-flexbox;
3157
+ display: flex;
3158
+ }
3159
+
3160
+ .e-listboxtool-wrapper *,
3161
+ .e-listboxtool-container * {
3162
+ box-sizing: border-box;
3163
+ }
3164
+
3165
+ .e-listboxtool-wrapper.e-disabled,
3166
+ .e-listboxtool-container.e-disabled {
3167
+ cursor: default;
3168
+ pointer-events: none;
3169
+ }
3170
+
3171
+ .e-listboxtool-wrapper .e-listbox-wrapper,
3172
+ .e-listboxtool-container .e-listbox-wrapper {
3173
+ -ms-flex: 1;
3174
+ flex: 1;
3175
+ }
3176
+
3177
+ .e-listboxtool-wrapper.e-right .e-listbox-tool,
3178
+ .e-listboxtool-container.e-right .e-listbox-tool {
3179
+ margin-left: 15px;
3180
+ }
3181
+
3182
+ .e-listboxtool-wrapper.e-left .e-listbox-tool,
3183
+ .e-listboxtool-container.e-left .e-listbox-tool {
3184
+ margin-right: 15px;
3185
+ }
3186
+
3187
+ .e-listboxtool-wrapper .e-listbox-tool,
3188
+ .e-listboxtool-container .e-listbox-tool {
3189
+ border: 1px solid #292827;
3190
+ overflow: auto;
3191
+ padding: 8px;
3192
+ }
3193
+
3194
+ .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3195
+ .e-listboxtool-container .e-listbox-tool .e-btn {
3196
+ display: list-item;
3197
+ list-style-type: none;
3198
+ margin-bottom: 10px;
3199
+ }
3200
+
3201
+ .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3202
+ .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3203
+ margin-right: 15px;
3204
+ }
3205
+
3206
+ .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3207
+ .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3208
+ margin-left: 15px;
3209
+ }
3210
+
3211
+ .e-bigger .e-listbox-wrapper .e-list-item,
3212
+ .e-listbox-wrapper.e-bigger .e-list-item,
3213
+ .e-bigger .e-listbox-container .e-list-item,
3214
+ .e-listbox-container.e-bigger .e-list-item {
3215
+ border-bottom: 0 solid transparent;
3216
+ border-left: 0 solid transparent;
3217
+ border-right: 0 solid transparent;
3218
+ border-top: 0 solid transparent;
3219
+ }
3220
+
3221
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3222
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3223
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3224
+ .e-bigger .e-listbox-wrapper .e-list-header,
3225
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3226
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3227
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3228
+ .e-listbox-wrapper.e-bigger .e-list-header,
3229
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3230
+ .e-bigger .e-listbox-container .e-selectall-parent,
3231
+ .e-bigger .e-listbox-container .e-list-group-item,
3232
+ .e-bigger .e-listbox-container .e-list-header,
3233
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3234
+ .e-listbox-container.e-bigger .e-selectall-parent,
3235
+ .e-listbox-container.e-bigger .e-list-group-item,
3236
+ .e-listbox-container.e-bigger .e-list-header {
3237
+ padding: 8px 16px;
3238
+ }
3239
+
3240
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3241
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3242
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3243
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3244
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3245
+ .e-bigger .e-listbox-container .e-selectall-parent,
3246
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3247
+ .e-listbox-container.e-bigger .e-selectall-parent {
3248
+ height: 48px;
3249
+ line-height: 2.1;
3250
+ position: relative;
3251
+ }
3252
+
3253
+ .e-bigger .e-listbox-wrapper .e-list-parent,
3254
+ .e-listbox-wrapper.e-bigger .e-list-parent,
3255
+ .e-bigger .e-listbox-container .e-list-parent,
3256
+ .e-listbox-container.e-bigger .e-list-parent {
3257
+ min-height: 48px;
3258
+ }
3259
+
3260
+ .e-bigger .e-listbox-wrapper .e-text-content,
3261
+ .e-listbox-wrapper.e-bigger .e-text-content,
3262
+ .e-bigger .e-listbox-container .e-text-content,
3263
+ .e-listbox-container.e-bigger .e-text-content {
3264
+ font-size: 16px;
3265
+ }
3266
+
3267
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3268
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3269
+ .e-bigger .e-listbox-container .e-list-group-item,
3270
+ .e-listbox-container.e-bigger .e-list-group-item {
3271
+ height: 40px;
3272
+ line-height: 25px;
3273
+ }
3274
+
3275
+ .e-bigger .e-listbox-wrapper .e-list-header,
3276
+ .e-listbox-wrapper.e-bigger .e-list-header,
3277
+ .e-bigger .e-listbox-container .e-list-header,
3278
+ .e-listbox-container.e-bigger .e-list-header {
3279
+ -ms-flex-align: center;
3280
+ align-items: center;
3281
+ display: -ms-flexbox;
3282
+ display: flex;
3283
+ font-weight: 600;
3284
+ height: 22px;
3285
+ }
3286
+
3287
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3288
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3289
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3290
+ .e-listbox-container.e-bigger .e-list-header .e-text.header {
3291
+ display: none;
3292
+ }
3293
+
3294
+ .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3295
+ .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3296
+ .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3297
+ .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3298
+ display: none;
3299
+ }
3300
+
3301
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3302
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3303
+ .e-bigger .e-listbox-container .e-list-header .e-text,
3304
+ .e-listbox-container.e-bigger .e-list-header .e-text {
3305
+ font-size: 14px;
3306
+ }
3307
+
3308
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3309
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
3310
+ height: calc(100% - 45px);
3311
+ }
3312
+
3313
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3314
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3315
+ height: calc(100% - 55px);
3316
+ }
3317
+
3318
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3319
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3320
+ height: calc(100% - 45px);
3321
+ }
3322
+
3323
+ .e-listbox-wrapper,
3324
+ .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3325
+ .e-listboxtool-container.e-listbox-container .e-ul {
3326
+ border: 1px solid #292827;
3327
+ }
3328
+
3329
+ .e-listbox-wrapper,
3330
+ .e-listbox-container {
3331
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
3332
+ font-size: 14px;
3333
+ }
3334
+
3335
+ .e-listbox-wrapper .e-list-header,
3336
+ .e-listbox-container .e-list-header {
3337
+ background-color: #252423;
3338
+ border-color: #292827;
3339
+ color: #c8c6c4;
3340
+ font-size: 12px;
3341
+ }
3342
+
3343
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
3344
+ .e-listbox-container.e-filter-list .e-list-parent {
3345
+ height: calc(100% - 47px);
3346
+ }
3347
+
3348
+ .e-listbox-wrapper .e-icons,
3349
+ .e-listbox-container .e-icons {
3350
+ color: #a19f9d;
3351
+ }
3352
+
3353
+ .e-listbox-wrapper .e-list-item,
3354
+ .e-listbox-container .e-list-item {
3355
+ background-color: transparent;
3356
+ border-bottom: 0 solid transparent;
3357
+ border-left: 0 solid transparent;
3358
+ border-right: 0 solid transparent;
3359
+ border-top: 0 solid transparent;
3360
+ color: #f3f2f1;
3361
+ }
3362
+
3363
+ .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3364
+ .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3365
+ .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3366
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3367
+ background-color: #252423;
3368
+ border-color: transparent;
3369
+ color: #f3f2f1;
3370
+ }
3371
+
3372
+ .e-listbox-wrapper .e-list-item.e-selected,
3373
+ .e-listbox-container .e-list-item.e-selected {
3374
+ background-color: #292827;
3375
+ color: #f3f2f1;
3376
+ }
3377
+
3378
+ .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3379
+ .e-listbox-container .e-list-item.e-selected.e-checklist {
3380
+ background-color: transparent;
3381
+ color: #f3f2f1;
3382
+ }
3383
+
3384
+ .e-listbox-wrapper .e-list-item.e-focused,
3385
+ .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3386
+ .e-listbox-container .e-list-item.e-focused,
3387
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist {
3388
+ background-color: #292827;
3389
+ color: #f3f2f1;
3390
+ }
3391
+
3392
+ .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3393
+ .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3394
+ .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3395
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3396
+ background-color: #0078d4;
3397
+ border-color: transparent;
3398
+ color: #fff;
3399
+ }
3400
+
3401
+ .e-listbox-wrapper .e-list-group-item,
3402
+ .e-listbox-container .e-list-group-item {
3403
+ background-color: transparent;
3404
+ border-color: #292827;
3405
+ color: #0078d4;
3406
+ font-size: 14px;
3407
+ }
3408
+
3409
+ .e-listbox-wrapper .e-selectall-parent,
3410
+ .e-listbox-container .e-selectall-parent {
3411
+ background-color: transparent;
3412
+ border-bottom: 1px solid #292827;
3413
+ color: #f3f2f1;
3414
+ }
3415
+
3416
+ .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3417
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element {
3418
+ background-color: transparent;
3419
+ }
3420
+
3421
+ .e-listbox-wrapper.e-list-template .e-list-wrapper,
3422
+ .e-listbox-container.e-list-template .e-list-wrapper {
3423
+ height: inherit;
3424
+ position: relative;
3425
+ }
3426
+
3427
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3428
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3429
+ padding: 8px 16px;
3430
+ }
3431
+
3432
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3433
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line {
3434
+ padding: 4px;
3435
+ }
3436
+
3437
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3438
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3439
+ color: #f3f2f1;
3440
+ display: block;
3441
+ font-size: 14px;
3442
+ font-weight: 500;
3443
+ margin: 0;
3444
+ overflow: hidden;
3445
+ padding: 0;
3446
+ text-overflow: ellipsis;
3447
+ white-space: nowrap;
3448
+ }
3449
+
3450
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3451
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3452
+ color: #c8c6c4;
3453
+ display: block;
3454
+ font-size: 14px;
3455
+ margin: 0;
3456
+ padding: 2px 0 0 0;
3457
+ word-wrap: break-word;
3458
+ }
3459
+
3460
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3461
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3462
+ overflow: hidden;
3463
+ text-overflow: ellipsis;
3464
+ white-space: nowrap;
3465
+ }
3466
+
3467
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3468
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3469
+ height: 40px;
3470
+ left: 0;
3471
+ position: absolute;
3472
+ top: 0;
3473
+ width: 40px;
3474
+ }
3475
+
3476
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3477
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3478
+ padding-left: 68px;
3479
+ padding-right: 16px;
3480
+ }
3481
+
3482
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3483
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3484
+ padding-left: 16px;
3485
+ padding-right: 68px;
3486
+ }
3487
+
3488
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3489
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3490
+ height: 40px;
3491
+ position: absolute;
3492
+ right: 0;
3493
+ top: 0;
3494
+ width: 40px;
3495
+ }
3496
+
3497
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3498
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3499
+ top: 0;
3500
+ }
3501
+
3502
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3503
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3504
+ top: 0;
3505
+ }
3506
+
3507
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3508
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3509
+ font-size: 10px;
3510
+ height: 18px;
3511
+ line-height: 16px;
3512
+ padding: 0;
3513
+ position: absolute;
3514
+ right: 12px;
3515
+ top: 50%;
3516
+ transform: translateY(-50%);
3517
+ width: 32px;
3518
+ }
3519
+
3520
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3521
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3522
+ padding-left: 68px;
3523
+ padding-right: 10px;
3524
+ }
3525
+
3526
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3527
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3528
+ padding-left: 16px;
3529
+ padding-right: 10px;
3530
+ }
3531
+
3532
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3533
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3534
+ display: block;
3535
+ margin: 0;
3536
+ overflow: hidden;
3537
+ padding: 8px 0;
3538
+ text-overflow: ellipsis;
3539
+ white-space: nowrap;
3540
+ }
3541
+
3542
+ .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3543
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3544
+ color: #f3f2f1;
3545
+ }
3546
+
3547
+ .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3548
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3549
+ color: #f3f2f1;
3550
+ }
3551
+
3552
+ .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3553
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header {
3554
+ color: #f3f2f1;
3555
+ }
3556
+
3557
+ .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3558
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content {
3559
+ color: #f3f2f1;
3560
+ }
3561
+
3562
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3563
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3564
+ left: inherit;
3565
+ right: 0;
3566
+ }
3567
+
3568
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3569
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3570
+ padding-left: 16px;
3571
+ padding-right: 68px;
3572
+ }
3573
+
3574
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3575
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3576
+ padding-left: 68px;
3577
+ padding-right: 16px;
3578
+ }
3579
+
3580
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3581
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3582
+ left: 0;
3583
+ right: inherit;
3584
+ }
3585
+
3586
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3587
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3588
+ left: 12px;
3589
+ right: inherit;
3590
+ }
3591
+
3592
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3593
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3594
+ padding-left: 10px;
3595
+ padding-right: 68px;
3596
+ }
3597
+
3598
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3599
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3600
+ padding-left: 10px;
3601
+ padding-right: 16px;
3602
+ }