@syncfusion/ej2-dropdowns 32.1.24 → 32.2.3

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 (268) hide show
  1. package/.eslintrc.json +263 -0
  2. package/aceconfig.js +17 -0
  3. package/dist/ej2-dropdowns.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js +2 -2
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +14 -6
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +14 -6
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +2 -2
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +8 -8
  14. package/src/drop-down-list/drop-down-list.js +1 -1
  15. package/src/multi-select/multi-select.js +13 -5
  16. package/styles/bds-lite.css +898 -898
  17. package/styles/bds.css +1302 -1302
  18. package/styles/bootstrap-dark-lite.css +870 -870
  19. package/styles/bootstrap-dark.css +1275 -1275
  20. package/styles/bootstrap-lite.css +867 -867
  21. package/styles/bootstrap.css +1278 -1278
  22. package/styles/bootstrap4-lite.css +1408 -1408
  23. package/styles/bootstrap4.css +1721 -1721
  24. package/styles/bootstrap5-dark-lite.css +1769 -1769
  25. package/styles/bootstrap5-dark.css +1710 -1710
  26. package/styles/bootstrap5-lite.css +1396 -1396
  27. package/styles/bootstrap5.3-lite.css +1138 -1138
  28. package/styles/bootstrap5.3.css +1592 -1592
  29. package/styles/bootstrap5.css +1711 -1711
  30. package/styles/drop-down-base/_all.bds.scss +1 -1
  31. package/styles/drop-down-base/_all.bootstrap-dark.scss +1 -1
  32. package/styles/drop-down-base/_all.bootstrap.scss +1 -1
  33. package/styles/drop-down-base/_all.bootstrap4.scss +1 -1
  34. package/styles/drop-down-base/_all.bootstrap5-dark.scss +1 -1
  35. package/styles/drop-down-base/_all.bootstrap5.3.scss +1 -1
  36. package/styles/drop-down-base/_all.bootstrap5.scss +1 -1
  37. package/styles/drop-down-base/_all.fabric-dark.scss +1 -1
  38. package/styles/drop-down-base/_all.fabric.scss +1 -1
  39. package/styles/drop-down-base/_all.fluent-dark.scss +1 -1
  40. package/styles/drop-down-base/_all.fluent.scss +1 -1
  41. package/styles/drop-down-base/_all.fluent2.scss +1 -1
  42. package/styles/drop-down-base/_all.highcontrast-light.scss +1 -1
  43. package/styles/drop-down-base/_all.highcontrast.scss +1 -1
  44. package/styles/drop-down-base/_all.material-dark.scss +1 -1
  45. package/styles/drop-down-base/_all.material.scss +1 -1
  46. package/styles/drop-down-base/_all.material3-dark.scss +1 -1
  47. package/styles/drop-down-base/_all.material3.scss +1 -1
  48. package/styles/drop-down-base/_all.tailwind-dark.scss +1 -1
  49. package/styles/drop-down-base/_all.tailwind.scss +1 -1
  50. package/styles/drop-down-base/_all.tailwind3.scss +1 -1
  51. package/styles/drop-down-base/bds.css +164 -164
  52. package/styles/drop-down-base/bootstrap-dark.css +130 -130
  53. package/styles/drop-down-base/bootstrap.css +130 -130
  54. package/styles/drop-down-base/bootstrap4.css +136 -136
  55. package/styles/drop-down-base/bootstrap5-dark.css +143 -143
  56. package/styles/drop-down-base/bootstrap5.3.css +219 -219
  57. package/styles/drop-down-base/bootstrap5.css +143 -143
  58. package/styles/drop-down-base/fabric-dark.css +130 -130
  59. package/styles/drop-down-base/fabric.css +130 -130
  60. package/styles/drop-down-base/fluent-dark.css +148 -148
  61. package/styles/drop-down-base/fluent.css +148 -148
  62. package/styles/drop-down-base/fluent2.css +215 -215
  63. package/styles/drop-down-base/highcontrast-light.css +146 -146
  64. package/styles/drop-down-base/highcontrast.css +146 -146
  65. package/styles/drop-down-base/material-dark.css +130 -130
  66. package/styles/drop-down-base/material.css +130 -130
  67. package/styles/drop-down-base/material3-dark.css +212 -212
  68. package/styles/drop-down-base/material3.css +214 -214
  69. package/styles/drop-down-base/tailwind-dark.css +155 -155
  70. package/styles/drop-down-base/tailwind.css +155 -155
  71. package/styles/drop-down-base/tailwind3.css +215 -215
  72. package/styles/drop-down-list/_all.bds.scss +1 -1
  73. package/styles/drop-down-list/_all.bootstrap-dark.scss +1 -1
  74. package/styles/drop-down-list/_all.bootstrap.scss +1 -1
  75. package/styles/drop-down-list/_all.bootstrap4.scss +1 -1
  76. package/styles/drop-down-list/_all.bootstrap5-dark.scss +1 -1
  77. package/styles/drop-down-list/_all.bootstrap5.3.scss +1 -1
  78. package/styles/drop-down-list/_all.bootstrap5.scss +1 -1
  79. package/styles/drop-down-list/_all.fabric-dark.scss +1 -1
  80. package/styles/drop-down-list/_all.fabric.scss +1 -1
  81. package/styles/drop-down-list/_all.fluent-dark.scss +1 -1
  82. package/styles/drop-down-list/_all.fluent.scss +1 -1
  83. package/styles/drop-down-list/_all.fluent2.scss +1 -1
  84. package/styles/drop-down-list/_all.highcontrast-light.scss +1 -1
  85. package/styles/drop-down-list/_all.highcontrast.scss +1 -1
  86. package/styles/drop-down-list/_all.material-dark.scss +1 -1
  87. package/styles/drop-down-list/_all.material.scss +1 -1
  88. package/styles/drop-down-list/_all.material3-dark.scss +1 -1
  89. package/styles/drop-down-list/_all.material3.scss +1 -1
  90. package/styles/drop-down-list/_all.tailwind-dark.scss +1 -1
  91. package/styles/drop-down-list/_all.tailwind.scss +1 -1
  92. package/styles/drop-down-list/_all.tailwind3.scss +1 -1
  93. package/styles/drop-down-list/bds.css +87 -87
  94. package/styles/drop-down-list/bootstrap-dark.css +74 -74
  95. package/styles/drop-down-list/bootstrap.css +74 -74
  96. package/styles/drop-down-list/bootstrap4.css +111 -111
  97. package/styles/drop-down-list/bootstrap5-dark.css +113 -113
  98. package/styles/drop-down-list/bootstrap5.3.css +197 -197
  99. package/styles/drop-down-list/bootstrap5.css +113 -113
  100. package/styles/drop-down-list/fabric-dark.css +48 -48
  101. package/styles/drop-down-list/fabric.css +48 -48
  102. package/styles/drop-down-list/fluent-dark.css +105 -105
  103. package/styles/drop-down-list/fluent.css +105 -105
  104. package/styles/drop-down-list/fluent2.css +204 -204
  105. package/styles/drop-down-list/highcontrast-light.css +63 -63
  106. package/styles/drop-down-list/highcontrast.css +64 -64
  107. package/styles/drop-down-list/material-dark.css +96 -96
  108. package/styles/drop-down-list/material.css +100 -100
  109. package/styles/drop-down-list/material3-dark.css +235 -235
  110. package/styles/drop-down-list/material3.css +235 -235
  111. package/styles/drop-down-list/tailwind-dark.css +83 -83
  112. package/styles/drop-down-list/tailwind.css +83 -83
  113. package/styles/drop-down-list/tailwind3.css +186 -186
  114. package/styles/drop-down-tree/_all.bds.scss +1 -1
  115. package/styles/drop-down-tree/_all.bootstrap-dark.scss +1 -1
  116. package/styles/drop-down-tree/_all.bootstrap.scss +1 -1
  117. package/styles/drop-down-tree/_all.bootstrap4.scss +1 -1
  118. package/styles/drop-down-tree/_all.bootstrap5-dark.scss +1 -1
  119. package/styles/drop-down-tree/_all.bootstrap5.3.scss +1 -1
  120. package/styles/drop-down-tree/_all.bootstrap5.scss +1 -1
  121. package/styles/drop-down-tree/_all.fabric-dark.scss +1 -1
  122. package/styles/drop-down-tree/_all.fabric.scss +1 -1
  123. package/styles/drop-down-tree/_all.fluent-dark.scss +1 -1
  124. package/styles/drop-down-tree/_all.fluent.scss +1 -1
  125. package/styles/drop-down-tree/_all.fluent2.scss +1 -1
  126. package/styles/drop-down-tree/_all.highcontrast-light.scss +1 -1
  127. package/styles/drop-down-tree/_all.highcontrast.scss +1 -1
  128. package/styles/drop-down-tree/_all.material-dark.scss +1 -1
  129. package/styles/drop-down-tree/_all.material.scss +1 -1
  130. package/styles/drop-down-tree/_all.material3-dark.scss +1 -1
  131. package/styles/drop-down-tree/_all.material3.scss +1 -1
  132. package/styles/drop-down-tree/_all.tailwind-dark.scss +1 -1
  133. package/styles/drop-down-tree/_all.tailwind.scss +1 -1
  134. package/styles/drop-down-tree/_all.tailwind3.scss +1 -1
  135. package/styles/drop-down-tree/bds.css +56 -56
  136. package/styles/drop-down-tree/bootstrap-dark.css +33 -33
  137. package/styles/drop-down-tree/bootstrap.css +33 -33
  138. package/styles/drop-down-tree/bootstrap4.css +39 -39
  139. package/styles/drop-down-tree/bootstrap5-dark.css +40 -40
  140. package/styles/drop-down-tree/bootstrap5.3.css +124 -124
  141. package/styles/drop-down-tree/bootstrap5.css +40 -40
  142. package/styles/drop-down-tree/fabric-dark.css +33 -33
  143. package/styles/drop-down-tree/fabric.css +33 -33
  144. package/styles/drop-down-tree/fluent-dark.css +33 -33
  145. package/styles/drop-down-tree/fluent.css +33 -33
  146. package/styles/drop-down-tree/fluent2.css +122 -122
  147. package/styles/drop-down-tree/highcontrast-light.css +33 -33
  148. package/styles/drop-down-tree/highcontrast.css +42 -42
  149. package/styles/drop-down-tree/material-dark.css +33 -33
  150. package/styles/drop-down-tree/material.css +33 -33
  151. package/styles/drop-down-tree/material3-dark.css +115 -115
  152. package/styles/drop-down-tree/material3.css +117 -117
  153. package/styles/drop-down-tree/tailwind-dark.css +52 -52
  154. package/styles/drop-down-tree/tailwind.css +52 -52
  155. package/styles/drop-down-tree/tailwind3.css +107 -107
  156. package/styles/fabric-dark-lite.css +877 -877
  157. package/styles/fabric-dark.css +1274 -1274
  158. package/styles/fabric-lite.css +877 -877
  159. package/styles/fabric.css +1147 -1147
  160. package/styles/fluent-dark-lite.css +1765 -1765
  161. package/styles/fluent-dark.css +1718 -1718
  162. package/styles/fluent-lite.css +1765 -1765
  163. package/styles/fluent.css +1718 -1718
  164. package/styles/fluent2-lite.css +2081 -2081
  165. package/styles/fluent2.css +1703 -1703
  166. package/styles/highcontrast-light-lite.css +1412 -1412
  167. package/styles/highcontrast-light.css +1760 -1760
  168. package/styles/highcontrast-lite.css +1751 -1751
  169. package/styles/highcontrast.css +1768 -1768
  170. package/styles/list-box/_all.bds.scss +1 -1
  171. package/styles/list-box/_all.bootstrap-dark.scss +1 -1
  172. package/styles/list-box/_all.bootstrap.scss +1 -1
  173. package/styles/list-box/_all.bootstrap4.scss +1 -1
  174. package/styles/list-box/_all.bootstrap5-dark.scss +1 -1
  175. package/styles/list-box/_all.bootstrap5.3.scss +1 -1
  176. package/styles/list-box/_all.bootstrap5.scss +1 -1
  177. package/styles/list-box/_all.fabric-dark.scss +1 -1
  178. package/styles/list-box/_all.fabric.scss +1 -1
  179. package/styles/list-box/_all.fluent-dark.scss +1 -1
  180. package/styles/list-box/_all.fluent.scss +1 -1
  181. package/styles/list-box/_all.fluent2.scss +1 -1
  182. package/styles/list-box/_all.highcontrast-light.scss +1 -1
  183. package/styles/list-box/_all.highcontrast.scss +1 -1
  184. package/styles/list-box/_all.material-dark.scss +1 -1
  185. package/styles/list-box/_all.material.scss +1 -1
  186. package/styles/list-box/_all.material3-dark.scss +1 -1
  187. package/styles/list-box/_all.material3.scss +1 -1
  188. package/styles/list-box/_all.tailwind-dark.scss +1 -1
  189. package/styles/list-box/_all.tailwind.scss +1 -1
  190. package/styles/list-box/_all.tailwind3.scss +1 -1
  191. package/styles/list-box/bds.css +654 -654
  192. package/styles/list-box/bootstrap-dark.css +644 -644
  193. package/styles/list-box/bootstrap.css +649 -649
  194. package/styles/list-box/bootstrap4.css +649 -649
  195. package/styles/list-box/bootstrap5-dark.css +649 -649
  196. package/styles/list-box/bootstrap5.3.css +659 -659
  197. package/styles/list-box/bootstrap5.css +649 -649
  198. package/styles/list-box/fabric-dark.css +644 -644
  199. package/styles/list-box/fabric.css +649 -649
  200. package/styles/list-box/fluent-dark.css +649 -649
  201. package/styles/list-box/fluent.css +649 -649
  202. package/styles/list-box/fluent2.css +692 -692
  203. package/styles/list-box/highcontrast-light.css +644 -644
  204. package/styles/list-box/highcontrast.css +649 -649
  205. package/styles/list-box/material-dark.css +643 -643
  206. package/styles/list-box/material.css +648 -648
  207. package/styles/list-box/material3-dark.css +659 -659
  208. package/styles/list-box/material3.css +659 -659
  209. package/styles/list-box/tailwind-dark.css +640 -640
  210. package/styles/list-box/tailwind.css +640 -640
  211. package/styles/list-box/tailwind3.css +698 -698
  212. package/styles/material-dark-lite.css +1566 -1566
  213. package/styles/material-dark.css +2278 -2278
  214. package/styles/material-lite.css +1659 -1659
  215. package/styles/material.css +1921 -1921
  216. package/styles/material3-dark-lite.css +2644 -2644
  217. package/styles/material3-dark.css +2687 -2687
  218. package/styles/material3-lite.css +2663 -2663
  219. package/styles/material3.css +2684 -2684
  220. package/styles/multi-select/_all.bds.scss +1 -1
  221. package/styles/multi-select/_all.bootstrap-dark.scss +1 -1
  222. package/styles/multi-select/_all.bootstrap.scss +1 -1
  223. package/styles/multi-select/_all.bootstrap4.scss +1 -1
  224. package/styles/multi-select/_all.bootstrap5-dark.scss +1 -1
  225. package/styles/multi-select/_all.bootstrap5.3.scss +1 -1
  226. package/styles/multi-select/_all.bootstrap5.scss +1 -1
  227. package/styles/multi-select/_all.fabric-dark.scss +1 -1
  228. package/styles/multi-select/_all.fabric.scss +1 -1
  229. package/styles/multi-select/_all.fluent-dark.scss +1 -1
  230. package/styles/multi-select/_all.fluent.scss +1 -1
  231. package/styles/multi-select/_all.fluent2.scss +1 -1
  232. package/styles/multi-select/_all.highcontrast-light.scss +1 -1
  233. package/styles/multi-select/_all.highcontrast.scss +1 -1
  234. package/styles/multi-select/_all.material-dark.scss +1 -1
  235. package/styles/multi-select/_all.material.scss +1 -1
  236. package/styles/multi-select/_all.material3-dark.scss +1 -1
  237. package/styles/multi-select/_all.material3.scss +1 -1
  238. package/styles/multi-select/_all.tailwind-dark.scss +1 -1
  239. package/styles/multi-select/_all.tailwind.scss +1 -1
  240. package/styles/multi-select/_all.tailwind3.scss +1 -1
  241. package/styles/multi-select/bds.css +221 -221
  242. package/styles/multi-select/bootstrap-dark.css +231 -231
  243. package/styles/multi-select/bootstrap.css +224 -224
  244. package/styles/multi-select/bootstrap4.css +676 -676
  245. package/styles/multi-select/bootstrap5-dark.css +235 -235
  246. package/styles/multi-select/bootstrap5.3.css +336 -336
  247. package/styles/multi-select/bootstrap5.css +235 -235
  248. package/styles/multi-select/fabric-dark.css +225 -225
  249. package/styles/multi-select/fabric.css +220 -220
  250. package/styles/multi-select/fluent-dark.css +677 -677
  251. package/styles/multi-select/fluent.css +677 -677
  252. package/styles/multi-select/fluent2.css +959 -959
  253. package/styles/multi-select/highcontrast-light.css +789 -789
  254. package/styles/multi-select/highcontrast.css +793 -793
  255. package/styles/multi-select/material-dark.css +918 -918
  256. package/styles/multi-select/material.css +920 -920
  257. package/styles/multi-select/material3-dark.css +1330 -1330
  258. package/styles/multi-select/material3.css +1334 -1334
  259. package/styles/multi-select/tailwind-dark.css +217 -217
  260. package/styles/multi-select/tailwind.css +217 -217
  261. package/styles/multi-select/tailwind3.css +326 -326
  262. package/styles/tailwind-dark-lite.css +861 -861
  263. package/styles/tailwind-dark.css +1263 -1263
  264. package/styles/tailwind-lite.css +862 -862
  265. package/styles/tailwind.css +1263 -1263
  266. package/styles/tailwind3-lite.css +1114 -1114
  267. package/styles/tailwind3.css +2339 -2339
  268. package/tslint.json +111 -0
@@ -14,6 +14,136 @@
14
14
  padding: 0 8px 0 0;
15
15
  }
16
16
 
17
+ .e-dropdownbase {
18
+ display: block;
19
+ height: 100%;
20
+ min-height: 36px;
21
+ position: relative;
22
+ width: 100%;
23
+ }
24
+ .e-dropdownbase .e-list-parent {
25
+ margin: 0;
26
+ padding: 0;
27
+ }
28
+
29
+ .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
30
+ cursor: default;
31
+ }
32
+
33
+ .e-dropdownbase .e-list-item {
34
+ cursor: pointer;
35
+ overflow: hidden;
36
+ position: relative;
37
+ text-overflow: ellipsis;
38
+ vertical-align: middle;
39
+ white-space: nowrap;
40
+ width: 100%;
41
+ }
42
+
43
+ .e-dropdownbase .e-list-item .e-list-icon {
44
+ font-size: 16px;
45
+ vertical-align: middle;
46
+ }
47
+
48
+ .e-dropdownbase .e-fixed-head {
49
+ position: absolute;
50
+ top: 0;
51
+ }
52
+
53
+ .e-dropdownbase.e-content {
54
+ overflow: auto;
55
+ position: relative;
56
+ }
57
+
58
+ .e-popup.e-ddl .e-dropdownbase.e-nodata,
59
+ .e-popup.e-mention .e-dropdownbase.e-nodata {
60
+ color: #a4a4a4;
61
+ cursor: default;
62
+ font-family: inherit;
63
+ font-size: 14px;
64
+ padding: 14px 16px;
65
+ text-align: center;
66
+ }
67
+
68
+ .e-mention.e-popup {
69
+ background: #6e6e6e;
70
+ border: 0;
71
+ -webkit-box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
72
+ box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
73
+ margin-top: 2px;
74
+ position: absolute;
75
+ }
76
+
77
+ .e-mention.e-popup .e-dropdownbase {
78
+ min-height: 26px;
79
+ }
80
+
81
+ .e-mention .e-dropdownbase .e-list-item .e-highlight {
82
+ display: inline;
83
+ font-weight: bold;
84
+ vertical-align: baseline;
85
+ }
86
+
87
+ .e-mention .e-mention-chip,
88
+ .e-mention .e-mention-chip:hover {
89
+ background: #2a2a2a;
90
+ border-radius: 2px;
91
+ border: none;
92
+ color: #0070f0;
93
+ cursor: default;
94
+ }
95
+
96
+ .e-mention.e-editable-element {
97
+ border: 2px solid #414141;
98
+ height: auto;
99
+ min-height: 120px;
100
+ width: 100%;
101
+ }
102
+
103
+ .e-form-mirror-div {
104
+ white-space: pre-wrap;
105
+ }
106
+
107
+ .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
108
+ padding-right: 30px;
109
+ }
110
+
111
+ .e-dropdownbase.e-dd-group .e-list-item {
112
+ padding-left: 30px;
113
+ text-indent: 0;
114
+ }
115
+
116
+ .e-small .e-dropdownbase.e-dd-group .e-list-item {
117
+ padding-left: 30px;
118
+ }
119
+
120
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
121
+ text-indent: 0;
122
+ }
123
+
124
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
125
+ cursor: pointer;
126
+ font-weight: normal;
127
+ overflow: hidden;
128
+ position: relative;
129
+ text-overflow: ellipsis;
130
+ vertical-align: middle;
131
+ white-space: nowrap;
132
+ width: 100%;
133
+ }
134
+
135
+ .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
136
+ padding-right: 30px;
137
+ }
138
+
139
+ .e-dropdownbase .e-list-item .e-list-icon {
140
+ padding: 0 10px 0 0;
141
+ }
142
+
143
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
144
+ padding: 0 8px 0 0;
145
+ }
146
+
17
147
  .e-rtl .e-dropdownbase .e-list-item {
18
148
  padding-left: 20px;
19
149
  padding-right: 0;
@@ -197,222 +327,92 @@
197
327
  padding: 0 8px 0 0;
198
328
  }
199
329
 
200
- .e-dropdownbase {
201
- display: block;
202
- height: 100%;
203
- min-height: 36px;
204
- position: relative;
205
- width: 100%;
330
+ .e-bigger .e-dropdownbase,
331
+ .e-dropdownbase.e-bigger {
332
+ min-height: 45px;
206
333
  }
207
- .e-dropdownbase .e-list-parent {
208
- margin: 0;
209
- padding: 0;
334
+ .e-bigger .e-dropdownbase .e-list-item,
335
+ .e-dropdownbase.e-bigger .e-list-item {
336
+ line-height: 48px;
337
+ text-indent: 20px;
210
338
  }
211
339
 
212
- .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
213
- cursor: default;
340
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
341
+ .e-dropdownbase.e-bigger .e-list-group-item,
342
+ .e-dropdownbase.e-bigger .e-fixed-head {
343
+ line-height: 48px;
344
+ text-indent: 20px;
214
345
  }
215
346
 
216
- .e-dropdownbase .e-list-item {
217
- cursor: pointer;
218
- overflow: hidden;
219
- position: relative;
220
- text-overflow: ellipsis;
221
- vertical-align: middle;
222
- white-space: nowrap;
223
- width: 100%;
347
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
348
+ .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
349
+ font-size: 20px;
224
350
  }
225
351
 
226
- .e-dropdownbase .e-list-item .e-list-icon {
227
- font-size: 16px;
228
- vertical-align: middle;
352
+ .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
353
+ padding-left: 30px;
229
354
  }
230
355
 
231
- .e-dropdownbase .e-fixed-head {
232
- position: absolute;
233
- top: 0;
356
+ .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
357
+ padding-left: 30px;
234
358
  }
235
359
 
236
- .e-dropdownbase.e-content {
237
- overflow: auto;
238
- position: relative;
360
+ .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
361
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
362
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
363
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
364
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
365
+ padding-left: 20px;
366
+ padding-right: 0;
239
367
  }
240
-
241
- .e-popup.e-ddl .e-dropdownbase.e-nodata,
242
- .e-popup.e-mention .e-dropdownbase.e-nodata {
243
- color: #a4a4a4;
244
- cursor: default;
245
- font-family: inherit;
368
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
246
369
  font-size: 14px;
247
- padding: 14px 16px;
248
- text-align: center;
370
+ padding-left: 20px;
249
371
  }
250
372
 
251
- .e-mention.e-popup {
252
- background: #6e6e6e;
253
- border: 0;
254
- -webkit-box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
255
- box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
256
- margin-top: 2px;
257
- position: absolute;
373
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
374
+ .e-dropdownbase.e-bigger.e-small .e-list-group-item,
375
+ .e-dropdownbase.e-bigger.e-small .e-fixed-head {
376
+ font-size: 14px;
258
377
  }
259
378
 
260
- .e-mention.e-popup .e-dropdownbase {
261
- min-height: 26px;
379
+ .e-bigger.e-small .e-dropdownbase .e-list-item,
380
+ .e-dropdownbase.e-small.e-bigger .e-list-item {
381
+ color: #f0f0f0;
382
+ line-height: 34px;
383
+ min-height: 34px;
384
+ text-indent: 16px;
262
385
  }
263
386
 
264
- .e-mention .e-dropdownbase .e-list-item .e-highlight {
265
- display: inline;
266
- font-weight: bold;
267
- vertical-align: baseline;
387
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
388
+ .e-dropdownbase.e-small.e-bigger .e-list-group-item,
389
+ .e-dropdownbase.e-small.e-bigger .e-fixed-head {
390
+ line-height: 34px;
391
+ min-height: 34px;
392
+ padding-left: 20px;
268
393
  }
269
394
 
270
- .e-mention .e-mention-chip,
271
- .e-mention .e-mention-chip:hover {
272
- background: #2a2a2a;
273
- border-radius: 2px;
274
- border: none;
275
- color: #0070f0;
276
- cursor: default;
395
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
396
+ .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
397
+ font-size: 18px;
277
398
  }
278
399
 
279
- .e-mention.e-editable-element {
280
- border: 2px solid #414141;
281
- height: auto;
282
- min-height: 120px;
283
- width: 100%;
400
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
401
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
402
+ padding: 0 12px 0 0;
284
403
  }
285
404
 
286
- .e-form-mirror-div {
287
- white-space: pre-wrap;
288
- }
289
-
290
- .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
291
- padding-right: 30px;
292
- }
293
-
294
- .e-dropdownbase.e-dd-group .e-list-item {
295
- padding-left: 30px;
296
- text-indent: 0;
297
- }
298
-
299
- .e-small .e-dropdownbase.e-dd-group .e-list-item {
300
- padding-left: 30px;
301
- }
302
-
303
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
304
- text-indent: 0;
305
- }
306
-
307
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
308
- cursor: pointer;
309
- font-weight: normal;
310
- overflow: hidden;
311
- position: relative;
312
- text-overflow: ellipsis;
313
- vertical-align: middle;
314
- white-space: nowrap;
315
- width: 100%;
316
- }
317
-
318
- .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
319
- padding-right: 30px;
320
- }
321
-
322
- .e-dropdownbase .e-list-item .e-list-icon {
323
- padding: 0 10px 0 0;
324
- }
325
-
326
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
327
- padding: 0 8px 0 0;
328
- }
329
-
330
- .e-bigger .e-dropdownbase,
331
- .e-dropdownbase.e-bigger {
332
- min-height: 45px;
333
- }
334
- .e-bigger .e-dropdownbase .e-list-item,
335
- .e-dropdownbase.e-bigger .e-list-item {
336
- line-height: 48px;
337
- text-indent: 20px;
338
- }
339
-
340
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
341
- .e-dropdownbase.e-bigger .e-list-group-item,
342
- .e-dropdownbase.e-bigger .e-fixed-head {
343
- line-height: 48px;
344
- text-indent: 20px;
345
- }
346
-
347
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
348
- .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
349
- font-size: 20px;
350
- }
351
-
352
- .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
353
- padding-left: 30px;
354
- }
355
-
356
- .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
357
- padding-left: 30px;
358
- }
359
-
360
- .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
361
- .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
362
- .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
363
- .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
364
- .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
365
- padding-left: 20px;
366
- padding-right: 0;
367
- }
368
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
369
- font-size: 14px;
370
- padding-left: 20px;
371
- }
372
-
373
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
374
- .e-dropdownbase.e-bigger.e-small .e-list-group-item,
375
- .e-dropdownbase.e-bigger.e-small .e-fixed-head {
376
- font-size: 14px;
377
- }
378
-
379
- .e-bigger.e-small .e-dropdownbase .e-list-item,
380
- .e-dropdownbase.e-small.e-bigger .e-list-item {
381
- color: #f0f0f0;
382
- line-height: 34px;
383
- min-height: 34px;
384
- text-indent: 16px;
385
- }
386
-
387
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
388
- .e-dropdownbase.e-small.e-bigger .e-list-group-item,
389
- .e-dropdownbase.e-small.e-bigger .e-fixed-head {
390
- line-height: 34px;
391
- min-height: 34px;
392
- padding-left: 20px;
393
- }
394
-
395
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
396
- .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
397
- font-size: 18px;
398
- }
399
-
400
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
401
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
402
- padding: 0 12px 0 0;
403
- }
404
-
405
- /* stylelint-disable property-no-vendor-prefix */
406
- /* stylelint-disable property-no-vendor-prefix */
407
- @-webkit-keyframes material-spinner-rotate {
408
- 0% {
409
- -webkit-transform: rotate(0);
410
- transform: rotate(0);
411
- }
412
- 100% {
413
- -webkit-transform: rotate(360deg);
414
- transform: rotate(360deg);
415
- }
405
+ /* stylelint-disable property-no-vendor-prefix */
406
+ /* stylelint-disable property-no-vendor-prefix */
407
+ @-webkit-keyframes material-spinner-rotate {
408
+ 0% {
409
+ -webkit-transform: rotate(0);
410
+ transform: rotate(0);
411
+ }
412
+ 100% {
413
+ -webkit-transform: rotate(360deg);
414
+ transform: rotate(360deg);
415
+ }
416
416
  }
417
417
  @keyframes material-spinner-rotate {
418
418
  0% {
@@ -580,80 +580,6 @@
580
580
  border-bottom: 1px solid #484848;
581
581
  }
582
582
 
583
- .e-popup {
584
- border-color: #414141;
585
- }
586
-
587
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
588
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
589
- color: #fff;
590
- }
591
-
592
- .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
593
- border-color: transparent;
594
- }
595
-
596
- .e-popup.e-ddl {
597
- border-radius: 4px;
598
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
599
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
600
- margin-top: 3px;
601
- }
602
-
603
- .e-popup.e-ddl .e-input-group {
604
- width: auto;
605
- }
606
-
607
- .e-popup.e-ddl .e-input-group input {
608
- line-height: 15px;
609
- }
610
-
611
- .e-popup.e-ddl .e-dropdownbase {
612
- min-height: 26px;
613
- }
614
-
615
- .e-popup.e-ddl .e-filter-parent .e-input-group {
616
- display: -webkit-box;
617
- display: -ms-flexbox;
618
- display: flex;
619
- width: auto;
620
- }
621
-
622
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
623
- border: 0;
624
- }
625
-
626
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
627
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
628
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
629
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
630
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
631
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
632
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
633
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
634
- background: transparent;
635
- color: #f0f0f0;
636
- }
637
-
638
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
639
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
640
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
641
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
642
- border: 0;
643
- }
644
-
645
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
646
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
647
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
648
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
649
- -webkit-box-shadow: none;
650
- box-shadow: none;
651
- }
652
-
653
- .e-ddl.e-popup .e-filter-parent {
654
- border-bottom: 1px solid #484848;
655
- }
656
-
657
583
  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
658
584
  width: 100%;
659
585
  border: 0 solid;
@@ -949,49 +875,123 @@ ejs-dropdownlist {
949
875
  border-bottom: 1px solid #484848;
950
876
  }
951
877
 
952
- .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
953
- margin-left: -20px;
878
+ .e-popup {
879
+ border-color: #414141;
954
880
  }
955
881
 
956
- .e-bigger .e-ddl.e-popup .e-list-item {
957
- font-size: 15px;
958
- }
959
- .e-bigger .e-ddl.e-popup .e-list-group-item {
960
- font-size: 15px;
961
- }
962
- .e-bigger .e-ddl.e-popup .e-input-group {
963
- padding: 4px 0;
882
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
883
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
884
+ color: #fff;
964
885
  }
965
886
 
966
- .e-bigger.e-ddl.e-popup .e-list-item {
967
- font-size: 15px;
968
- }
969
- .e-bigger.e-ddl.e-popup .e-list-group-item {
970
- font-size: 15px;
887
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
888
+ border-color: transparent;
971
889
  }
972
- .e-bigger.e-ddl.e-popup .e-input-group {
973
- padding: 4px 0;
890
+
891
+ .e-popup.e-ddl {
892
+ border-radius: 4px;
893
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
894
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
895
+ margin-top: 3px;
974
896
  }
975
897
 
976
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
977
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
978
- font-size: 14px;
898
+ .e-popup.e-ddl .e-input-group {
899
+ width: auto;
979
900
  }
980
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
981
- .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
982
- font-size: 14px;
901
+
902
+ .e-popup.e-ddl .e-input-group input {
903
+ line-height: 15px;
983
904
  }
984
905
 
985
- .e-bigger.e-small.e-ddl.e-popup .e-list-item,
986
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
987
- font-size: 14px;
906
+ .e-popup.e-ddl .e-dropdownbase {
907
+ min-height: 26px;
988
908
  }
989
- .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
990
- .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
991
- font-size: 14px;
909
+
910
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
911
+ display: -webkit-box;
912
+ display: -ms-flexbox;
913
+ display: flex;
914
+ width: auto;
992
915
  }
993
916
 
994
- .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
917
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
918
+ border: 0;
919
+ }
920
+
921
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
922
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
923
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
924
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
925
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
926
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
927
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
928
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
929
+ background: transparent;
930
+ color: #f0f0f0;
931
+ }
932
+
933
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
934
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
935
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
936
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
937
+ border: 0;
938
+ }
939
+
940
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
941
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
942
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
943
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
944
+ -webkit-box-shadow: none;
945
+ box-shadow: none;
946
+ }
947
+
948
+ .e-ddl.e-popup .e-filter-parent {
949
+ border-bottom: 1px solid #484848;
950
+ }
951
+
952
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
953
+ margin-left: -20px;
954
+ }
955
+
956
+ .e-bigger .e-ddl.e-popup .e-list-item {
957
+ font-size: 15px;
958
+ }
959
+ .e-bigger .e-ddl.e-popup .e-list-group-item {
960
+ font-size: 15px;
961
+ }
962
+ .e-bigger .e-ddl.e-popup .e-input-group {
963
+ padding: 4px 0;
964
+ }
965
+
966
+ .e-bigger.e-ddl.e-popup .e-list-item {
967
+ font-size: 15px;
968
+ }
969
+ .e-bigger.e-ddl.e-popup .e-list-group-item {
970
+ font-size: 15px;
971
+ }
972
+ .e-bigger.e-ddl.e-popup .e-input-group {
973
+ padding: 4px 0;
974
+ }
975
+
976
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item,
977
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
978
+ font-size: 14px;
979
+ }
980
+ .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
981
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
982
+ font-size: 14px;
983
+ }
984
+
985
+ .e-bigger.e-small.e-ddl.e-popup .e-list-item,
986
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
987
+ font-size: 14px;
988
+ }
989
+ .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
990
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
991
+ font-size: 14px;
992
+ }
993
+
994
+ .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
995
995
  .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
996
996
  .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
997
997
  .e-bigger.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
@@ -1060,39 +1060,6 @@ ejs-dropdownlist {
1060
1060
  content: "\e842";
1061
1061
  }
1062
1062
 
1063
- /* stylelint-disable */
1064
- .e-ddt .e-chips {
1065
- background-color: #414141;
1066
- }
1067
- .e-ddt .e-chips .e-chips-close::before {
1068
- color: #f0f0f0;
1069
- }
1070
- .e-ddt .e-chips > .e-chipcontent {
1071
- color: #f0f0f0;
1072
- }
1073
- .e-ddt .e-overflow .e-remain {
1074
- color: #8d8d8d;
1075
- }
1076
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1077
- background-color: #1a1a1a;
1078
- }
1079
- .e-ddt.e-popup {
1080
- background: #313131;
1081
- border-color: #414141;
1082
- }
1083
- .e-ddt.e-popup .e-popup-content.e-no-data {
1084
- color: #a4a4a4;
1085
- }
1086
- .e-ddt.e-popup .e-selectall-parent {
1087
- border-bottom-color: #484848;
1088
- }
1089
- .e-ddt.e-popup .e-selectall-parent:focus {
1090
- background: #414141;
1091
- }
1092
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
1093
- color: #f0f0f0;
1094
- }
1095
-
1096
1063
  /* stylelint-disable */
1097
1064
  .e-ddt {
1098
1065
  cursor: pointer;
@@ -1404,6 +1371,39 @@ ejs-dropdownlist {
1404
1371
  display: none;
1405
1372
  }
1406
1373
 
1374
+ /* stylelint-disable */
1375
+ .e-ddt .e-chips {
1376
+ background-color: #414141;
1377
+ }
1378
+ .e-ddt .e-chips .e-chips-close::before {
1379
+ color: #f0f0f0;
1380
+ }
1381
+ .e-ddt .e-chips > .e-chipcontent {
1382
+ color: #f0f0f0;
1383
+ }
1384
+ .e-ddt .e-overflow .e-remain {
1385
+ color: #8d8d8d;
1386
+ }
1387
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1388
+ background-color: #1a1a1a;
1389
+ }
1390
+ .e-ddt.e-popup {
1391
+ background: #313131;
1392
+ border-color: #414141;
1393
+ }
1394
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1395
+ color: #a4a4a4;
1396
+ }
1397
+ .e-ddt.e-popup .e-selectall-parent {
1398
+ border-bottom-color: #484848;
1399
+ }
1400
+ .e-ddt.e-popup .e-selectall-parent:focus {
1401
+ background: #414141;
1402
+ }
1403
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1404
+ color: #f0f0f0;
1405
+ }
1406
+
1407
1407
  /* stylelint-disable */
1408
1408
  .e-bigger .e-ddt .e-chips,
1409
1409
  .e-ddt.e-bigger .e-chips {
@@ -1551,6 +1551,14 @@ ejs-dropdownlist {
1551
1551
  content: "\eb08";
1552
1552
  }
1553
1553
 
1554
+ .e-dropdownbase .e-list-item .e-list-icon {
1555
+ padding: 0 10px 0 0;
1556
+ }
1557
+
1558
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
1559
+ padding: 0 8px 0 0;
1560
+ }
1561
+
1554
1562
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1555
1563
  line-height: 30px;
1556
1564
  top: 0;
@@ -1579,299 +1587,60 @@ ejs-dropdownlist {
1579
1587
  color: #fff;
1580
1588
  }
1581
1589
 
1582
- .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1583
- color: #f0f0f0;
1584
- }
1585
-
1586
- .e-multi-select-wrapper .e-chips.e-chip-selected {
1587
- background-color: #505050;
1588
- }
1589
-
1590
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1591
- background-color: #505050;
1592
- }
1593
-
1594
- .e-multiselect {
1590
+ .e-multi-select-wrapper {
1595
1591
  -webkit-box-sizing: border-box;
1596
1592
  box-sizing: border-box;
1593
+ cursor: text;
1594
+ line-height: normal;
1595
+ min-height: 32px;
1596
+ padding: 0 32px 0 2px;
1597
+ position: relative;
1598
+ -webkit-user-select: none;
1599
+ -moz-user-select: none;
1600
+ -ms-user-select: none;
1601
+ user-select: none;
1602
+ width: 100%;
1597
1603
  }
1598
-
1599
- /* stylelint-disable property-no-vendor-prefix */
1600
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1601
- -webkit-text-fill-color: #f0f0f0;
1602
- color: #f0f0f0;
1603
- font-family: inherit;
1604
- font-size: 15px;
1605
- }
1606
-
1607
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1608
- color: #f0f0f0;
1609
- }
1610
-
1611
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1612
- color: #f0f0f0;
1604
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1605
+ height: 27px;
1606
+ vertical-align: middle;
1613
1607
  }
1614
-
1615
- .e-multi-select-wrapper .e-chips {
1616
- background-color: #414141;
1617
- border-radius: 4px;
1618
- height: 28px;
1608
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1609
+ height: 100%;
1610
+ min-height: 100%;
1619
1611
  }
1620
-
1621
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1622
- background-color: #484848;
1612
+ .e-multi-select-wrapper .e-delim-view {
1613
+ white-space: nowrap;
1623
1614
  }
1624
-
1625
- .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
1626
- color: #f0f0f0;
1615
+ .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 {
1616
+ -webkit-box-sizing: border-box;
1617
+ box-sizing: border-box;
1618
+ display: inline-block;
1619
+ overflow: hidden;
1620
+ text-overflow: ellipsis;
1627
1621
  }
1628
-
1629
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
1630
- -webkit-text-fill-color: #f0f0f0;
1631
- color: #f0f0f0;
1622
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1623
+ color: #fff;
1632
1624
  font-size: 10px;
1625
+ left: 17px;
1626
+ top: 8px;
1633
1627
  }
1634
-
1635
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1628
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1636
1629
  background-color: #0070f0;
1637
- border-radius: 4px;
1638
1630
  color: #fff;
1639
- height: 46px;
1640
- line-height: 46px;
1631
+ padding: 13px 0 13px 0;
1641
1632
  }
1642
-
1643
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1644
- color: #fff;
1633
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1634
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1635
+ width: 0;
1645
1636
  }
1646
-
1647
- .e-multi-select-wrapper .e-chips.e-mob-chip {
1648
- height: 32px;
1637
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1638
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1639
+ height: 1px;
1640
+ min-height: 1px;
1649
1641
  }
1650
-
1651
- .e-popup.e-multi-select-list-wrapper {
1652
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1653
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1654
- -webkit-box-sizing: content-box;
1655
- box-sizing: content-box;
1656
- overflow: initial;
1657
- }
1658
-
1659
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
1660
- border-bottom: 1px solid transparent;
1661
- border-left: 1px solid #0070f0;
1662
- border-right: 1px solid #0070f0;
1663
- border-top: 1px solid rgb(0, 16.8, 36);
1664
- }
1665
-
1666
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
1667
- background-color: transparent;
1668
- border-color: transparent;
1669
- color: #f0f0f0;
1670
- }
1671
-
1672
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
1673
- background-color: transparent;
1674
- border-color: transparent;
1675
- color: #f0f0f0;
1676
- }
1677
-
1678
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
1679
- color: #f0f0f0;
1680
- }
1681
-
1682
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
1683
- color: #f0f0f0;
1684
- }
1685
-
1686
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
1687
- background-color: #414141;
1688
- }
1689
-
1690
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
1691
- background-color: #414141;
1692
- }
1693
-
1694
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
1695
- border-bottom: 1px solid transparent;
1696
- border-top: 1px solid transparent;
1697
- }
1698
-
1699
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
1700
- border-bottom: 1px solid transparent;
1701
- }
1702
-
1703
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
1704
- border-top: 1px solid transparent;
1705
- }
1706
-
1707
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1708
- background-color: #0070f0;
1709
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1710
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1711
- color: #fff;
1712
- border: 1px solid #104888;
1713
- }
1714
-
1715
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1716
- background-color: #0070f0;
1717
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1718
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1719
- color: #fff;
1720
- border: 1px solid #104888;
1721
- }
1722
-
1723
- .e-popup.e-multi-select-list-wrapper .e-list-item {
1724
- border: 1px solid transparent;
1725
- }
1726
-
1727
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
1728
- border: 1px solid transparent;
1729
- }
1730
-
1731
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1732
- color: #767676;
1733
- }
1734
-
1735
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1736
- color: #767676;
1737
- }
1738
-
1739
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1740
- color: #767676;
1741
- }
1742
-
1743
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1744
- color: #767676;
1745
- }
1746
-
1747
- .e-ul.e-reorder {
1748
- border-bottom: 1px solid #484848;
1749
- }
1750
-
1751
- .e-multi-select-list-wrapper .e-selectall-parent {
1752
- border-bottom: 1px solid #484848;
1753
- }
1754
-
1755
- .e-multi-select-wrapper .e-delim-values {
1756
- -webkit-text-fill-color: #f0f0f0;
1757
- color: #f0f0f0;
1758
- }
1759
-
1760
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1761
- color: #fff;
1762
- }
1763
-
1764
- .e-small .e-multi-select-wrapper .e-chips {
1765
- height: 22px;
1766
- }
1767
-
1768
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1769
- font-size: 13px;
1770
- }
1771
-
1772
- .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1773
- font-size: 8px;
1774
- }
1775
-
1776
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
1777
- left: 8px;
1778
- }
1779
-
1780
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1781
- -webkit-text-fill-color: #9c9c9c;
1782
- color: #9c9c9c;
1783
- }
1784
-
1785
- .e-dropdownbase .e-list-item .e-list-icon {
1786
- padding: 0 10px 0 0;
1787
- }
1788
-
1789
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
1790
- padding: 0 8px 0 0;
1791
- }
1792
-
1793
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1794
- line-height: 30px;
1795
- top: 0;
1796
- }
1797
-
1798
- .e-multiselect .e-input-group-icon.e-ddl-icon {
1799
- border-radius: 0 4px 4px 0;
1800
- border-right-width: 0;
1801
- height: 32px;
1802
- width: 36px;
1803
- }
1804
-
1805
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1806
- border-left-width: 0;
1807
- border-radius: 4px 0 0 4px;
1808
- border-right-width: 1px;
1809
- }
1810
-
1811
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1812
- height: 32px;
1813
- width: 32px;
1814
- }
1815
-
1816
- .e-multi-select-wrapper .e-searcher input[type=text],
1817
- .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1818
- color: #fff;
1819
- }
1820
-
1821
- .e-multi-select-wrapper {
1822
- -webkit-box-sizing: border-box;
1823
- box-sizing: border-box;
1824
- cursor: text;
1825
- line-height: normal;
1826
- min-height: 32px;
1827
- padding: 0 32px 0 2px;
1828
- position: relative;
1829
- -webkit-user-select: none;
1830
- -moz-user-select: none;
1831
- -ms-user-select: none;
1832
- user-select: none;
1833
- width: 100%;
1834
- }
1835
- .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1836
- height: 27px;
1837
- vertical-align: middle;
1838
- }
1839
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1840
- height: 100%;
1841
- min-height: 100%;
1842
- }
1843
- .e-multi-select-wrapper .e-delim-view {
1844
- white-space: nowrap;
1845
- }
1846
- .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 {
1847
- -webkit-box-sizing: border-box;
1848
- box-sizing: border-box;
1849
- display: inline-block;
1850
- overflow: hidden;
1851
- text-overflow: ellipsis;
1852
- }
1853
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1854
- color: #fff;
1855
- font-size: 10px;
1856
- left: 17px;
1857
- top: 8px;
1858
- }
1859
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1860
- background-color: #0070f0;
1861
- color: #fff;
1862
- padding: 13px 0 13px 0;
1863
- }
1864
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1865
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1866
- width: 0;
1867
- }
1868
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1869
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1870
- height: 1px;
1871
- min-height: 1px;
1872
- }
1873
- .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1874
- max-width: 100%;
1642
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1643
+ max-width: 100%;
1875
1644
  }
1876
1645
 
1877
1646
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
@@ -2586,14 +2355,6 @@ ejs-multiselect {
2586
2355
  color: rgb(221, 218, 218);
2587
2356
  }
2588
2357
 
2589
- .e-dropdownbase .e-list-item .e-list-icon {
2590
- padding: 0 10px 0 0;
2591
- }
2592
-
2593
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
2594
- padding: 0 8px 0 0;
2595
- }
2596
-
2597
2358
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
2598
2359
  line-height: 30px;
2599
2360
  top: 0;
@@ -2622,34 +2383,273 @@ ejs-multiselect {
2622
2383
  color: #fff;
2623
2384
  }
2624
2385
 
2625
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2626
- .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2627
- margin-top: -2.7em;
2386
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2387
+ color: #f0f0f0;
2628
2388
  }
2629
2389
 
2630
- .e-bigger .e-multi-select-wrapper {
2631
- min-height: 38px;
2390
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
2391
+ background-color: #505050;
2632
2392
  }
2633
2393
 
2634
- .e-bigger .e-multi-select-wrapper .e-chips {
2635
- margin: 3px 4px 2px 0;
2394
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2395
+ background-color: #505050;
2636
2396
  }
2637
2397
 
2638
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2639
- padding: 7px 10px 7px 10px;
2398
+ .e-multiselect {
2399
+ -webkit-box-sizing: border-box;
2400
+ box-sizing: border-box;
2640
2401
  }
2641
2402
 
2642
- .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
2643
- padding: 7px 10px 7px 10px;
2403
+ /* stylelint-disable property-no-vendor-prefix */
2404
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
2405
+ -webkit-text-fill-color: #f0f0f0;
2406
+ color: #f0f0f0;
2407
+ font-family: inherit;
2408
+ font-size: 15px;
2644
2409
  }
2645
2410
 
2646
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2647
- margin-top: -4em;
2411
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2412
+ color: #f0f0f0;
2648
2413
  }
2649
2414
 
2650
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2651
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2652
- margin-top: -4em;
2415
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2416
+ color: #f0f0f0;
2417
+ }
2418
+
2419
+ .e-multi-select-wrapper .e-chips {
2420
+ background-color: #414141;
2421
+ border-radius: 4px;
2422
+ height: 28px;
2423
+ }
2424
+
2425
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2426
+ background-color: #484848;
2427
+ }
2428
+
2429
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2430
+ color: #f0f0f0;
2431
+ }
2432
+
2433
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
2434
+ -webkit-text-fill-color: #f0f0f0;
2435
+ color: #f0f0f0;
2436
+ font-size: 10px;
2437
+ }
2438
+
2439
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2440
+ background-color: #0070f0;
2441
+ border-radius: 4px;
2442
+ color: #fff;
2443
+ height: 46px;
2444
+ line-height: 46px;
2445
+ }
2446
+
2447
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2448
+ color: #fff;
2449
+ }
2450
+
2451
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2452
+ height: 32px;
2453
+ }
2454
+
2455
+ .e-popup.e-multi-select-list-wrapper {
2456
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2457
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2458
+ -webkit-box-sizing: content-box;
2459
+ box-sizing: content-box;
2460
+ overflow: initial;
2461
+ }
2462
+
2463
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2464
+ border-bottom: 1px solid transparent;
2465
+ border-left: 1px solid #0070f0;
2466
+ border-right: 1px solid #0070f0;
2467
+ border-top: 1px solid rgb(0, 16.8, 36);
2468
+ }
2469
+
2470
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2471
+ background-color: transparent;
2472
+ border-color: transparent;
2473
+ color: #f0f0f0;
2474
+ }
2475
+
2476
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2477
+ background-color: transparent;
2478
+ border-color: transparent;
2479
+ color: #f0f0f0;
2480
+ }
2481
+
2482
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2483
+ color: #f0f0f0;
2484
+ }
2485
+
2486
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
2487
+ color: #f0f0f0;
2488
+ }
2489
+
2490
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2491
+ background-color: #414141;
2492
+ }
2493
+
2494
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2495
+ background-color: #414141;
2496
+ }
2497
+
2498
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2499
+ border-bottom: 1px solid transparent;
2500
+ border-top: 1px solid transparent;
2501
+ }
2502
+
2503
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2504
+ border-bottom: 1px solid transparent;
2505
+ }
2506
+
2507
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
2508
+ border-top: 1px solid transparent;
2509
+ }
2510
+
2511
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2512
+ background-color: #0070f0;
2513
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2514
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2515
+ color: #fff;
2516
+ border: 1px solid #104888;
2517
+ }
2518
+
2519
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2520
+ background-color: #0070f0;
2521
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2522
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2523
+ color: #fff;
2524
+ border: 1px solid #104888;
2525
+ }
2526
+
2527
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
2528
+ border: 1px solid transparent;
2529
+ }
2530
+
2531
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2532
+ border: 1px solid transparent;
2533
+ }
2534
+
2535
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2536
+ color: #767676;
2537
+ }
2538
+
2539
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2540
+ color: #767676;
2541
+ }
2542
+
2543
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2544
+ color: #767676;
2545
+ }
2546
+
2547
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2548
+ color: #767676;
2549
+ }
2550
+
2551
+ .e-ul.e-reorder {
2552
+ border-bottom: 1px solid #484848;
2553
+ }
2554
+
2555
+ .e-multi-select-list-wrapper .e-selectall-parent {
2556
+ border-bottom: 1px solid #484848;
2557
+ }
2558
+
2559
+ .e-multi-select-wrapper .e-delim-values {
2560
+ -webkit-text-fill-color: #f0f0f0;
2561
+ color: #f0f0f0;
2562
+ }
2563
+
2564
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2565
+ color: #fff;
2566
+ }
2567
+
2568
+ .e-small .e-multi-select-wrapper .e-chips {
2569
+ height: 22px;
2570
+ }
2571
+
2572
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2573
+ font-size: 13px;
2574
+ }
2575
+
2576
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2577
+ font-size: 8px;
2578
+ }
2579
+
2580
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
2581
+ left: 8px;
2582
+ }
2583
+
2584
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2585
+ -webkit-text-fill-color: #9c9c9c;
2586
+ color: #9c9c9c;
2587
+ }
2588
+
2589
+ .e-dropdownbase .e-list-item .e-list-icon {
2590
+ padding: 0 10px 0 0;
2591
+ }
2592
+
2593
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
2594
+ padding: 0 8px 0 0;
2595
+ }
2596
+
2597
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
2598
+ line-height: 30px;
2599
+ top: 0;
2600
+ }
2601
+
2602
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
2603
+ border-radius: 0 4px 4px 0;
2604
+ border-right-width: 0;
2605
+ height: 32px;
2606
+ width: 36px;
2607
+ }
2608
+
2609
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2610
+ border-left-width: 0;
2611
+ border-radius: 4px 0 0 4px;
2612
+ border-right-width: 1px;
2613
+ }
2614
+
2615
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2616
+ height: 32px;
2617
+ width: 32px;
2618
+ }
2619
+
2620
+ .e-multi-select-wrapper .e-searcher input[type=text],
2621
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
2622
+ color: #fff;
2623
+ }
2624
+
2625
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2626
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2627
+ margin-top: -2.7em;
2628
+ }
2629
+
2630
+ .e-bigger .e-multi-select-wrapper {
2631
+ min-height: 38px;
2632
+ }
2633
+
2634
+ .e-bigger .e-multi-select-wrapper .e-chips {
2635
+ margin: 3px 4px 2px 0;
2636
+ }
2637
+
2638
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2639
+ padding: 7px 10px 7px 10px;
2640
+ }
2641
+
2642
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
2643
+ padding: 7px 10px 7px 10px;
2644
+ }
2645
+
2646
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2647
+ margin-top: -4em;
2648
+ }
2649
+
2650
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2651
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2652
+ margin-top: -4em;
2653
2653
  margin-top: -3.7em;
2654
2654
  }
2655
2655
 
@@ -2955,777 +2955,777 @@ ejs-multiselect {
2955
2955
  content: "\e656";
2956
2956
  }
2957
2957
 
2958
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2959
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2960
- height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
2961
- }
2962
-
2963
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2964
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
2965
- }
2966
-
2967
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2968
- height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
2969
- }
2970
-
2971
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
2972
- height: calc(100% - 91.5px) !important; /* stylelint-disable-line declaration-no-important */
2973
- }
2974
-
2975
- .e-listbox-wrapper,
2976
- .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2977
- .e-listboxtool-container.e-listbox-container .e-ul {
2978
- border: 1px solid #484848;
2979
- }
2980
-
2958
+ /* stylelint-disable property-no-vendor-prefix */
2981
2959
  .e-listbox-wrapper,
2982
2960
  .e-listbox-container,
2983
2961
  .e-listboxtool-wrapper {
2984
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
2985
- font-size: 14px;
2962
+ -webkit-overflow-scrolling: touch;
2963
+ -webkit-box-sizing: border-box;
2964
+ box-sizing: border-box;
2965
+ cursor: pointer;
2966
+ display: block;
2967
+ position: relative;
2968
+ -webkit-user-select: none;
2969
+ -moz-user-select: none;
2970
+ -ms-user-select: none;
2971
+ user-select: none;
2972
+ width: 100%;
2986
2973
  }
2987
- .e-listbox-wrapper .e-list-header,
2988
- .e-listbox-container .e-list-header,
2989
- .e-listboxtool-wrapper .e-list-header {
2990
- background-color: #6e6e6e;
2991
- border-color: #414141;
2992
- color: rgba(255, 255, 255, 0.95);
2993
- font-size: 14px;
2974
+ .e-listbox-wrapper *,
2975
+ .e-listbox-container *,
2976
+ .e-listboxtool-wrapper * {
2977
+ -webkit-box-sizing: border-box;
2978
+ box-sizing: border-box;
2994
2979
  }
2995
-
2996
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2997
- .e-listbox-container.e-filter-list .e-list-parent,
2998
- .e-listboxtool-wrapper.e-filter-list .e-list-parent {
2999
- height: calc(100% - 52px);
2980
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2981
+ .e-listbox-container .e-list-wrap:focus-visible,
2982
+ .e-listbox-container:focus,
2983
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2984
+ .e-listboxtool-wrapper:focus {
2985
+ outline: none;
3000
2986
  }
3001
-
3002
- .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3003
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3004
- .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3005
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2987
+ .e-listbox-wrapper.e-disabled,
2988
+ .e-listbox-container.e-disabled,
2989
+ .e-listboxtool-wrapper.e-disabled {
2990
+ cursor: default;
2991
+ pointer-events: none;
3006
2992
  }
3007
-
3008
- .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3009
- .e-listbox-container .e-selectall-parent + .e-list-parent,
3010
- .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3011
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2993
+ .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2994
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
2995
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2996
+ text-align: center;
2997
+ }
2998
+ .e-listbox-wrapper .e-list-parent,
2999
+ .e-listbox-container .e-list-parent,
3000
+ .e-listboxtool-wrapper .e-list-parent {
3001
+ height: 100%;
3002
+ min-height: 40px;
3012
3003
  }
3013
-
3014
3004
  .e-listbox-wrapper .e-list-item,
3015
3005
  .e-listbox-container .e-list-item,
3016
3006
  .e-listboxtool-wrapper .e-list-item {
3017
- background-color: #1a1a1a;
3018
- border-bottom: 1px solid #414141;
3019
- border-left: 0 solid transparent;
3020
- border-right: 0 solid transparent;
3021
- border-top: 0 solid transparent;
3022
- color: #f0f0f0;
3007
+ border-bottom: 0 solid;
3008
+ outline: none;
3023
3009
  }
3024
-
3025
- .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3026
- .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3027
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3028
- .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3029
- .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3030
- background-color: #313131;
3031
- border-color: transparent;
3032
- color: rgba(255, 255, 255, 0.87);
3010
+ .e-listbox-wrapper .e-list-item.e-disabled,
3011
+ .e-listbox-container .e-list-item.e-disabled,
3012
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
3013
+ pointer-events: none;
3033
3014
  }
3034
-
3035
- .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3036
- .e-listbox-container .e-list-item.e-selected.e-checklist,
3037
- .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3038
- background-color: #1a1a1a;
3039
- color: #f0f0f0;
3015
+ .e-listbox-wrapper .e-disable,
3016
+ .e-listbox-container .e-disable,
3017
+ .e-listboxtool-wrapper .e-disable {
3018
+ opacity: 0.7;
3040
3019
  }
3041
-
3042
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
3043
- .e-listbox-container .e-list-item.e-focused,
3044
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3045
- .e-listbox-container .e-list-item.e-selected,
3046
- .e-listboxtool-wrapper .e-list-item.e-focused,
3047
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3048
- .e-listboxtool-wrapper .e-list-item.e-selected {
3049
- background-color: #414141;
3050
- color: rgba(255, 255, 255, 0.87);
3020
+ .e-listbox-wrapper .e-list-parent,
3021
+ .e-listbox-container .e-list-parent,
3022
+ .e-listboxtool-wrapper .e-list-parent {
3023
+ margin: 0;
3024
+ padding: 0;
3051
3025
  }
3052
-
3053
- .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3054
- .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3055
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3056
- .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3057
- .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3058
- background-color: #1a1a1a;
3059
- border-color: #f0f0f0;
3060
- color: #f0f0f0;
3026
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3027
+ .e-listbox-container .e-list-header .e-text.header,
3028
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3029
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
3030
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
3031
+ display: none;
3032
+ }
3033
+ .e-listbox-wrapper .e-icon-back,
3034
+ .e-listbox-container .e-icon-back,
3035
+ .e-listboxtool-wrapper .e-icon-back {
3036
+ margin-top: -2px;
3037
+ }
3038
+ .e-listbox-wrapper .e-list-header,
3039
+ .e-listbox-container .e-list-header,
3040
+ .e-listboxtool-wrapper .e-list-header {
3041
+ -webkit-box-align: center;
3042
+ -ms-flex-align: center;
3043
+ align-items: center;
3044
+ border-bottom: 1px solid;
3045
+ display: -webkit-box;
3046
+ display: -ms-flexbox;
3047
+ display: flex;
3048
+ font-weight: bold;
3049
+ height: 40px;
3050
+ padding: 0 20px;
3051
+ }
3052
+ .e-listbox-wrapper .e-has-header > .e-view,
3053
+ .e-listbox-container .e-has-header > .e-view,
3054
+ .e-listboxtool-wrapper .e-has-header > .e-view {
3055
+ top: 45px;
3056
+ }
3057
+ .e-listbox-wrapper .e-but-back,
3058
+ .e-listbox-container .e-but-back,
3059
+ .e-listboxtool-wrapper .e-but-back {
3060
+ cursor: pointer;
3061
+ padding-right: 10px;
3062
+ }
3063
+ .e-listbox-wrapper .e-list-group-item:first-child,
3064
+ .e-listbox-container .e-list-group-item:first-child,
3065
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
3066
+ border: 0;
3067
+ border-bottom: 1px solid #414141;
3061
3068
  }
3062
-
3063
3069
  .e-listbox-wrapper .e-list-group-item,
3064
3070
  .e-listbox-container .e-list-group-item,
3065
3071
  .e-listboxtool-wrapper .e-list-group-item {
3066
- background-color: #1a1a1a;
3067
- border-color: #414141;
3068
- color: rgb(61.5, 151.8, 255);
3069
- font-size: 14px;
3070
- }
3071
-
3072
- .e-listbox-wrapper .e-selectall-parent,
3073
- .e-listbox-container .e-selectall-parent,
3074
- .e-listboxtool-wrapper .e-selectall-parent {
3075
- background-color: #1a1a1a;
3076
- border-bottom: 1px solid #484848;
3077
- color: #f0f0f0;
3072
+ border-bottom: 1px solid #414141;
3073
+ border-top: 0 solid;
3074
+ font-weight: 600;
3075
+ height: 40px;
3076
+ line-height: 36px;
3077
+ padding: 13px 16px;
3078
3078
  }
3079
-
3080
- .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3081
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
3082
- .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
3083
- background-color: transparent;
3079
+ .e-listbox-wrapper .e-icon-collapsible,
3080
+ .e-listbox-container .e-icon-collapsible,
3081
+ .e-listboxtool-wrapper .e-icon-collapsible {
3082
+ cursor: pointer;
3083
+ font-size: 12px;
3084
+ position: absolute;
3085
+ right: 0%;
3086
+ top: 50%;
3087
+ -webkit-transform: translateY(-50%);
3088
+ transform: translateY(-50%);
3084
3089
  }
3085
-
3086
- .e-listbox-wrapper.e-list-template .e-list-wrapper,
3087
- .e-listbox-container.e-list-template .e-list-wrapper,
3088
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
3089
- height: inherit;
3090
+ .e-listbox-wrapper .e-text-content,
3091
+ .e-listbox-container .e-text-content,
3092
+ .e-listboxtool-wrapper .e-text-content {
3093
+ height: 100%;
3090
3094
  position: relative;
3095
+ vertical-align: middle;
3091
3096
  }
3092
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3093
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3094
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3095
- padding: 0.7142em 1.0714em;
3097
+ .e-listbox-wrapper .e-text-content *,
3098
+ .e-listbox-container .e-text-content *,
3099
+ .e-listboxtool-wrapper .e-text-content * {
3100
+ display: inline-block;
3101
+ vertical-align: middle;
3096
3102
  }
3097
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3098
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
3099
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
3100
- padding: 0.7142em 1.0714em;
3103
+ .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
3104
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
3105
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
3106
+ width: calc(100% - 40px);
3101
3107
  }
3102
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3103
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3104
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3105
- color: #fff;
3106
- display: block;
3107
- font-size: 18px;
3108
- font-weight: 500;
3109
- margin: 0;
3110
- overflow: hidden;
3111
- padding: 0.038em 0;
3112
- text-overflow: ellipsis;
3113
- white-space: nowrap;
3108
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3109
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3110
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
3111
+ width: calc(100% - 90px);
3114
3112
  }
3115
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3116
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3117
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3118
- color: #393939;
3119
- display: block;
3120
- font-size: 14px;
3121
- margin: 0;
3122
- padding: 0.038em 0;
3123
- word-wrap: break-word;
3113
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3114
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3115
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3116
+ width: calc(100% - 80px);
3124
3117
  }
3125
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3126
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3127
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3118
+ .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,
3119
+ .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,
3120
+ .e-listboxtool-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3121
+ width: calc(100% - 92px);
3122
+ }
3123
+ .e-listbox-wrapper .e-checkbox .e-checkbox-left,
3124
+ .e-listbox-container .e-checkbox .e-checkbox-left,
3125
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
3126
+ margin: -4px 10px 0 0;
3127
+ }
3128
+ .e-listbox-wrapper .e-checkbox .e-checkbox-right,
3129
+ .e-listbox-container .e-checkbox .e-checkbox-right,
3130
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
3131
+ margin: -4px 0 0 10px;
3132
+ }
3133
+ .e-listbox-wrapper .e-list-text,
3134
+ .e-listbox-container .e-list-text,
3135
+ .e-listboxtool-wrapper .e-list-text {
3136
+ cursor: pointer;
3137
+ display: inline-block;
3128
3138
  overflow: hidden;
3129
3139
  text-overflow: ellipsis;
3140
+ vertical-align: top;
3130
3141
  white-space: nowrap;
3142
+ width: 100%;
3131
3143
  }
3132
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3133
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3134
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3135
- height: 2.8571em;
3136
- left: 1.0667em;
3137
- position: absolute;
3138
- width: 2.8571em;
3139
- left: 1.0667em;
3140
- }
3141
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3142
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3143
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3144
- padding-left: 4.6428em;
3145
- padding-right: 1.0714em;
3144
+ .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3145
+ .e-listbox-container .e-list-icon + .e-list-text,
3146
+ .e-listbox-container .e-icon-wrapper .e-list-text,
3147
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3148
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
3149
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
3150
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
3151
+ width: calc(100% - 60px);
3146
3152
  }
3147
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3148
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3149
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3150
- padding-left: 1.0714em;
3151
- padding-right: 4.6428em;
3153
+ .e-listbox-wrapper .e-list-icon,
3154
+ .e-listbox-container .e-list-icon,
3155
+ .e-listboxtool-wrapper .e-list-icon {
3156
+ height: 30px;
3157
+ margin-right: 10px;
3158
+ width: 30px;
3152
3159
  }
3153
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3154
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3155
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3156
- height: 2.8571em;
3157
- left: 1.0667em;
3158
- position: absolute;
3159
- width: 2.8571em;
3160
- right: 1.0667em;
3160
+ .e-listbox-wrapper .e-content,
3161
+ .e-listbox-container .e-content,
3162
+ .e-listboxtool-wrapper .e-content {
3163
+ overflow: hidden;
3164
+ position: relative;
3161
3165
  }
3162
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3163
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3164
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3165
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3166
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3167
- top: 0.7142em;
3166
+ .e-listbox-wrapper .e-list-header .e-text,
3167
+ .e-listbox-container .e-list-header .e-text,
3168
+ .e-listboxtool-wrapper .e-list-header .e-text {
3169
+ cursor: pointer;
3170
+ text-indent: 0;
3168
3171
  }
3169
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3170
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3171
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3172
- font-size: 15px;
3173
- height: 1.333em;
3174
- line-height: 1.433em;
3175
- padding: 0;
3176
- position: absolute;
3177
- right: 1em;
3178
- top: 50%;
3179
- -webkit-transform: translateY(-50%);
3180
- transform: translateY(-50%);
3181
- width: 2em;
3172
+ .e-listbox-wrapper .e-text .e-headertext,
3173
+ .e-listbox-container .e-text .e-headertext,
3174
+ .e-listboxtool-wrapper .e-text .e-headertext {
3175
+ display: inline-block;
3176
+ line-height: 1px;
3182
3177
  }
3183
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3184
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3185
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3186
- padding-left: 4.6428em;
3187
- padding-right: 3.9285em;
3178
+ .e-listbox-wrapper.e-rtl,
3179
+ .e-listbox-container.e-rtl,
3180
+ .e-listboxtool-wrapper.e-rtl {
3181
+ direction: rtl;
3188
3182
  }
3189
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3190
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3191
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3192
- padding-left: 1.0714em;
3193
- padding-right: 3.9285em;
3183
+ .e-listbox-wrapper.e-rtl .e-list-icon,
3184
+ .e-listbox-container.e-rtl .e-list-icon,
3185
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
3186
+ margin-left: 16px;
3187
+ margin-right: 0;
3194
3188
  }
3195
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3196
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3197
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3198
- display: block;
3199
- margin: 0;
3200
- overflow: hidden;
3201
- padding: 0.83em 0;
3202
- text-overflow: ellipsis;
3203
- white-space: nowrap;
3189
+ .e-listbox-wrapper.e-rtl .e-icon-collapsible,
3190
+ .e-listbox-container.e-rtl .e-icon-collapsible,
3191
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
3192
+ left: 0%;
3193
+ right: initial;
3194
+ top: 50%;
3195
+ -webkit-transform: translateY(-50%) rotate(180deg);
3196
+ transform: translateY(-50%) rotate(180deg);
3204
3197
  }
3205
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3206
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3207
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3208
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3209
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3210
- color: rgba(255, 255, 255, 0.87);
3198
+ .e-listbox-wrapper.e-rtl .e-list-header .e-text,
3199
+ .e-listbox-container.e-rtl .e-list-header .e-text,
3200
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
3201
+ cursor: pointer;
3211
3202
  }
3212
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3213
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3214
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3215
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3216
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3217
- color: rgba(255, 255, 255, 0.87);
3203
+ .e-listbox-wrapper.e-rtl .e-but-back,
3204
+ .e-listbox-container.e-rtl .e-but-back,
3205
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
3206
+ -webkit-transform: rotate(180deg);
3207
+ transform: rotate(180deg);
3218
3208
  }
3219
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3220
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3221
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3222
- left: inherit;
3223
- right: 1.0667em;
3209
+ .e-listbox-wrapper.e-rtl .e-icon-back,
3210
+ .e-listbox-container.e-rtl .e-icon-back,
3211
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
3212
+ margin-top: -1px;
3224
3213
  }
3225
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3226
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3227
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3228
- padding-left: 1.0714em;
3229
- padding-right: 4.6428em;
3214
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3215
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
3216
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
3217
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
3218
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3219
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
3220
+ margin: -4px 0 0 10px;
3230
3221
  }
3231
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3232
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3233
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3234
- padding-left: 4.6428em;
3235
- padding-right: 1.0714em;
3222
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
3223
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
3224
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
3225
+ margin: -4px 10px 0 0;
3236
3226
  }
3237
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3238
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3239
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3240
- left: 1.0667em;
3241
- right: inherit;
3227
+ .e-listbox-wrapper .e-checkbox-wrapper,
3228
+ .e-listbox-container .e-checkbox-wrapper,
3229
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
3230
+ margin: -4px 10px 0 0;
3231
+ text-indent: 0;
3232
+ vertical-align: middle;
3242
3233
  }
3243
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3244
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3245
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3246
- left: 1em;
3247
- right: inherit;
3234
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
3235
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
3236
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
3237
+ position: absolute;
3238
+ right: 0;
3239
+ top: 30%;
3248
3240
  }
3249
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3250
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3251
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3252
- padding-left: 3.9285em;
3253
- padding-right: 4.6428em;
3241
+ .e-listbox-wrapper .e-input-group,
3242
+ .e-listbox-container .e-input-group,
3243
+ .e-listboxtool-wrapper .e-input-group {
3244
+ padding: 4px 8px;
3254
3245
  }
3255
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3256
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3257
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3258
- padding-left: 3.9285em;
3259
- padding-right: 1.0714em;
3246
+ .e-listbox-wrapper .e-input-focus,
3247
+ .e-listbox-container .e-input-focus,
3248
+ .e-listboxtool-wrapper .e-input-focus {
3249
+ padding: 4px 4px 4px 8px;
3260
3250
  }
3261
-
3262
- .e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
3263
- height: 100%;
3251
+ .e-listbox-wrapper .e-hidden-select,
3252
+ .e-listbox-container .e-hidden-select,
3253
+ .e-listboxtool-wrapper .e-hidden-select {
3254
+ height: 1px;
3255
+ opacity: 0;
3256
+ position: absolute;
3257
+ width: 100%;
3264
3258
  }
3265
-
3266
- .e-listbox-container.e-filter-list .e-list-wrap {
3267
- height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3259
+ .e-listbox-wrapper .e-placeholder,
3260
+ .e-listbox-container .e-placeholder,
3261
+ .e-listboxtool-wrapper .e-placeholder {
3262
+ background-color: #0070f0;
3263
+ display: block;
3264
+ height: 1px;
3268
3265
  }
3269
3266
 
3270
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3271
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3267
+ ejs-listbox {
3268
+ display: block;
3272
3269
  }
3273
3270
 
3274
- .e-listbox-container .e-selectall-parent + .e-list-wrap {
3275
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3271
+ .e-listbox-wrapper:not(.e-listbox-container),
3272
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3273
+ overflow: auto;
3276
3274
  }
3277
3275
 
3278
- /* stylelint-disable property-no-vendor-prefix */
3279
- .e-listbox-wrapper,
3280
- .e-listbox-container,
3281
- .e-listboxtool-wrapper {
3282
- -webkit-overflow-scrolling: touch;
3283
- -webkit-box-sizing: border-box;
3284
- box-sizing: border-box;
3285
- cursor: pointer;
3286
- display: block;
3287
- position: relative;
3288
- -webkit-user-select: none;
3289
- -moz-user-select: none;
3290
- -ms-user-select: none;
3291
- user-select: none;
3292
- width: 100%;
3293
- }
3294
- .e-listbox-wrapper *,
3295
- .e-listbox-container *,
3296
- .e-listboxtool-wrapper * {
3297
- -webkit-box-sizing: border-box;
3298
- box-sizing: border-box;
3299
- }
3300
- .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
3301
- .e-listbox-container .e-list-wrap:focus-visible,
3302
- .e-listbox-container:focus,
3303
- .e-listboxtool-wrapper .e-list-wrap:focus-visible,
3304
- .e-listboxtool-wrapper:focus {
3305
- outline: none;
3306
- }
3307
- .e-listbox-wrapper.e-disabled,
3308
- .e-listbox-container.e-disabled,
3309
- .e-listboxtool-wrapper.e-disabled {
3310
- cursor: default;
3311
- pointer-events: none;
3312
- }
3313
- .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
3314
- .e-listbox-container:not(.e-list-template) .e-list-nrt,
3315
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
3316
- text-align: center;
3317
- }
3318
- .e-listbox-wrapper .e-list-parent,
3319
- .e-listbox-container .e-list-parent,
3320
- .e-listboxtool-wrapper .e-list-parent {
3321
- height: 100%;
3322
- min-height: 40px;
3323
- }
3324
- .e-listbox-wrapper .e-list-item,
3325
- .e-listbox-container .e-list-item,
3326
- .e-listboxtool-wrapper .e-list-item {
3327
- border-bottom: 0 solid;
3328
- outline: none;
3329
- }
3330
- .e-listbox-wrapper .e-list-item.e-disabled,
3331
- .e-listbox-container .e-list-item.e-disabled,
3332
- .e-listboxtool-wrapper .e-list-item.e-disabled {
3333
- pointer-events: none;
3276
+ .e-listbox-wrapper.e-sortableclone,
3277
+ .e-listbox-container.e-sortableclone,
3278
+ .e-listboxtool-wrapper.e-sortableclone {
3279
+ border-width: 0;
3280
+ overflow: visible;
3334
3281
  }
3335
- .e-listbox-wrapper .e-disable,
3336
- .e-listbox-container .e-disable,
3337
- .e-listboxtool-wrapper .e-disable {
3338
- opacity: 0.7;
3282
+ .e-listbox-wrapper.e-sortableclone .e-list-item,
3283
+ .e-listbox-container.e-sortableclone .e-list-item,
3284
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
3285
+ list-style-type: none;
3286
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
3339
3287
  }
3340
- .e-listbox-wrapper .e-list-parent,
3341
- .e-listbox-container .e-list-parent,
3342
- .e-listboxtool-wrapper .e-list-parent {
3343
- margin: 0;
3344
- padding: 0;
3288
+ .e-listbox-wrapper.e-sortableclone .e-ripple,
3289
+ .e-listbox-container.e-sortableclone .e-ripple,
3290
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
3291
+ overflow: visible;
3345
3292
  }
3346
- .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3347
- .e-listbox-container .e-list-header .e-text.header,
3348
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3349
- .e-listboxtool-wrapper .e-list-header .e-text.header,
3350
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
3293
+ .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
3294
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
3295
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
3351
3296
  display: none;
3352
3297
  }
3353
- .e-listbox-wrapper .e-icon-back,
3354
- .e-listbox-container .e-icon-back,
3355
- .e-listboxtool-wrapper .e-icon-back {
3356
- margin-top: -2px;
3357
- }
3358
- .e-listbox-wrapper .e-list-header,
3359
- .e-listbox-container .e-list-header,
3360
- .e-listboxtool-wrapper .e-list-header {
3298
+ .e-listbox-wrapper.e-sortableclone .e-list-badge,
3299
+ .e-listbox-container.e-sortableclone .e-list-badge,
3300
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
3361
3301
  -webkit-box-align: center;
3362
3302
  -ms-flex-align: center;
3363
3303
  align-items: center;
3364
- border-bottom: 1px solid;
3304
+ background-color: #0070f0;
3305
+ border: 1px solid #fff;
3306
+ border-radius: 50%;
3307
+ color: #fff;
3365
3308
  display: -webkit-box;
3366
3309
  display: -ms-flexbox;
3367
3310
  display: flex;
3368
- font-weight: bold;
3369
- height: 40px;
3370
- padding: 0 20px;
3311
+ font-size: 12px;
3312
+ height: 22px;
3313
+ -webkit-box-pack: center;
3314
+ -ms-flex-pack: center;
3315
+ justify-content: center;
3316
+ position: absolute;
3317
+ right: -10px;
3318
+ top: -10px;
3319
+ width: 22px;
3371
3320
  }
3372
- .e-listbox-wrapper .e-has-header > .e-view,
3373
- .e-listbox-container .e-has-header > .e-view,
3374
- .e-listboxtool-wrapper .e-has-header > .e-view {
3375
- top: 45px;
3321
+
3322
+ .e-listboxtool-wrapper.e-sortableclone {
3323
+ display: block;
3376
3324
  }
3377
- .e-listbox-wrapper .e-but-back,
3378
- .e-listbox-container .e-but-back,
3379
- .e-listboxtool-wrapper .e-but-back {
3325
+
3326
+ .e-listboxtool-wrapper,
3327
+ .e-listboxtool-container {
3380
3328
  cursor: pointer;
3381
- padding-right: 10px;
3382
- }
3383
- .e-listbox-wrapper .e-list-group-item:first-child,
3384
- .e-listbox-container .e-list-group-item:first-child,
3385
- .e-listboxtool-wrapper .e-list-group-item:first-child {
3386
- border: 0;
3387
- border-bottom: 1px solid #414141;
3388
- }
3389
- .e-listbox-wrapper .e-list-group-item,
3390
- .e-listbox-container .e-list-group-item,
3391
- .e-listboxtool-wrapper .e-list-group-item {
3392
- border-bottom: 1px solid #414141;
3393
- border-top: 0 solid;
3394
- font-weight: 600;
3395
- height: 40px;
3396
- line-height: 36px;
3397
- padding: 13px 16px;
3329
+ display: -webkit-box;
3330
+ display: -ms-flexbox;
3331
+ display: flex;
3398
3332
  }
3399
- .e-listbox-wrapper .e-icon-collapsible,
3400
- .e-listbox-container .e-icon-collapsible,
3401
- .e-listboxtool-wrapper .e-icon-collapsible {
3402
- cursor: pointer;
3403
- font-size: 12px;
3404
- position: absolute;
3405
- right: 0%;
3406
- top: 50%;
3407
- -webkit-transform: translateY(-50%);
3408
- transform: translateY(-50%);
3333
+ .e-listboxtool-wrapper *,
3334
+ .e-listboxtool-container * {
3335
+ -webkit-box-sizing: border-box;
3336
+ box-sizing: border-box;
3409
3337
  }
3410
- .e-listbox-wrapper .e-text-content,
3411
- .e-listbox-container .e-text-content,
3412
- .e-listboxtool-wrapper .e-text-content {
3413
- height: 100%;
3414
- position: relative;
3415
- vertical-align: middle;
3338
+ .e-listboxtool-wrapper.e-disabled,
3339
+ .e-listboxtool-container.e-disabled {
3340
+ cursor: default;
3341
+ pointer-events: none;
3416
3342
  }
3417
- .e-listbox-wrapper .e-text-content *,
3418
- .e-listbox-container .e-text-content *,
3419
- .e-listboxtool-wrapper .e-text-content * {
3420
- display: inline-block;
3421
- vertical-align: middle;
3343
+ .e-listboxtool-wrapper .e-listbox-wrapper,
3344
+ .e-listboxtool-wrapper .e-list-wrap,
3345
+ .e-listboxtool-container .e-listbox-wrapper,
3346
+ .e-listboxtool-container .e-list-wrap {
3347
+ -webkit-box-flex: 1;
3348
+ -ms-flex: 1;
3349
+ flex: 1;
3422
3350
  }
3423
- .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
3424
- .e-listbox-container .e-text-content.e-checkbox .e-list-text,
3425
- .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
3426
- width: calc(100% - 40px);
3351
+ .e-listboxtool-wrapper.e-right .e-listbox-tool,
3352
+ .e-listboxtool-container.e-right .e-listbox-tool {
3353
+ margin-left: 15px;
3427
3354
  }
3428
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3429
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3430
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
3431
- width: calc(100% - 90px);
3355
+ .e-listboxtool-wrapper.e-left .e-listbox-tool,
3356
+ .e-listboxtool-container.e-left .e-listbox-tool {
3357
+ margin-right: 15px;
3432
3358
  }
3433
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3434
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3435
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3436
- width: calc(100% - 80px);
3359
+ .e-listboxtool-wrapper .e-listbox-tool,
3360
+ .e-listboxtool-container .e-listbox-tool {
3361
+ border: 1px solid #484848;
3362
+ overflow: auto;
3363
+ padding: 8px;
3437
3364
  }
3438
- .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,
3439
- .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,
3440
- .e-listboxtool-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3441
- width: calc(100% - 92px);
3365
+ .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3366
+ .e-listboxtool-container .e-listbox-tool .e-btn {
3367
+ display: list-item;
3368
+ list-style-type: none;
3369
+ margin-bottom: 10px;
3442
3370
  }
3443
- .e-listbox-wrapper .e-checkbox .e-checkbox-left,
3444
- .e-listbox-container .e-checkbox .e-checkbox-left,
3445
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
3446
- margin: -4px 10px 0 0;
3371
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3372
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3373
+ position: absolute;
3374
+ right: 0;
3375
+ top: 30%;
3447
3376
  }
3448
- .e-listbox-wrapper .e-checkbox .e-checkbox-right,
3449
- .e-listbox-container .e-checkbox .e-checkbox-right,
3450
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
3451
- margin: -4px 0 0 10px;
3377
+
3378
+ .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3379
+ .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3380
+ margin-right: 15px;
3452
3381
  }
3453
- .e-listbox-wrapper .e-list-text,
3454
- .e-listbox-container .e-list-text,
3455
- .e-listboxtool-wrapper .e-list-text {
3456
- cursor: pointer;
3457
- display: inline-block;
3458
- overflow: hidden;
3459
- text-overflow: ellipsis;
3460
- vertical-align: top;
3461
- white-space: nowrap;
3462
- width: 100%;
3382
+ .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3383
+ .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3384
+ margin-left: 15px;
3463
3385
  }
3464
- .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3465
- .e-listbox-container .e-list-icon + .e-list-text,
3466
- .e-listbox-container .e-icon-wrapper .e-list-text,
3467
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3468
- .e-listboxtool-wrapper .e-list-icon + .e-list-text,
3469
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
3470
- .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
3471
- width: calc(100% - 60px);
3386
+
3387
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3388
+ .e-listbox-wrapper .e-list-nrt,
3389
+ .e-listbox-wrapper .e-selectall-parent,
3390
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3391
+ .e-listbox-container .e-list-nrt,
3392
+ .e-listbox-container .e-selectall-parent,
3393
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3394
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3395
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3396
+ height: 40px;
3397
+ line-height: 1;
3398
+ padding: 13px 16px;
3399
+ position: relative;
3472
3400
  }
3473
3401
  .e-listbox-wrapper .e-list-icon,
3474
3402
  .e-listbox-container .e-list-icon,
3475
- .e-listboxtool-wrapper .e-list-icon {
3476
- height: 30px;
3477
- margin-right: 10px;
3478
- width: 30px;
3403
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3404
+ display: inline;
3405
+ vertical-align: middle;
3406
+ width: auto;
3407
+ height: auto;
3408
+ padding-bottom: 0;
3479
3409
  }
3480
- .e-listbox-wrapper .e-content,
3481
- .e-listbox-container .e-content,
3482
- .e-listboxtool-wrapper .e-content {
3483
- overflow: hidden;
3484
- position: relative;
3410
+
3411
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3412
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
3413
+ height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
3485
3414
  }
3486
- .e-listbox-wrapper .e-list-header .e-text,
3487
- .e-listbox-container .e-list-header .e-text,
3488
- .e-listboxtool-wrapper .e-list-header .e-text {
3489
- cursor: pointer;
3490
- text-indent: 0;
3415
+
3416
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3417
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3491
3418
  }
3492
- .e-listbox-wrapper .e-text .e-headertext,
3493
- .e-listbox-container .e-text .e-headertext,
3494
- .e-listboxtool-wrapper .e-text .e-headertext {
3495
- display: inline-block;
3496
- line-height: 1px;
3419
+
3420
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3421
+ height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
3497
3422
  }
3498
- .e-listbox-wrapper.e-rtl,
3499
- .e-listbox-container.e-rtl,
3500
- .e-listboxtool-wrapper.e-rtl {
3501
- direction: rtl;
3423
+
3424
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3425
+ height: calc(100% - 91.5px) !important; /* stylelint-disable-line declaration-no-important */
3502
3426
  }
3503
- .e-listbox-wrapper.e-rtl .e-list-icon,
3504
- .e-listbox-container.e-rtl .e-list-icon,
3505
- .e-listboxtool-wrapper.e-rtl .e-list-icon {
3506
- margin-left: 16px;
3507
- margin-right: 0;
3427
+
3428
+ .e-listbox-wrapper,
3429
+ .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3430
+ .e-listboxtool-container.e-listbox-container .e-ul {
3431
+ border: 1px solid #484848;
3508
3432
  }
3509
- .e-listbox-wrapper.e-rtl .e-icon-collapsible,
3510
- .e-listbox-container.e-rtl .e-icon-collapsible,
3511
- .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
3512
- left: 0%;
3513
- right: initial;
3514
- top: 50%;
3515
- -webkit-transform: translateY(-50%) rotate(180deg);
3516
- transform: translateY(-50%) rotate(180deg);
3433
+
3434
+ .e-listbox-wrapper,
3435
+ .e-listbox-container,
3436
+ .e-listboxtool-wrapper {
3437
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
3438
+ font-size: 14px;
3517
3439
  }
3518
- .e-listbox-wrapper.e-rtl .e-list-header .e-text,
3519
- .e-listbox-container.e-rtl .e-list-header .e-text,
3520
- .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
3521
- cursor: pointer;
3440
+ .e-listbox-wrapper .e-list-header,
3441
+ .e-listbox-container .e-list-header,
3442
+ .e-listboxtool-wrapper .e-list-header {
3443
+ background-color: #6e6e6e;
3444
+ border-color: #414141;
3445
+ color: rgba(255, 255, 255, 0.95);
3446
+ font-size: 14px;
3522
3447
  }
3523
- .e-listbox-wrapper.e-rtl .e-but-back,
3524
- .e-listbox-container.e-rtl .e-but-back,
3525
- .e-listboxtool-wrapper.e-rtl .e-but-back {
3526
- -webkit-transform: rotate(180deg);
3527
- transform: rotate(180deg);
3448
+
3449
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
3450
+ .e-listbox-container.e-filter-list .e-list-parent,
3451
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3452
+ height: calc(100% - 52px);
3528
3453
  }
3529
- .e-listbox-wrapper.e-rtl .e-icon-back,
3530
- .e-listbox-container.e-rtl .e-icon-back,
3531
- .e-listboxtool-wrapper.e-rtl .e-icon-back {
3532
- margin-top: -1px;
3454
+
3455
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3456
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3457
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3458
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3533
3459
  }
3534
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3535
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
3536
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
3537
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
3538
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3539
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
3540
- margin: -4px 0 0 10px;
3460
+
3461
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3462
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
3463
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3464
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3541
3465
  }
3542
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
3543
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
3544
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
3545
- margin: -4px 10px 0 0;
3466
+
3467
+ .e-listbox-wrapper .e-list-item,
3468
+ .e-listbox-container .e-list-item,
3469
+ .e-listboxtool-wrapper .e-list-item {
3470
+ background-color: #1a1a1a;
3471
+ border-bottom: 1px solid #414141;
3472
+ border-left: 0 solid transparent;
3473
+ border-right: 0 solid transparent;
3474
+ border-top: 0 solid transparent;
3475
+ color: #f0f0f0;
3546
3476
  }
3547
- .e-listbox-wrapper .e-checkbox-wrapper,
3548
- .e-listbox-container .e-checkbox-wrapper,
3549
- .e-listboxtool-wrapper .e-checkbox-wrapper {
3550
- margin: -4px 10px 0 0;
3551
- text-indent: 0;
3552
- vertical-align: middle;
3477
+
3478
+ .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3479
+ .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3480
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3481
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3482
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3483
+ background-color: #313131;
3484
+ border-color: transparent;
3485
+ color: rgba(255, 255, 255, 0.87);
3553
3486
  }
3554
- .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
3555
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
3556
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
3557
- position: absolute;
3558
- right: 0;
3559
- top: 30%;
3487
+
3488
+ .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3489
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
3490
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3491
+ background-color: #1a1a1a;
3492
+ color: #f0f0f0;
3560
3493
  }
3561
- .e-listbox-wrapper .e-input-group,
3562
- .e-listbox-container .e-input-group,
3563
- .e-listboxtool-wrapper .e-input-group {
3564
- padding: 4px 8px;
3494
+
3495
+ .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
3496
+ .e-listbox-container .e-list-item.e-focused,
3497
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3498
+ .e-listbox-container .e-list-item.e-selected,
3499
+ .e-listboxtool-wrapper .e-list-item.e-focused,
3500
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3501
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3502
+ background-color: #414141;
3503
+ color: rgba(255, 255, 255, 0.87);
3565
3504
  }
3566
- .e-listbox-wrapper .e-input-focus,
3567
- .e-listbox-container .e-input-focus,
3568
- .e-listboxtool-wrapper .e-input-focus {
3569
- padding: 4px 4px 4px 8px;
3505
+
3506
+ .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3507
+ .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3508
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3509
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3510
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3511
+ background-color: #1a1a1a;
3512
+ border-color: #f0f0f0;
3513
+ color: #f0f0f0;
3570
3514
  }
3571
- .e-listbox-wrapper .e-hidden-select,
3572
- .e-listbox-container .e-hidden-select,
3573
- .e-listboxtool-wrapper .e-hidden-select {
3574
- height: 1px;
3575
- opacity: 0;
3576
- position: absolute;
3577
- width: 100%;
3515
+
3516
+ .e-listbox-wrapper .e-list-group-item,
3517
+ .e-listbox-container .e-list-group-item,
3518
+ .e-listboxtool-wrapper .e-list-group-item {
3519
+ background-color: #1a1a1a;
3520
+ border-color: #414141;
3521
+ color: rgb(61.5, 151.8, 255);
3522
+ font-size: 14px;
3578
3523
  }
3579
- .e-listbox-wrapper .e-placeholder,
3580
- .e-listbox-container .e-placeholder,
3581
- .e-listboxtool-wrapper .e-placeholder {
3582
- background-color: #0070f0;
3524
+
3525
+ .e-listbox-wrapper .e-selectall-parent,
3526
+ .e-listbox-container .e-selectall-parent,
3527
+ .e-listboxtool-wrapper .e-selectall-parent {
3528
+ background-color: #1a1a1a;
3529
+ border-bottom: 1px solid #484848;
3530
+ color: #f0f0f0;
3531
+ }
3532
+
3533
+ .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3534
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
3535
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
3536
+ background-color: transparent;
3537
+ }
3538
+
3539
+ .e-listbox-wrapper.e-list-template .e-list-wrapper,
3540
+ .e-listbox-container.e-list-template .e-list-wrapper,
3541
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
3542
+ height: inherit;
3543
+ position: relative;
3544
+ }
3545
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3546
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3547
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3548
+ padding: 0.7142em 1.0714em;
3549
+ }
3550
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3551
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
3552
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
3553
+ padding: 0.7142em 1.0714em;
3554
+ }
3555
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3556
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3557
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3558
+ color: #fff;
3583
3559
  display: block;
3584
- height: 1px;
3560
+ font-size: 18px;
3561
+ font-weight: 500;
3562
+ margin: 0;
3563
+ overflow: hidden;
3564
+ padding: 0.038em 0;
3565
+ text-overflow: ellipsis;
3566
+ white-space: nowrap;
3585
3567
  }
3586
-
3587
- ejs-listbox {
3568
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3569
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3570
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3571
+ color: #393939;
3588
3572
  display: block;
3573
+ font-size: 14px;
3574
+ margin: 0;
3575
+ padding: 0.038em 0;
3576
+ word-wrap: break-word;
3589
3577
  }
3590
-
3591
- .e-listbox-wrapper:not(.e-listbox-container),
3592
- .e-listbox-wrapper.e-filter-list .e-list-parent {
3593
- overflow: auto;
3578
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3579
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3580
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3581
+ overflow: hidden;
3582
+ text-overflow: ellipsis;
3583
+ white-space: nowrap;
3594
3584
  }
3595
-
3596
- .e-listbox-wrapper.e-sortableclone,
3597
- .e-listbox-container.e-sortableclone,
3598
- .e-listboxtool-wrapper.e-sortableclone {
3599
- border-width: 0;
3600
- overflow: visible;
3585
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3586
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3587
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3588
+ height: 2.8571em;
3589
+ left: 1.0667em;
3590
+ position: absolute;
3591
+ width: 2.8571em;
3592
+ left: 1.0667em;
3601
3593
  }
3602
- .e-listbox-wrapper.e-sortableclone .e-list-item,
3603
- .e-listbox-container.e-sortableclone .e-list-item,
3604
- .e-listboxtool-wrapper.e-sortableclone .e-list-item {
3605
- list-style-type: none;
3606
- height: 38px !important; /* stylelint-disable-line declaration-no-important */
3594
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3595
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3596
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3597
+ padding-left: 4.6428em;
3598
+ padding-right: 1.0714em;
3607
3599
  }
3608
- .e-listbox-wrapper.e-sortableclone .e-ripple,
3609
- .e-listbox-container.e-sortableclone .e-ripple,
3610
- .e-listboxtool-wrapper.e-sortableclone .e-ripple {
3611
- overflow: visible;
3600
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3601
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3602
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3603
+ padding-left: 1.0714em;
3604
+ padding-right: 4.6428em;
3612
3605
  }
3613
- .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
3614
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
3615
- .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
3616
- display: none;
3606
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3607
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3608
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3609
+ height: 2.8571em;
3610
+ left: 1.0667em;
3611
+ position: absolute;
3612
+ width: 2.8571em;
3613
+ right: 1.0667em;
3617
3614
  }
3618
- .e-listbox-wrapper.e-sortableclone .e-list-badge,
3619
- .e-listbox-container.e-sortableclone .e-list-badge,
3620
- .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
3621
- -webkit-box-align: center;
3622
- -ms-flex-align: center;
3623
- align-items: center;
3624
- background-color: #0070f0;
3625
- border: 1px solid #fff;
3626
- border-radius: 50%;
3627
- color: #fff;
3628
- display: -webkit-box;
3629
- display: -ms-flexbox;
3630
- display: flex;
3631
- font-size: 12px;
3632
- height: 22px;
3633
- -webkit-box-pack: center;
3634
- -ms-flex-pack: center;
3635
- justify-content: center;
3615
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3616
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3617
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3618
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3619
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3620
+ top: 0.7142em;
3621
+ }
3622
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3623
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3624
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3625
+ font-size: 15px;
3626
+ height: 1.333em;
3627
+ line-height: 1.433em;
3628
+ padding: 0;
3636
3629
  position: absolute;
3637
- right: -10px;
3638
- top: -10px;
3639
- width: 22px;
3630
+ right: 1em;
3631
+ top: 50%;
3632
+ -webkit-transform: translateY(-50%);
3633
+ transform: translateY(-50%);
3634
+ width: 2em;
3640
3635
  }
3641
-
3642
- .e-listboxtool-wrapper.e-sortableclone {
3636
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3637
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3638
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3639
+ padding-left: 4.6428em;
3640
+ padding-right: 3.9285em;
3641
+ }
3642
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3643
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3644
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3645
+ padding-left: 1.0714em;
3646
+ padding-right: 3.9285em;
3647
+ }
3648
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3649
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3650
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3643
3651
  display: block;
3652
+ margin: 0;
3653
+ overflow: hidden;
3654
+ padding: 0.83em 0;
3655
+ text-overflow: ellipsis;
3656
+ white-space: nowrap;
3644
3657
  }
3645
-
3646
- .e-listboxtool-wrapper,
3647
- .e-listboxtool-container {
3648
- cursor: pointer;
3649
- display: -webkit-box;
3650
- display: -ms-flexbox;
3651
- display: flex;
3658
+ .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3659
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3660
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3661
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3662
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3663
+ color: rgba(255, 255, 255, 0.87);
3652
3664
  }
3653
- .e-listboxtool-wrapper *,
3654
- .e-listboxtool-container * {
3655
- -webkit-box-sizing: border-box;
3656
- box-sizing: border-box;
3665
+ .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3666
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3667
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3668
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3669
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3670
+ color: rgba(255, 255, 255, 0.87);
3657
3671
  }
3658
- .e-listboxtool-wrapper.e-disabled,
3659
- .e-listboxtool-container.e-disabled {
3660
- cursor: default;
3661
- pointer-events: none;
3672
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3673
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3674
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3675
+ left: inherit;
3676
+ right: 1.0667em;
3662
3677
  }
3663
- .e-listboxtool-wrapper .e-listbox-wrapper,
3664
- .e-listboxtool-wrapper .e-list-wrap,
3665
- .e-listboxtool-container .e-listbox-wrapper,
3666
- .e-listboxtool-container .e-list-wrap {
3667
- -webkit-box-flex: 1;
3668
- -ms-flex: 1;
3669
- flex: 1;
3678
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3679
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3680
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3681
+ padding-left: 1.0714em;
3682
+ padding-right: 4.6428em;
3670
3683
  }
3671
- .e-listboxtool-wrapper.e-right .e-listbox-tool,
3672
- .e-listboxtool-container.e-right .e-listbox-tool {
3673
- margin-left: 15px;
3684
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3685
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3686
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3687
+ padding-left: 4.6428em;
3688
+ padding-right: 1.0714em;
3674
3689
  }
3675
- .e-listboxtool-wrapper.e-left .e-listbox-tool,
3676
- .e-listboxtool-container.e-left .e-listbox-tool {
3677
- margin-right: 15px;
3690
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3691
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3692
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3693
+ left: 1.0667em;
3694
+ right: inherit;
3678
3695
  }
3679
- .e-listboxtool-wrapper .e-listbox-tool,
3680
- .e-listboxtool-container .e-listbox-tool {
3681
- border: 1px solid #484848;
3682
- overflow: auto;
3683
- padding: 8px;
3696
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3697
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3698
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3699
+ left: 1em;
3700
+ right: inherit;
3684
3701
  }
3685
- .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3686
- .e-listboxtool-container .e-listbox-tool .e-btn {
3687
- display: list-item;
3688
- list-style-type: none;
3689
- margin-bottom: 10px;
3702
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3703
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3704
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3705
+ padding-left: 3.9285em;
3706
+ padding-right: 4.6428em;
3690
3707
  }
3691
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3692
- .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3693
- position: absolute;
3694
- right: 0;
3695
- top: 30%;
3708
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3709
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3710
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3711
+ padding-left: 3.9285em;
3712
+ padding-right: 1.0714em;
3696
3713
  }
3697
3714
 
3698
- .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3699
- .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3700
- margin-right: 15px;
3715
+ .e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
3716
+ height: 100%;
3701
3717
  }
3702
- .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3703
- .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3704
- margin-left: 15px;
3718
+
3719
+ .e-listbox-container.e-filter-list .e-list-wrap {
3720
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3705
3721
  }
3706
3722
 
3707
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3708
- .e-listbox-wrapper .e-list-nrt,
3709
- .e-listbox-wrapper .e-selectall-parent,
3710
- .e-listbox-container:not(.e-list-template) .e-list-item,
3711
- .e-listbox-container .e-list-nrt,
3712
- .e-listbox-container .e-selectall-parent,
3713
- .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3714
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3715
- .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3716
- height: 40px;
3717
- line-height: 1;
3718
- padding: 13px 16px;
3719
- position: relative;
3723
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3724
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3720
3725
  }
3721
- .e-listbox-wrapper .e-list-icon,
3722
- .e-listbox-container .e-list-icon,
3723
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3724
- display: inline;
3725
- vertical-align: middle;
3726
- width: auto;
3727
- height: auto;
3728
- padding-bottom: 0;
3726
+
3727
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3728
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3729
3729
  }
3730
3730
 
3731
3731
  .e-bigger .e-listbox-wrapper .e-list-item,