@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: #dadada;
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: #514f4f;
70
+ border: 0;
71
+ -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
72
+ box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
73
+ margin-top: 2px;
74
+ position: absolute;
75
+ }
76
+
77
+ .e-mention.e-popup .e-dropdownbase {
78
+ min-height: 36px;
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: #282727;
90
+ border-radius: 0;
91
+ border: none;
92
+ color: #0074cc;
93
+ cursor: default;
94
+ }
95
+
96
+ .e-mention.e-editable-element {
97
+ border: 2px solid #414040;
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: 20px;
109
+ }
110
+
111
+ .e-dropdownbase.e-dd-group .e-list-item {
112
+ padding-left: 20px;
113
+ text-indent: 0;
114
+ }
115
+
116
+ .e-small .e-dropdownbase.e-dd-group .e-list-item {
117
+ padding-left: 20px;
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: 20px;
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: 16px;
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: 10px;
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: 10px;
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: 20px;
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: 20px;
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: 16px;
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: #dadada;
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: 10px;
249
371
  }
250
372
 
251
- .e-mention.e-popup {
252
- background: #514f4f;
253
- border: 0;
254
- -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
255
- box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
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: 36px;
379
+ .e-bigger.e-small .e-dropdownbase .e-list-item,
380
+ .e-dropdownbase.e-small.e-bigger .e-list-item {
381
+ color: #dadada;
382
+ line-height: 40px;
383
+ min-height: 40px;
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: 40px;
391
+ min-height: 40px;
392
+ padding-left: 10px;
268
393
  }
269
394
 
270
- .e-mention .e-mention-chip,
271
- .e-mention .e-mention-chip:hover {
272
- background: #282727;
273
- border-radius: 0;
274
- border: none;
275
- color: #0074cc;
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 #414040;
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: 20px;
292
- }
293
-
294
- .e-dropdownbase.e-dd-group .e-list-item {
295
- padding-left: 20px;
296
- text-indent: 0;
297
- }
298
-
299
- .e-small .e-dropdownbase.e-dd-group .e-list-item {
300
- padding-left: 20px;
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: 20px;
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: 10px;
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: 10px;
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: 20px;
354
- }
355
-
356
- .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
357
- padding-left: 20px;
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: 16px;
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: 10px;
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: #dadada;
382
- line-height: 40px;
383
- min-height: 40px;
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: 40px;
391
- min-height: 40px;
392
- padding-left: 10px;
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% {
@@ -530,54 +530,6 @@
530
530
  color: #fff;
531
531
  }
532
532
 
533
- .e-popup {
534
- border-color: #414040;
535
- }
536
-
537
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
538
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
539
- color: #000;
540
- }
541
-
542
- .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
543
- border-color: transparent;
544
- }
545
-
546
- .e-ddl.e-popup {
547
- border: 0;
548
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
549
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
550
- margin-top: 1px;
551
- }
552
-
553
- .e-ddl.e-popup .e-input-group input {
554
- line-height: 15px;
555
- }
556
-
557
- .e-ddl.e-popup .e-input-group {
558
- display: -webkit-box;
559
- display: -ms-flexbox;
560
- display: flex;
561
- width: auto;
562
- }
563
-
564
- .e-ddl.e-popup .e-filter-parent {
565
- border-left-width: 0;
566
- border-right-width: 0;
567
- }
568
-
569
- .e-popup.e-ddl .e-dropdownbase {
570
- min-height: 26px;
571
- }
572
-
573
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
574
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
575
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
576
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover {
577
- background: transparent;
578
- color: #fff;
579
- }
580
-
581
533
  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
582
534
  width: 100%;
583
535
  border: 0 solid;
@@ -847,6 +799,54 @@ ejs-dropdownlist {
847
799
  color: #fff;
848
800
  }
849
801
 
802
+ .e-popup {
803
+ border-color: #414040;
804
+ }
805
+
806
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
807
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
808
+ color: #000;
809
+ }
810
+
811
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
812
+ border-color: transparent;
813
+ }
814
+
815
+ .e-ddl.e-popup {
816
+ border: 0;
817
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
818
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
819
+ margin-top: 1px;
820
+ }
821
+
822
+ .e-ddl.e-popup .e-input-group input {
823
+ line-height: 15px;
824
+ }
825
+
826
+ .e-ddl.e-popup .e-input-group {
827
+ display: -webkit-box;
828
+ display: -ms-flexbox;
829
+ display: flex;
830
+ width: auto;
831
+ }
832
+
833
+ .e-ddl.e-popup .e-filter-parent {
834
+ border-left-width: 0;
835
+ border-right-width: 0;
836
+ }
837
+
838
+ .e-popup.e-ddl .e-dropdownbase {
839
+ min-height: 26px;
840
+ }
841
+
842
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
843
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
844
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
845
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover {
846
+ background: transparent;
847
+ color: #fff;
848
+ }
849
+
850
850
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
851
851
  margin-left: -20px;
852
852
  }
@@ -957,39 +957,6 @@ ejs-dropdownlist {
957
957
  content: "\e7a7";
958
958
  }
959
959
 
960
- /* stylelint-disable */
961
- .e-ddt .e-chips {
962
- background-color: #414040;
963
- }
964
- .e-ddt .e-chips .e-chips-close::before {
965
- color: #dadada;
966
- }
967
- .e-ddt .e-chips > .e-chipcontent {
968
- color: #dadada;
969
- }
970
- .e-ddt .e-overflow .e-remain {
971
- color: #9a9a9a;
972
- }
973
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
974
- background-color: #201f1f;
975
- }
976
- .e-ddt.e-popup {
977
- background: #282727;
978
- border-color: #414040;
979
- }
980
- .e-ddt.e-popup .e-popup-content.e-no-data {
981
- color: #dadada;
982
- }
983
- .e-ddt.e-popup .e-selectall-parent {
984
- border-bottom-color: #414040;
985
- }
986
- .e-ddt.e-popup .e-selectall-parent:focus {
987
- background: #414040;
988
- }
989
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
990
- color: #dadada;
991
- }
992
-
993
960
  /* stylelint-disable */
994
961
  .e-ddt {
995
962
  cursor: pointer;
@@ -1304,7 +1271,40 @@ ejs-dropdownlist {
1304
1271
  }
1305
1272
 
1306
1273
  /* stylelint-disable */
1307
- .e-bigger .e-ddt .e-chips,
1274
+ .e-ddt .e-chips {
1275
+ background-color: #414040;
1276
+ }
1277
+ .e-ddt .e-chips .e-chips-close::before {
1278
+ color: #dadada;
1279
+ }
1280
+ .e-ddt .e-chips > .e-chipcontent {
1281
+ color: #dadada;
1282
+ }
1283
+ .e-ddt .e-overflow .e-remain {
1284
+ color: #9a9a9a;
1285
+ }
1286
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1287
+ background-color: #201f1f;
1288
+ }
1289
+ .e-ddt.e-popup {
1290
+ background: #282727;
1291
+ border-color: #414040;
1292
+ }
1293
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1294
+ color: #dadada;
1295
+ }
1296
+ .e-ddt.e-popup .e-selectall-parent {
1297
+ border-bottom-color: #414040;
1298
+ }
1299
+ .e-ddt.e-popup .e-selectall-parent:focus {
1300
+ background: #414040;
1301
+ }
1302
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1303
+ color: #dadada;
1304
+ }
1305
+
1306
+ /* stylelint-disable */
1307
+ .e-bigger .e-ddt .e-chips,
1308
1308
  .e-ddt.e-bigger .e-chips {
1309
1309
  height: 34px;
1310
1310
  }
@@ -1444,6 +1444,14 @@ ejs-dropdownlist {
1444
1444
  content: "\eb06";
1445
1445
  }
1446
1446
 
1447
+ .e-dropdownbase .e-list-item .e-list-icon {
1448
+ padding: 0 10px 0 0;
1449
+ }
1450
+
1451
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
1452
+ padding: 0 8px 0 0;
1453
+ }
1454
+
1447
1455
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
1448
1456
  height: 30px;
1449
1457
  width: 30px;
@@ -1466,378 +1474,145 @@ ejs-dropdownlist {
1466
1474
  color: #fff;
1467
1475
  }
1468
1476
 
1469
- .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1470
- color: #fff;
1471
- }
1472
-
1473
- .e-multi-select-wrapper .e-chips.e-chip-selected {
1474
- background-color: #6f6c6c;
1475
- }
1476
-
1477
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1478
- background-color: #4a4848;
1479
- }
1480
-
1481
- .e-multiselect {
1477
+ .e-multi-select-wrapper {
1482
1478
  -webkit-box-sizing: border-box;
1483
1479
  box-sizing: border-box;
1480
+ cursor: text;
1481
+ line-height: normal;
1482
+ min-height: 30px;
1483
+ padding: 0 32px 0 2px;
1484
+ position: relative;
1485
+ -webkit-user-select: none;
1486
+ -moz-user-select: none;
1487
+ -ms-user-select: none;
1488
+ user-select: none;
1489
+ width: 100%;
1484
1490
  }
1485
-
1486
- /* stylelint-disable property-no-vendor-prefix */
1487
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1488
- -webkit-text-fill-color: #dadada;
1489
- color: #dadada;
1490
- font-family: inherit;
1491
- font-size: 14px;
1492
- }
1493
-
1494
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1495
- color: #fff;
1496
- }
1497
-
1498
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1499
- color: #fff;
1491
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1492
+ height: 27px;
1493
+ vertical-align: middle;
1500
1494
  }
1501
-
1502
- .e-multi-select-wrapper .e-chips {
1503
- background-color: #414040;
1504
- border-radius: 0;
1505
- height: 26px;
1495
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1496
+ height: 100%;
1497
+ min-height: 100%;
1506
1498
  }
1507
-
1508
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1509
- background-color: #514f4f;
1499
+ .e-multi-select-wrapper .e-delim-view {
1500
+ white-space: nowrap;
1510
1501
  }
1511
-
1512
- .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
1513
- color: #fff;
1502
+ .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 {
1503
+ -webkit-box-sizing: border-box;
1504
+ box-sizing: border-box;
1505
+ display: inline-block;
1506
+ overflow: hidden;
1507
+ text-overflow: ellipsis;
1514
1508
  }
1515
-
1516
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
1517
- -webkit-text-fill-color: #dadada;
1509
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1518
1510
  color: #dadada;
1519
1511
  font-size: 10px;
1512
+ left: 12px;
1513
+ top: 0;
1520
1514
  }
1521
-
1522
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1515
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1523
1516
  background-color: #414040;
1524
- border-radius: 0;
1525
1517
  color: #dadada;
1526
- height: 38px;
1527
- line-height: 38px;
1518
+ padding: 9px 0;
1528
1519
  }
1529
-
1530
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1531
- color: #dadada;
1520
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1521
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1522
+ width: 0;
1532
1523
  }
1533
-
1534
- .e-multi-select-wrapper .e-chips.e-mob-chip {
1535
- height: 30px;
1524
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1525
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1526
+ height: 1px;
1527
+ min-height: 1px;
1536
1528
  }
1537
-
1538
- .e-popup.e-multi-select-list-wrapper {
1539
- -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1540
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1541
- -webkit-box-sizing: content-box;
1542
- box-sizing: content-box;
1543
- overflow: initial;
1529
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1530
+ max-width: 100%;
1544
1531
  }
1545
1532
 
1546
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
1547
- border-bottom: 1px solid transparent;
1548
- border-left: 1px solid #514f4f;
1549
- border-right: 1px solid #514f4f;
1550
- border-top: 1px solid #dadada;
1533
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1534
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1535
+ display: -webkit-box;
1536
+ display: -ms-flexbox;
1537
+ display: flex;
1538
+ float: left;
1539
+ width: auto;
1551
1540
  }
1552
-
1553
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
1554
- background-color: transparent;
1555
- border-color: transparent;
1556
- color: #dadada;
1541
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1542
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1543
+ display: -webkit-inline-box;
1544
+ display: -ms-inline-flexbox;
1545
+ display: inline-flex;
1546
+ float: none;
1557
1547
  }
1558
-
1559
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
1560
- background-color: transparent;
1561
- border-color: transparent;
1562
- color: #dadada;
1548
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1549
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1550
+ width: 0;
1563
1551
  }
1564
-
1565
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
1566
- color: #dadada;
1552
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1553
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1554
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1555
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1556
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1557
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1558
+ display: none;
1567
1559
  }
1568
-
1569
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
1570
- color: #dadada;
1560
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1561
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1562
+ padding: 0 48px 0 0;
1571
1563
  }
1572
-
1573
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
1574
- background-color: #333232;
1564
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1565
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1566
+ -webkit-box-align: center;
1567
+ -ms-flex-align: center;
1568
+ align-items: center;
1569
+ display: inline;
1570
+ max-width: 100%;
1571
+ word-break: break-word;
1575
1572
  }
1576
-
1577
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
1578
- background-color: #333232;
1573
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1574
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1575
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1576
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1577
+ -webkit-box-align: center;
1578
+ -ms-flex-align: center;
1579
+ align-items: center;
1580
+ cursor: pointer;
1581
+ display: none;
1582
+ -webkit-box-orient: horizontal;
1583
+ -webkit-box-direction: normal;
1584
+ -ms-flex-direction: row;
1585
+ flex-direction: row;
1586
+ margin-top: -3em;
1587
+ outline: 0;
1588
+ padding: 0;
1589
+ position: absolute;
1590
+ right: 0;
1591
+ top: 100%;
1579
1592
  }
1580
-
1581
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
1582
- border-bottom: 1px solid transparent;
1583
- border-top: 1px solid transparent;
1593
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1594
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1595
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1596
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1597
+ display: -webkit-box;
1598
+ display: -ms-flexbox;
1599
+ display: flex;
1584
1600
  }
1585
-
1586
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
1587
- border-bottom: 1px solid transparent;
1601
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1602
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1603
+ margin-right: 0;
1604
+ margin-top: -2.5em;
1605
+ right: 0;
1588
1606
  }
1589
-
1590
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
1591
- border-top: 1px solid transparent;
1592
- }
1593
-
1594
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1595
- background-color: #514f4f;
1596
- -webkit-box-shadow: none;
1597
- box-shadow: none;
1598
- color: #fff;
1599
- border: 1px solid #dadada;
1600
- }
1601
-
1602
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1603
- background-color: #514f4f;
1604
- -webkit-box-shadow: none;
1605
- box-shadow: none;
1606
- color: #fff;
1607
- border: 1px solid #dadada;
1608
- }
1609
-
1610
- .e-popup.e-multi-select-list-wrapper .e-list-item {
1611
- border: 1px solid transparent;
1612
- }
1613
-
1614
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
1615
- border: 1px solid transparent;
1616
- }
1617
-
1618
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1619
- color: #6f6c6c;
1620
- }
1621
-
1622
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1623
- color: #6f6c6c;
1624
- }
1625
-
1626
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1627
- color: #6f6c6c;
1628
- }
1629
-
1630
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1631
- color: #6f6c6c;
1632
- }
1633
-
1634
- .e-ul.e-reorder {
1635
- border-bottom: 1px solid #414040;
1636
- }
1637
-
1638
- .e-multi-select-list-wrapper .e-selectall-parent {
1639
- border-bottom: 1px solid #414040;
1640
- }
1641
-
1642
- .e-multi-select-wrapper .e-delim-values {
1643
- -webkit-text-fill-color: #dadada;
1644
- color: #dadada;
1645
- }
1646
-
1647
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1648
- color: #dadada;
1649
- }
1650
-
1651
- .e-small .e-multi-select-wrapper .e-chips {
1652
- height: 20px;
1653
- }
1654
-
1655
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1656
- font-size: 12px;
1657
- }
1658
-
1659
- .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1660
- font-size: 8px;
1661
- }
1662
-
1663
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
1664
- left: 7px;
1665
- }
1666
-
1667
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1668
- -webkit-text-fill-color: #6f6c6c;
1669
- color: #6f6c6c;
1670
- }
1671
-
1672
- .e-dropdownbase .e-list-item .e-list-icon {
1673
- padding: 0 10px 0 0;
1674
- }
1675
-
1676
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
1677
- padding: 0 8px 0 0;
1678
- }
1679
-
1680
- .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
1681
- height: 30px;
1682
- width: 30px;
1683
- }
1684
-
1685
- .e-small .e-multi-select-wrapper .e-chips {
1686
- padding: 0;
1687
- }
1688
-
1689
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1690
- padding: 0 8px;
1691
- }
1692
-
1693
- .e-small .e-multi-select-wrapper .e-chips {
1694
- margin: 2px 2px 2px 0;
1695
- }
1696
-
1697
- .e-multi-select-wrapper .e-searcher input[type=text],
1698
- .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1699
- color: #fff;
1700
- }
1701
-
1702
- .e-multi-select-wrapper {
1703
- -webkit-box-sizing: border-box;
1704
- box-sizing: border-box;
1705
- cursor: text;
1706
- line-height: normal;
1707
- min-height: 30px;
1708
- padding: 0 32px 0 2px;
1709
- position: relative;
1710
- -webkit-user-select: none;
1711
- -moz-user-select: none;
1712
- -ms-user-select: none;
1713
- user-select: none;
1714
- width: 100%;
1715
- }
1716
- .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1717
- height: 27px;
1718
- vertical-align: middle;
1719
- }
1720
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1721
- height: 100%;
1722
- min-height: 100%;
1723
- }
1724
- .e-multi-select-wrapper .e-delim-view {
1725
- white-space: nowrap;
1726
- }
1727
- .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 {
1728
- -webkit-box-sizing: border-box;
1729
- box-sizing: border-box;
1730
- display: inline-block;
1731
- overflow: hidden;
1732
- text-overflow: ellipsis;
1733
- }
1734
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1735
- color: #dadada;
1736
- font-size: 10px;
1737
- left: 12px;
1738
- top: 0;
1739
- }
1740
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1741
- background-color: #414040;
1742
- color: #dadada;
1743
- padding: 9px 0;
1744
- }
1745
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1746
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1747
- width: 0;
1748
- }
1749
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1750
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1751
- height: 1px;
1752
- min-height: 1px;
1753
- }
1754
- .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1755
- max-width: 100%;
1756
- }
1757
-
1758
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1759
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1760
- display: -webkit-box;
1761
- display: -ms-flexbox;
1762
- display: flex;
1763
- float: left;
1764
- width: auto;
1765
- }
1766
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1767
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1768
- display: -webkit-inline-box;
1769
- display: -ms-inline-flexbox;
1770
- display: inline-flex;
1771
- float: none;
1772
- }
1773
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1774
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1775
- width: 0;
1776
- }
1777
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1778
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1779
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1780
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1781
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1782
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1783
- display: none;
1784
- }
1785
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1786
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1787
- padding: 0 48px 0 0;
1788
- }
1789
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1790
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1791
- -webkit-box-align: center;
1792
- -ms-flex-align: center;
1793
- align-items: center;
1794
- display: inline;
1795
- max-width: 100%;
1796
- word-break: break-word;
1797
- }
1798
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1799
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1800
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1801
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1802
- -webkit-box-align: center;
1803
- -ms-flex-align: center;
1804
- align-items: center;
1805
- cursor: pointer;
1806
- display: none;
1807
- -webkit-box-orient: horizontal;
1808
- -webkit-box-direction: normal;
1809
- -ms-flex-direction: row;
1810
- flex-direction: row;
1811
- margin-top: -3em;
1812
- outline: 0;
1813
- padding: 0;
1814
- position: absolute;
1815
- right: 0;
1816
- top: 100%;
1817
- }
1818
- .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1819
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1820
- .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1821
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1822
- display: -webkit-box;
1823
- display: -ms-flexbox;
1824
- display: flex;
1825
- }
1826
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1827
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1828
- margin-right: 0;
1829
- margin-top: -2.5em;
1830
- right: 0;
1831
- }
1832
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1833
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1834
- top: -1px;
1835
- }
1836
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1837
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1838
- font-size: 10px;
1839
- height: 30px;
1840
- width: 30px;
1607
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1608
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1609
+ top: -1px;
1610
+ }
1611
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1612
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1613
+ font-size: 10px;
1614
+ height: 30px;
1615
+ width: 30px;
1841
1616
  }
1842
1617
 
1843
1618
  .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
@@ -2473,14 +2248,6 @@ ejs-multiselect {
2473
2248
  color: rgb(221, 218, 218);
2474
2249
  }
2475
2250
 
2476
- .e-dropdownbase .e-list-item .e-list-icon {
2477
- padding: 0 10px 0 0;
2478
- }
2479
-
2480
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
2481
- padding: 0 8px 0 0;
2482
- }
2483
-
2484
2251
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
2485
2252
  height: 30px;
2486
2253
  width: 30px;
@@ -2503,9 +2270,242 @@ ejs-multiselect {
2503
2270
  color: #fff;
2504
2271
  }
2505
2272
 
2506
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2507
- .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2508
- margin-top: -3.15em;
2273
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2274
+ color: #fff;
2275
+ }
2276
+
2277
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
2278
+ background-color: #6f6c6c;
2279
+ }
2280
+
2281
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2282
+ background-color: #4a4848;
2283
+ }
2284
+
2285
+ .e-multiselect {
2286
+ -webkit-box-sizing: border-box;
2287
+ box-sizing: border-box;
2288
+ }
2289
+
2290
+ /* stylelint-disable property-no-vendor-prefix */
2291
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
2292
+ -webkit-text-fill-color: #dadada;
2293
+ color: #dadada;
2294
+ font-family: inherit;
2295
+ font-size: 14px;
2296
+ }
2297
+
2298
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2299
+ color: #fff;
2300
+ }
2301
+
2302
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2303
+ color: #fff;
2304
+ }
2305
+
2306
+ .e-multi-select-wrapper .e-chips {
2307
+ background-color: #414040;
2308
+ border-radius: 0;
2309
+ height: 26px;
2310
+ }
2311
+
2312
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2313
+ background-color: #514f4f;
2314
+ }
2315
+
2316
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2317
+ color: #fff;
2318
+ }
2319
+
2320
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
2321
+ -webkit-text-fill-color: #dadada;
2322
+ color: #dadada;
2323
+ font-size: 10px;
2324
+ }
2325
+
2326
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2327
+ background-color: #414040;
2328
+ border-radius: 0;
2329
+ color: #dadada;
2330
+ height: 38px;
2331
+ line-height: 38px;
2332
+ }
2333
+
2334
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2335
+ color: #dadada;
2336
+ }
2337
+
2338
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2339
+ height: 30px;
2340
+ }
2341
+
2342
+ .e-popup.e-multi-select-list-wrapper {
2343
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
2344
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
2345
+ -webkit-box-sizing: content-box;
2346
+ box-sizing: content-box;
2347
+ overflow: initial;
2348
+ }
2349
+
2350
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2351
+ border-bottom: 1px solid transparent;
2352
+ border-left: 1px solid #514f4f;
2353
+ border-right: 1px solid #514f4f;
2354
+ border-top: 1px solid #dadada;
2355
+ }
2356
+
2357
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2358
+ background-color: transparent;
2359
+ border-color: transparent;
2360
+ color: #dadada;
2361
+ }
2362
+
2363
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2364
+ background-color: transparent;
2365
+ border-color: transparent;
2366
+ color: #dadada;
2367
+ }
2368
+
2369
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2370
+ color: #dadada;
2371
+ }
2372
+
2373
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
2374
+ color: #dadada;
2375
+ }
2376
+
2377
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2378
+ background-color: #333232;
2379
+ }
2380
+
2381
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2382
+ background-color: #333232;
2383
+ }
2384
+
2385
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2386
+ border-bottom: 1px solid transparent;
2387
+ border-top: 1px solid transparent;
2388
+ }
2389
+
2390
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2391
+ border-bottom: 1px solid transparent;
2392
+ }
2393
+
2394
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
2395
+ border-top: 1px solid transparent;
2396
+ }
2397
+
2398
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2399
+ background-color: #514f4f;
2400
+ -webkit-box-shadow: none;
2401
+ box-shadow: none;
2402
+ color: #fff;
2403
+ border: 1px solid #dadada;
2404
+ }
2405
+
2406
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2407
+ background-color: #514f4f;
2408
+ -webkit-box-shadow: none;
2409
+ box-shadow: none;
2410
+ color: #fff;
2411
+ border: 1px solid #dadada;
2412
+ }
2413
+
2414
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
2415
+ border: 1px solid transparent;
2416
+ }
2417
+
2418
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2419
+ border: 1px solid transparent;
2420
+ }
2421
+
2422
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2423
+ color: #6f6c6c;
2424
+ }
2425
+
2426
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2427
+ color: #6f6c6c;
2428
+ }
2429
+
2430
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2431
+ color: #6f6c6c;
2432
+ }
2433
+
2434
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2435
+ color: #6f6c6c;
2436
+ }
2437
+
2438
+ .e-ul.e-reorder {
2439
+ border-bottom: 1px solid #414040;
2440
+ }
2441
+
2442
+ .e-multi-select-list-wrapper .e-selectall-parent {
2443
+ border-bottom: 1px solid #414040;
2444
+ }
2445
+
2446
+ .e-multi-select-wrapper .e-delim-values {
2447
+ -webkit-text-fill-color: #dadada;
2448
+ color: #dadada;
2449
+ }
2450
+
2451
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2452
+ color: #dadada;
2453
+ }
2454
+
2455
+ .e-small .e-multi-select-wrapper .e-chips {
2456
+ height: 20px;
2457
+ }
2458
+
2459
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2460
+ font-size: 12px;
2461
+ }
2462
+
2463
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2464
+ font-size: 8px;
2465
+ }
2466
+
2467
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
2468
+ left: 7px;
2469
+ }
2470
+
2471
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2472
+ -webkit-text-fill-color: #6f6c6c;
2473
+ color: #6f6c6c;
2474
+ }
2475
+
2476
+ .e-dropdownbase .e-list-item .e-list-icon {
2477
+ padding: 0 10px 0 0;
2478
+ }
2479
+
2480
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
2481
+ padding: 0 8px 0 0;
2482
+ }
2483
+
2484
+ .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
2485
+ height: 30px;
2486
+ width: 30px;
2487
+ }
2488
+
2489
+ .e-small .e-multi-select-wrapper .e-chips {
2490
+ padding: 0;
2491
+ }
2492
+
2493
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2494
+ padding: 0 8px;
2495
+ }
2496
+
2497
+ .e-small .e-multi-select-wrapper .e-chips {
2498
+ margin: 2px 2px 2px 0;
2499
+ }
2500
+
2501
+ .e-multi-select-wrapper .e-searcher input[type=text],
2502
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
2503
+ color: #fff;
2504
+ }
2505
+
2506
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2507
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2508
+ margin-top: -3.15em;
2509
2509
  }
2510
2510
 
2511
2511
  .e-bigger .e-multi-select-wrapper {
@@ -2839,777 +2839,777 @@ ejs-multiselect {
2839
2839
  content: "\e656";
2840
2840
  }
2841
2841
 
2842
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2843
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2844
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2845
- }
2846
-
2847
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2848
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2849
- }
2850
-
2851
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2852
- height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2853
- }
2854
-
2855
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
2856
- height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
2857
- }
2858
-
2859
- .e-listbox-wrapper,
2860
- .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2861
- .e-listboxtool-container.e-listbox-container .e-ul {
2862
- border: 1px solid #414040;
2863
- }
2864
-
2842
+ /* stylelint-disable property-no-vendor-prefix */
2865
2843
  .e-listbox-wrapper,
2866
2844
  .e-listbox-container,
2867
2845
  .e-listboxtool-wrapper {
2868
- font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
2869
- font-size: 13px;
2846
+ -webkit-overflow-scrolling: touch;
2847
+ -webkit-box-sizing: border-box;
2848
+ box-sizing: border-box;
2849
+ cursor: pointer;
2850
+ display: block;
2851
+ position: relative;
2852
+ -webkit-user-select: none;
2853
+ -moz-user-select: none;
2854
+ -ms-user-select: none;
2855
+ user-select: none;
2856
+ width: 100%;
2870
2857
  }
2871
- .e-listbox-wrapper .e-list-header,
2872
- .e-listbox-container .e-list-header,
2873
- .e-listboxtool-wrapper .e-list-header {
2874
- background-color: #201f1f;
2875
- border-color: #414040;
2876
- color: #dadada;
2877
- font-size: 14px;
2858
+ .e-listbox-wrapper *,
2859
+ .e-listbox-container *,
2860
+ .e-listboxtool-wrapper * {
2861
+ -webkit-box-sizing: border-box;
2862
+ box-sizing: border-box;
2878
2863
  }
2879
-
2880
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2881
- .e-listbox-container.e-filter-list .e-list-parent,
2882
- .e-listboxtool-wrapper.e-filter-list .e-list-parent {
2883
- height: calc(100% - 51px);
2864
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2865
+ .e-listbox-container .e-list-wrap:focus-visible,
2866
+ .e-listbox-container:focus,
2867
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2868
+ .e-listboxtool-wrapper:focus {
2869
+ outline: none;
2884
2870
  }
2885
-
2886
- .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2887
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
2888
- .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
2889
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2871
+ .e-listbox-wrapper.e-disabled,
2872
+ .e-listbox-container.e-disabled,
2873
+ .e-listboxtool-wrapper.e-disabled {
2874
+ cursor: default;
2875
+ pointer-events: none;
2890
2876
  }
2891
-
2892
- .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2893
- .e-listbox-container .e-selectall-parent + .e-list-parent,
2894
- .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
2895
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2877
+ .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2878
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
2879
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2880
+ text-align: center;
2881
+ }
2882
+ .e-listbox-wrapper .e-list-parent,
2883
+ .e-listbox-container .e-list-parent,
2884
+ .e-listboxtool-wrapper .e-list-parent {
2885
+ height: 100%;
2886
+ min-height: 36px;
2896
2887
  }
2897
-
2898
2888
  .e-listbox-wrapper .e-list-item,
2899
2889
  .e-listbox-container .e-list-item,
2900
2890
  .e-listboxtool-wrapper .e-list-item {
2901
- background-color: inherit;
2902
- border-bottom: 0 solid transparent;
2903
- border-left: 0 solid transparent;
2904
- border-right: 0 solid transparent;
2905
- border-top: 0 solid transparent;
2906
- color: #dadada;
2891
+ border-bottom: 0 solid;
2892
+ outline: none;
2907
2893
  }
2908
-
2909
- .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),
2910
- .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
2911
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
2912
- .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
2913
- .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
2914
- background-color: #414040;
2915
- border-color: transparent;
2916
- color: #dadada;
2894
+ .e-listbox-wrapper .e-list-item.e-disabled,
2895
+ .e-listbox-container .e-list-item.e-disabled,
2896
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
2897
+ pointer-events: none;
2917
2898
  }
2918
-
2919
- .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
2920
- .e-listbox-container .e-list-item.e-selected.e-checklist,
2921
- .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
2922
- background-color: inherit;
2923
- color: #dadada;
2899
+ .e-listbox-wrapper .e-disable,
2900
+ .e-listbox-container .e-disable,
2901
+ .e-listboxtool-wrapper .e-disable {
2902
+ opacity: 0.7;
2924
2903
  }
2925
-
2926
- .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,
2927
- .e-listbox-container .e-list-item.e-focused,
2928
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
2929
- .e-listbox-container .e-list-item.e-selected,
2930
- .e-listboxtool-wrapper .e-list-item.e-focused,
2931
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
2932
- .e-listboxtool-wrapper .e-list-item.e-selected {
2933
- background-color: #514f4f;
2934
- color: #fff;
2904
+ .e-listbox-wrapper .e-list-parent,
2905
+ .e-listbox-container .e-list-parent,
2906
+ .e-listboxtool-wrapper .e-list-parent {
2907
+ margin: 0;
2908
+ padding: 0;
2935
2909
  }
2936
-
2937
- .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,
2938
- .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2939
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
2940
- .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2941
- .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
2942
- background-color: #0074cc;
2943
- border-color: #0074cc;
2944
- color: #fff;
2910
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2911
+ .e-listbox-container .e-list-header .e-text.header,
2912
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2913
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2914
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2915
+ display: none;
2916
+ }
2917
+ .e-listbox-wrapper .e-icon-back,
2918
+ .e-listbox-container .e-icon-back,
2919
+ .e-listboxtool-wrapper .e-icon-back {
2920
+ margin-top: 2px;
2921
+ }
2922
+ .e-listbox-wrapper .e-list-header,
2923
+ .e-listbox-container .e-list-header,
2924
+ .e-listboxtool-wrapper .e-list-header {
2925
+ -webkit-box-align: center;
2926
+ -ms-flex-align: center;
2927
+ align-items: center;
2928
+ border-bottom: 1px solid;
2929
+ display: -webkit-box;
2930
+ display: -ms-flexbox;
2931
+ display: flex;
2932
+ font-weight: 600;
2933
+ height: 36px;
2934
+ padding: 0 16px;
2935
+ }
2936
+ .e-listbox-wrapper .e-has-header > .e-view,
2937
+ .e-listbox-container .e-has-header > .e-view,
2938
+ .e-listboxtool-wrapper .e-has-header > .e-view {
2939
+ top: 45px;
2940
+ }
2941
+ .e-listbox-wrapper .e-but-back,
2942
+ .e-listbox-container .e-but-back,
2943
+ .e-listboxtool-wrapper .e-but-back {
2944
+ cursor: pointer;
2945
+ padding-right: 20px;
2946
+ }
2947
+ .e-listbox-wrapper .e-list-group-item:first-child,
2948
+ .e-listbox-container .e-list-group-item:first-child,
2949
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
2950
+ border: 0;
2951
+ border-bottom: 0 solid transparent;
2945
2952
  }
2946
-
2947
2953
  .e-listbox-wrapper .e-list-group-item,
2948
2954
  .e-listbox-container .e-list-group-item,
2949
2955
  .e-listboxtool-wrapper .e-list-group-item {
2950
- background-color: #201f1f;
2951
- border-color: #414040;
2952
- color: rgb(0, 55.1, 96.9);
2953
- font-size: 14px;
2954
- }
2955
-
2956
- .e-listbox-wrapper .e-selectall-parent,
2957
- .e-listbox-container .e-selectall-parent,
2958
- .e-listboxtool-wrapper .e-selectall-parent {
2959
- background-color: inherit;
2960
- border-bottom: 1px solid #414040;
2961
- color: #dadada;
2956
+ border-bottom: 0 solid transparent;
2957
+ border-top: 1px solid;
2958
+ font-weight: 600;
2959
+ height: 36px;
2960
+ line-height: 30px;
2961
+ padding: 10px 16px;
2962
2962
  }
2963
-
2964
- .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
2965
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
2966
- .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
2967
- background-color: transparent;
2963
+ .e-listbox-wrapper .e-icon-collapsible,
2964
+ .e-listbox-container .e-icon-collapsible,
2965
+ .e-listboxtool-wrapper .e-icon-collapsible {
2966
+ cursor: pointer;
2967
+ font-size: 12px;
2968
+ position: absolute;
2969
+ right: 0%;
2970
+ top: 50%;
2971
+ -webkit-transform: translateY(-50%);
2972
+ transform: translateY(-50%);
2968
2973
  }
2969
-
2970
- .e-listbox-wrapper.e-list-template .e-list-wrapper,
2971
- .e-listbox-container.e-list-template .e-list-wrapper,
2972
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
2973
- height: inherit;
2974
+ .e-listbox-wrapper .e-text-content,
2975
+ .e-listbox-container .e-text-content,
2976
+ .e-listboxtool-wrapper .e-text-content {
2977
+ height: 100%;
2974
2978
  position: relative;
2979
+ vertical-align: middle;
2975
2980
  }
2976
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2977
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2978
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
2979
- padding: 0.6153em 0.923em;
2981
+ .e-listbox-wrapper .e-text-content *,
2982
+ .e-listbox-container .e-text-content *,
2983
+ .e-listboxtool-wrapper .e-text-content * {
2984
+ display: inline-block;
2985
+ vertical-align: middle;
2980
2986
  }
2981
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
2982
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
2983
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
2984
- padding: 0.6153em 0.923em;
2987
+ .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
2988
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
2989
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
2990
+ width: calc(100% - 40px);
2985
2991
  }
2986
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2987
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2988
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
2989
- color: #dadada;
2990
- display: block;
2991
- font-size: 13px;
2992
- font-weight: 500;
2993
- margin: 0;
2994
- overflow: hidden;
2995
- padding: 0.093em 0;
2996
- text-overflow: ellipsis;
2997
- white-space: nowrap;
2992
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2993
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2994
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2995
+ width: calc(100% - 90px);
2998
2996
  }
2999
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3000
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3001
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3002
- color: #dadada;
3003
- display: block;
3004
- font-size: 13px;
3005
- margin: 0;
3006
- padding: 0.093em 0;
3007
- word-wrap: break-word;
2997
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2998
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2999
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3000
+ width: calc(100% - 80px);
3008
3001
  }
3009
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3010
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3011
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3002
+ .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,
3003
+ .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,
3004
+ .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 {
3005
+ width: calc(100% - 92px);
3006
+ }
3007
+ .e-listbox-wrapper .e-checkbox .e-checkbox-left,
3008
+ .e-listbox-container .e-checkbox .e-checkbox-left,
3009
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
3010
+ margin: -2px 10px 0 0;
3011
+ }
3012
+ .e-listbox-wrapper .e-checkbox .e-checkbox-right,
3013
+ .e-listbox-container .e-checkbox .e-checkbox-right,
3014
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
3015
+ margin: -2px 0 0 10px;
3016
+ }
3017
+ .e-listbox-wrapper .e-list-text,
3018
+ .e-listbox-container .e-list-text,
3019
+ .e-listboxtool-wrapper .e-list-text {
3020
+ cursor: pointer;
3021
+ display: inline-block;
3012
3022
  overflow: hidden;
3013
3023
  text-overflow: ellipsis;
3024
+ vertical-align: top;
3014
3025
  white-space: nowrap;
3026
+ width: 100%;
3015
3027
  }
3016
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3017
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3018
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3019
- height: 3.0769em;
3020
- left: 0.923em;
3021
- position: absolute;
3022
- width: 3.0769em;
3023
- left: 0.923em;
3028
+ .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,
3029
+ .e-listbox-container .e-list-icon + .e-list-text,
3030
+ .e-listbox-container .e-icon-wrapper .e-list-text,
3031
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3032
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
3033
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
3034
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
3035
+ width: calc(100% - 60px);
3024
3036
  }
3025
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3026
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3027
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3028
- padding-left: 4.923em;
3029
- padding-right: 0.923em;
3037
+ .e-listbox-wrapper .e-list-icon,
3038
+ .e-listbox-container .e-list-icon,
3039
+ .e-listboxtool-wrapper .e-list-icon {
3040
+ height: 30px;
3041
+ margin-right: 16px;
3042
+ width: 30px;
3030
3043
  }
3031
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3032
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3033
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3034
- padding-left: 0.923em;
3035
- padding-right: 4.923em;
3044
+ .e-listbox-wrapper .e-content,
3045
+ .e-listbox-container .e-content,
3046
+ .e-listboxtool-wrapper .e-content {
3047
+ overflow: hidden;
3048
+ position: relative;
3036
3049
  }
3037
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3038
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3039
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3040
- height: 3.0769em;
3041
- left: 0.923em;
3042
- position: absolute;
3043
- width: 3.0769em;
3044
- right: 0.923em;
3050
+ .e-listbox-wrapper .e-list-header .e-text,
3051
+ .e-listbox-container .e-list-header .e-text,
3052
+ .e-listboxtool-wrapper .e-list-header .e-text {
3053
+ cursor: pointer;
3054
+ text-indent: 0;
3045
3055
  }
3046
- .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,
3047
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3048
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3049
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3050
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3051
- top: 0.6153em;
3056
+ .e-listbox-wrapper .e-text .e-headertext,
3057
+ .e-listbox-container .e-text .e-headertext,
3058
+ .e-listboxtool-wrapper .e-text .e-headertext {
3059
+ display: inline-block;
3060
+ line-height: 0;
3052
3061
  }
3053
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3054
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3055
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3056
- font-size: 13px;
3057
- height: 1.5384em;
3058
- line-height: 1.3384em;
3059
- padding: 0;
3060
- position: absolute;
3061
- right: 0.923em;
3062
- top: 50%;
3063
- -webkit-transform: translateY(-50%);
3064
- transform: translateY(-50%);
3065
- width: 1.5384em;
3062
+ .e-listbox-wrapper.e-rtl,
3063
+ .e-listbox-container.e-rtl,
3064
+ .e-listboxtool-wrapper.e-rtl {
3065
+ direction: rtl;
3066
3066
  }
3067
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3068
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3069
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3070
- padding-left: 4.923em;
3071
- padding-right: 3.3846em;
3067
+ .e-listbox-wrapper.e-rtl .e-list-icon,
3068
+ .e-listbox-container.e-rtl .e-list-icon,
3069
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
3070
+ margin-left: 16px;
3071
+ margin-right: 0;
3072
3072
  }
3073
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3074
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3075
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3076
- padding-left: 0.923em;
3077
- padding-right: 3.3846em;
3073
+ .e-listbox-wrapper.e-rtl .e-icon-collapsible,
3074
+ .e-listbox-container.e-rtl .e-icon-collapsible,
3075
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
3076
+ left: 0%;
3077
+ right: initial;
3078
+ top: 50%;
3079
+ -webkit-transform: translateY(-50%) rotate(180deg);
3080
+ transform: translateY(-50%) rotate(180deg);
3078
3081
  }
3079
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3080
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3081
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3082
- display: block;
3083
- margin: 0;
3084
- overflow: hidden;
3085
- padding: 0.867em 0;
3086
- text-overflow: ellipsis;
3087
- white-space: nowrap;
3082
+ .e-listbox-wrapper.e-rtl .e-list-header .e-text,
3083
+ .e-listbox-container.e-rtl .e-list-header .e-text,
3084
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
3085
+ cursor: pointer;
3088
3086
  }
3089
- .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,
3090
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3091
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3092
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3093
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3094
- color: #dadada;
3087
+ .e-listbox-wrapper.e-rtl .e-but-back,
3088
+ .e-listbox-container.e-rtl .e-but-back,
3089
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
3090
+ -webkit-transform: rotate(180deg);
3091
+ transform: rotate(180deg);
3095
3092
  }
3096
- .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,
3097
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3098
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3099
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3100
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3101
- color: #fff;
3093
+ .e-listbox-wrapper.e-rtl .e-icon-back,
3094
+ .e-listbox-container.e-rtl .e-icon-back,
3095
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
3096
+ margin-top: 1px;
3102
3097
  }
3103
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3104
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3105
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3106
- left: inherit;
3107
- right: 0.923em;
3098
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3099
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
3100
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
3101
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
3102
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3103
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
3104
+ margin: -2px 0 0 10px;
3108
3105
  }
3109
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3110
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3111
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3112
- padding-left: 0.923em;
3113
- padding-right: 4.923em;
3106
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
3107
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
3108
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
3109
+ margin: -2px 10px 0 0;
3114
3110
  }
3115
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3116
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3117
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3118
- padding-left: 4.923em;
3119
- padding-right: 0.923em;
3111
+ .e-listbox-wrapper .e-checkbox-wrapper,
3112
+ .e-listbox-container .e-checkbox-wrapper,
3113
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
3114
+ margin: -2px 10px 0 0;
3115
+ text-indent: 0;
3116
+ vertical-align: middle;
3120
3117
  }
3121
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3122
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3123
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3124
- left: 0.923em;
3125
- right: inherit;
3118
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
3119
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
3120
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
3121
+ position: absolute;
3122
+ right: 0;
3123
+ top: 30%;
3126
3124
  }
3127
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3128
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3129
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3130
- left: 0.923em;
3131
- right: inherit;
3125
+ .e-listbox-wrapper .e-input-group,
3126
+ .e-listbox-container .e-input-group,
3127
+ .e-listboxtool-wrapper .e-input-group {
3128
+ padding: 4px 8px;
3132
3129
  }
3133
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3134
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3135
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3136
- padding-left: 3.3846em;
3137
- padding-right: 4.923em;
3130
+ .e-listbox-wrapper .e-input-focus,
3131
+ .e-listbox-container .e-input-focus,
3132
+ .e-listboxtool-wrapper .e-input-focus {
3133
+ padding: 4px 4px 4px 8px;
3138
3134
  }
3139
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3140
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3141
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3142
- padding-left: 3.3846em;
3143
- padding-right: 0.923em;
3135
+ .e-listbox-wrapper .e-hidden-select,
3136
+ .e-listbox-container .e-hidden-select,
3137
+ .e-listboxtool-wrapper .e-hidden-select {
3138
+ height: 1px;
3139
+ opacity: 0;
3140
+ position: absolute;
3141
+ width: 100%;
3144
3142
  }
3145
-
3146
- .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 {
3147
- height: 100%;
3143
+ .e-listbox-wrapper .e-placeholder,
3144
+ .e-listbox-container .e-placeholder,
3145
+ .e-listboxtool-wrapper .e-placeholder {
3146
+ background-color: #0074cc;
3147
+ display: block;
3148
+ height: 1px;
3148
3149
  }
3149
3150
 
3150
- .e-listbox-container.e-filter-list .e-list-wrap {
3151
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3151
+ ejs-listbox {
3152
+ display: block;
3152
3153
  }
3153
3154
 
3154
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3155
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3155
+ .e-listbox-wrapper:not(.e-listbox-container),
3156
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3157
+ overflow: auto;
3156
3158
  }
3157
3159
 
3158
- .e-listbox-container .e-selectall-parent + .e-list-wrap {
3159
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3160
+ .e-listbox-wrapper.e-sortableclone,
3161
+ .e-listbox-container.e-sortableclone,
3162
+ .e-listboxtool-wrapper.e-sortableclone {
3163
+ border-width: 0;
3164
+ overflow: visible;
3160
3165
  }
3161
-
3162
- /* stylelint-disable property-no-vendor-prefix */
3163
- .e-listbox-wrapper,
3164
- .e-listbox-container,
3165
- .e-listboxtool-wrapper {
3166
- -webkit-overflow-scrolling: touch;
3167
- -webkit-box-sizing: border-box;
3168
- box-sizing: border-box;
3169
- cursor: pointer;
3170
- display: block;
3171
- position: relative;
3172
- -webkit-user-select: none;
3173
- -moz-user-select: none;
3174
- -ms-user-select: none;
3175
- user-select: none;
3176
- width: 100%;
3177
- }
3178
- .e-listbox-wrapper *,
3179
- .e-listbox-container *,
3180
- .e-listboxtool-wrapper * {
3181
- -webkit-box-sizing: border-box;
3182
- box-sizing: border-box;
3183
- }
3184
- .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
3185
- .e-listbox-container .e-list-wrap:focus-visible,
3186
- .e-listbox-container:focus,
3187
- .e-listboxtool-wrapper .e-list-wrap:focus-visible,
3188
- .e-listboxtool-wrapper:focus {
3189
- outline: none;
3190
- }
3191
- .e-listbox-wrapper.e-disabled,
3192
- .e-listbox-container.e-disabled,
3193
- .e-listboxtool-wrapper.e-disabled {
3194
- cursor: default;
3195
- pointer-events: none;
3196
- }
3197
- .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
3198
- .e-listbox-container:not(.e-list-template) .e-list-nrt,
3199
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
3200
- text-align: center;
3201
- }
3202
- .e-listbox-wrapper .e-list-parent,
3203
- .e-listbox-container .e-list-parent,
3204
- .e-listboxtool-wrapper .e-list-parent {
3205
- height: 100%;
3206
- min-height: 36px;
3207
- }
3208
- .e-listbox-wrapper .e-list-item,
3209
- .e-listbox-container .e-list-item,
3210
- .e-listboxtool-wrapper .e-list-item {
3211
- border-bottom: 0 solid;
3212
- outline: none;
3213
- }
3214
- .e-listbox-wrapper .e-list-item.e-disabled,
3215
- .e-listbox-container .e-list-item.e-disabled,
3216
- .e-listboxtool-wrapper .e-list-item.e-disabled {
3217
- pointer-events: none;
3218
- }
3219
- .e-listbox-wrapper .e-disable,
3220
- .e-listbox-container .e-disable,
3221
- .e-listboxtool-wrapper .e-disable {
3222
- opacity: 0.7;
3166
+ .e-listbox-wrapper.e-sortableclone .e-list-item,
3167
+ .e-listbox-container.e-sortableclone .e-list-item,
3168
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
3169
+ list-style-type: none;
3170
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
3223
3171
  }
3224
- .e-listbox-wrapper .e-list-parent,
3225
- .e-listbox-container .e-list-parent,
3226
- .e-listboxtool-wrapper .e-list-parent {
3227
- margin: 0;
3228
- padding: 0;
3172
+ .e-listbox-wrapper.e-sortableclone .e-ripple,
3173
+ .e-listbox-container.e-sortableclone .e-ripple,
3174
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
3175
+ overflow: visible;
3229
3176
  }
3230
- .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3231
- .e-listbox-container .e-list-header .e-text.header,
3232
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3233
- .e-listboxtool-wrapper .e-list-header .e-text.header,
3234
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
3177
+ .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
3178
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
3179
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
3235
3180
  display: none;
3236
3181
  }
3237
- .e-listbox-wrapper .e-icon-back,
3238
- .e-listbox-container .e-icon-back,
3239
- .e-listboxtool-wrapper .e-icon-back {
3240
- margin-top: 2px;
3241
- }
3242
- .e-listbox-wrapper .e-list-header,
3243
- .e-listbox-container .e-list-header,
3244
- .e-listboxtool-wrapper .e-list-header {
3182
+ .e-listbox-wrapper.e-sortableclone .e-list-badge,
3183
+ .e-listbox-container.e-sortableclone .e-list-badge,
3184
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
3245
3185
  -webkit-box-align: center;
3246
3186
  -ms-flex-align: center;
3247
3187
  align-items: center;
3248
- border-bottom: 1px solid;
3188
+ background-color: #0074cc;
3189
+ border: 1px solid #fff;
3190
+ border-radius: 50%;
3191
+ color: #fff;
3249
3192
  display: -webkit-box;
3250
3193
  display: -ms-flexbox;
3251
3194
  display: flex;
3252
- font-weight: 600;
3253
- height: 36px;
3254
- padding: 0 16px;
3195
+ font-size: 12px;
3196
+ height: 22px;
3197
+ -webkit-box-pack: center;
3198
+ -ms-flex-pack: center;
3199
+ justify-content: center;
3200
+ position: absolute;
3201
+ right: -10px;
3202
+ top: -10px;
3203
+ width: 22px;
3255
3204
  }
3256
- .e-listbox-wrapper .e-has-header > .e-view,
3257
- .e-listbox-container .e-has-header > .e-view,
3258
- .e-listboxtool-wrapper .e-has-header > .e-view {
3259
- top: 45px;
3205
+
3206
+ .e-listboxtool-wrapper.e-sortableclone {
3207
+ display: block;
3260
3208
  }
3261
- .e-listbox-wrapper .e-but-back,
3262
- .e-listbox-container .e-but-back,
3263
- .e-listboxtool-wrapper .e-but-back {
3209
+
3210
+ .e-listboxtool-wrapper,
3211
+ .e-listboxtool-container {
3264
3212
  cursor: pointer;
3265
- padding-right: 20px;
3266
- }
3267
- .e-listbox-wrapper .e-list-group-item:first-child,
3268
- .e-listbox-container .e-list-group-item:first-child,
3269
- .e-listboxtool-wrapper .e-list-group-item:first-child {
3270
- border: 0;
3271
- border-bottom: 0 solid transparent;
3272
- }
3273
- .e-listbox-wrapper .e-list-group-item,
3274
- .e-listbox-container .e-list-group-item,
3275
- .e-listboxtool-wrapper .e-list-group-item {
3276
- border-bottom: 0 solid transparent;
3277
- border-top: 1px solid;
3278
- font-weight: 600;
3279
- height: 36px;
3280
- line-height: 30px;
3281
- padding: 10px 16px;
3213
+ display: -webkit-box;
3214
+ display: -ms-flexbox;
3215
+ display: flex;
3282
3216
  }
3283
- .e-listbox-wrapper .e-icon-collapsible,
3284
- .e-listbox-container .e-icon-collapsible,
3285
- .e-listboxtool-wrapper .e-icon-collapsible {
3286
- cursor: pointer;
3287
- font-size: 12px;
3288
- position: absolute;
3289
- right: 0%;
3290
- top: 50%;
3291
- -webkit-transform: translateY(-50%);
3292
- transform: translateY(-50%);
3217
+ .e-listboxtool-wrapper *,
3218
+ .e-listboxtool-container * {
3219
+ -webkit-box-sizing: border-box;
3220
+ box-sizing: border-box;
3293
3221
  }
3294
- .e-listbox-wrapper .e-text-content,
3295
- .e-listbox-container .e-text-content,
3296
- .e-listboxtool-wrapper .e-text-content {
3297
- height: 100%;
3298
- position: relative;
3299
- vertical-align: middle;
3222
+ .e-listboxtool-wrapper.e-disabled,
3223
+ .e-listboxtool-container.e-disabled {
3224
+ cursor: default;
3225
+ pointer-events: none;
3300
3226
  }
3301
- .e-listbox-wrapper .e-text-content *,
3302
- .e-listbox-container .e-text-content *,
3303
- .e-listboxtool-wrapper .e-text-content * {
3304
- display: inline-block;
3305
- vertical-align: middle;
3227
+ .e-listboxtool-wrapper .e-listbox-wrapper,
3228
+ .e-listboxtool-wrapper .e-list-wrap,
3229
+ .e-listboxtool-container .e-listbox-wrapper,
3230
+ .e-listboxtool-container .e-list-wrap {
3231
+ -webkit-box-flex: 1;
3232
+ -ms-flex: 1;
3233
+ flex: 1;
3306
3234
  }
3307
- .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
3308
- .e-listbox-container .e-text-content.e-checkbox .e-list-text,
3309
- .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
3310
- width: calc(100% - 40px);
3235
+ .e-listboxtool-wrapper.e-right .e-listbox-tool,
3236
+ .e-listboxtool-container.e-right .e-listbox-tool {
3237
+ margin-left: 15px;
3311
3238
  }
3312
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3313
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3314
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
3315
- width: calc(100% - 90px);
3239
+ .e-listboxtool-wrapper.e-left .e-listbox-tool,
3240
+ .e-listboxtool-container.e-left .e-listbox-tool {
3241
+ margin-right: 15px;
3316
3242
  }
3317
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3318
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3319
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3320
- width: calc(100% - 80px);
3243
+ .e-listboxtool-wrapper .e-listbox-tool,
3244
+ .e-listboxtool-container .e-listbox-tool {
3245
+ border: 1px solid #414040;
3246
+ overflow: auto;
3247
+ padding: 8px;
3321
3248
  }
3322
- .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,
3323
- .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,
3324
- .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 {
3325
- width: calc(100% - 92px);
3249
+ .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3250
+ .e-listboxtool-container .e-listbox-tool .e-btn {
3251
+ display: list-item;
3252
+ list-style-type: none;
3253
+ margin-bottom: 10px;
3326
3254
  }
3327
- .e-listbox-wrapper .e-checkbox .e-checkbox-left,
3328
- .e-listbox-container .e-checkbox .e-checkbox-left,
3329
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
3330
- margin: -2px 10px 0 0;
3255
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3256
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3257
+ position: absolute;
3258
+ right: 0;
3259
+ top: 30%;
3331
3260
  }
3332
- .e-listbox-wrapper .e-checkbox .e-checkbox-right,
3333
- .e-listbox-container .e-checkbox .e-checkbox-right,
3334
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
3335
- margin: -2px 0 0 10px;
3261
+
3262
+ .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3263
+ .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3264
+ margin-right: 15px;
3336
3265
  }
3337
- .e-listbox-wrapper .e-list-text,
3338
- .e-listbox-container .e-list-text,
3339
- .e-listboxtool-wrapper .e-list-text {
3340
- cursor: pointer;
3341
- display: inline-block;
3342
- overflow: hidden;
3343
- text-overflow: ellipsis;
3344
- vertical-align: top;
3345
- white-space: nowrap;
3346
- width: 100%;
3266
+ .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3267
+ .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3268
+ margin-left: 15px;
3347
3269
  }
3348
- .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,
3349
- .e-listbox-container .e-list-icon + .e-list-text,
3350
- .e-listbox-container .e-icon-wrapper .e-list-text,
3351
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3352
- .e-listboxtool-wrapper .e-list-icon + .e-list-text,
3353
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
3354
- .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
3355
- width: calc(100% - 60px);
3270
+
3271
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3272
+ .e-listbox-wrapper .e-list-nrt,
3273
+ .e-listbox-wrapper .e-selectall-parent,
3274
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3275
+ .e-listbox-container .e-list-nrt,
3276
+ .e-listbox-container .e-selectall-parent,
3277
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3278
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3279
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3280
+ height: 36px;
3281
+ line-height: 1;
3282
+ padding: 10px 16px;
3283
+ position: relative;
3356
3284
  }
3357
3285
  .e-listbox-wrapper .e-list-icon,
3358
3286
  .e-listbox-container .e-list-icon,
3359
- .e-listboxtool-wrapper .e-list-icon {
3360
- height: 30px;
3361
- margin-right: 16px;
3362
- width: 30px;
3287
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3288
+ display: inline;
3289
+ vertical-align: middle;
3290
+ width: auto;
3291
+ height: auto;
3292
+ padding-bottom: 1px;
3363
3293
  }
3364
- .e-listbox-wrapper .e-content,
3365
- .e-listbox-container .e-content,
3366
- .e-listboxtool-wrapper .e-content {
3367
- overflow: hidden;
3368
- position: relative;
3294
+
3295
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3296
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
3297
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3369
3298
  }
3370
- .e-listbox-wrapper .e-list-header .e-text,
3371
- .e-listbox-container .e-list-header .e-text,
3372
- .e-listboxtool-wrapper .e-list-header .e-text {
3373
- cursor: pointer;
3374
- text-indent: 0;
3299
+
3300
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3301
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3375
3302
  }
3376
- .e-listbox-wrapper .e-text .e-headertext,
3377
- .e-listbox-container .e-text .e-headertext,
3378
- .e-listboxtool-wrapper .e-text .e-headertext {
3379
- display: inline-block;
3380
- line-height: 0;
3303
+
3304
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3305
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3381
3306
  }
3382
- .e-listbox-wrapper.e-rtl,
3383
- .e-listbox-container.e-rtl,
3384
- .e-listboxtool-wrapper.e-rtl {
3385
- direction: rtl;
3307
+
3308
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3309
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3386
3310
  }
3387
- .e-listbox-wrapper.e-rtl .e-list-icon,
3388
- .e-listbox-container.e-rtl .e-list-icon,
3389
- .e-listboxtool-wrapper.e-rtl .e-list-icon {
3390
- margin-left: 16px;
3391
- margin-right: 0;
3311
+
3312
+ .e-listbox-wrapper,
3313
+ .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3314
+ .e-listboxtool-container.e-listbox-container .e-ul {
3315
+ border: 1px solid #414040;
3392
3316
  }
3393
- .e-listbox-wrapper.e-rtl .e-icon-collapsible,
3394
- .e-listbox-container.e-rtl .e-icon-collapsible,
3395
- .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
3396
- left: 0%;
3397
- right: initial;
3398
- top: 50%;
3399
- -webkit-transform: translateY(-50%) rotate(180deg);
3400
- transform: translateY(-50%) rotate(180deg);
3317
+
3318
+ .e-listbox-wrapper,
3319
+ .e-listbox-container,
3320
+ .e-listboxtool-wrapper {
3321
+ font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
3322
+ font-size: 13px;
3401
3323
  }
3402
- .e-listbox-wrapper.e-rtl .e-list-header .e-text,
3403
- .e-listbox-container.e-rtl .e-list-header .e-text,
3404
- .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
3405
- cursor: pointer;
3324
+ .e-listbox-wrapper .e-list-header,
3325
+ .e-listbox-container .e-list-header,
3326
+ .e-listboxtool-wrapper .e-list-header {
3327
+ background-color: #201f1f;
3328
+ border-color: #414040;
3329
+ color: #dadada;
3330
+ font-size: 14px;
3406
3331
  }
3407
- .e-listbox-wrapper.e-rtl .e-but-back,
3408
- .e-listbox-container.e-rtl .e-but-back,
3409
- .e-listboxtool-wrapper.e-rtl .e-but-back {
3410
- -webkit-transform: rotate(180deg);
3411
- transform: rotate(180deg);
3332
+
3333
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
3334
+ .e-listbox-container.e-filter-list .e-list-parent,
3335
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3336
+ height: calc(100% - 51px);
3412
3337
  }
3413
- .e-listbox-wrapper.e-rtl .e-icon-back,
3414
- .e-listbox-container.e-rtl .e-icon-back,
3415
- .e-listboxtool-wrapper.e-rtl .e-icon-back {
3416
- margin-top: 1px;
3338
+
3339
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3340
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3341
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3342
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3417
3343
  }
3418
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3419
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
3420
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
3421
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
3422
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3423
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
3424
- margin: -2px 0 0 10px;
3344
+
3345
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3346
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
3347
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3348
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3425
3349
  }
3426
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
3427
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
3428
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
3429
- margin: -2px 10px 0 0;
3350
+
3351
+ .e-listbox-wrapper .e-list-item,
3352
+ .e-listbox-container .e-list-item,
3353
+ .e-listboxtool-wrapper .e-list-item {
3354
+ background-color: inherit;
3355
+ border-bottom: 0 solid transparent;
3356
+ border-left: 0 solid transparent;
3357
+ border-right: 0 solid transparent;
3358
+ border-top: 0 solid transparent;
3359
+ color: #dadada;
3430
3360
  }
3431
- .e-listbox-wrapper .e-checkbox-wrapper,
3432
- .e-listbox-container .e-checkbox-wrapper,
3433
- .e-listboxtool-wrapper .e-checkbox-wrapper {
3434
- margin: -2px 10px 0 0;
3435
- text-indent: 0;
3436
- vertical-align: middle;
3361
+
3362
+ .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),
3363
+ .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3364
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3365
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3366
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3367
+ background-color: #414040;
3368
+ border-color: transparent;
3369
+ color: #dadada;
3437
3370
  }
3438
- .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
3439
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
3440
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
3441
- position: absolute;
3442
- right: 0;
3443
- top: 30%;
3371
+
3372
+ .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3373
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
3374
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3375
+ background-color: inherit;
3376
+ color: #dadada;
3444
3377
  }
3445
- .e-listbox-wrapper .e-input-group,
3446
- .e-listbox-container .e-input-group,
3447
- .e-listboxtool-wrapper .e-input-group {
3448
- padding: 4px 8px;
3378
+
3379
+ .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,
3380
+ .e-listbox-container .e-list-item.e-focused,
3381
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3382
+ .e-listbox-container .e-list-item.e-selected,
3383
+ .e-listboxtool-wrapper .e-list-item.e-focused,
3384
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3385
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3386
+ background-color: #514f4f;
3387
+ color: #fff;
3449
3388
  }
3450
- .e-listbox-wrapper .e-input-focus,
3451
- .e-listbox-container .e-input-focus,
3452
- .e-listboxtool-wrapper .e-input-focus {
3453
- padding: 4px 4px 4px 8px;
3389
+
3390
+ .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,
3391
+ .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3392
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3393
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3394
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3395
+ background-color: #0074cc;
3396
+ border-color: #0074cc;
3397
+ color: #fff;
3454
3398
  }
3455
- .e-listbox-wrapper .e-hidden-select,
3456
- .e-listbox-container .e-hidden-select,
3457
- .e-listboxtool-wrapper .e-hidden-select {
3458
- height: 1px;
3459
- opacity: 0;
3460
- position: absolute;
3461
- width: 100%;
3399
+
3400
+ .e-listbox-wrapper .e-list-group-item,
3401
+ .e-listbox-container .e-list-group-item,
3402
+ .e-listboxtool-wrapper .e-list-group-item {
3403
+ background-color: #201f1f;
3404
+ border-color: #414040;
3405
+ color: rgb(0, 55.1, 96.9);
3406
+ font-size: 14px;
3462
3407
  }
3463
- .e-listbox-wrapper .e-placeholder,
3464
- .e-listbox-container .e-placeholder,
3465
- .e-listboxtool-wrapper .e-placeholder {
3466
- background-color: #0074cc;
3408
+
3409
+ .e-listbox-wrapper .e-selectall-parent,
3410
+ .e-listbox-container .e-selectall-parent,
3411
+ .e-listboxtool-wrapper .e-selectall-parent {
3412
+ background-color: inherit;
3413
+ border-bottom: 1px solid #414040;
3414
+ color: #dadada;
3415
+ }
3416
+
3417
+ .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3418
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
3419
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
3420
+ background-color: transparent;
3421
+ }
3422
+
3423
+ .e-listbox-wrapper.e-list-template .e-list-wrapper,
3424
+ .e-listbox-container.e-list-template .e-list-wrapper,
3425
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
3426
+ height: inherit;
3427
+ position: relative;
3428
+ }
3429
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3430
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3431
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3432
+ padding: 0.6153em 0.923em;
3433
+ }
3434
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3435
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
3436
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
3437
+ padding: 0.6153em 0.923em;
3438
+ }
3439
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3440
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3441
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3442
+ color: #dadada;
3467
3443
  display: block;
3468
- height: 1px;
3444
+ font-size: 13px;
3445
+ font-weight: 500;
3446
+ margin: 0;
3447
+ overflow: hidden;
3448
+ padding: 0.093em 0;
3449
+ text-overflow: ellipsis;
3450
+ white-space: nowrap;
3469
3451
  }
3470
-
3471
- ejs-listbox {
3452
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3453
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3454
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3455
+ color: #dadada;
3472
3456
  display: block;
3457
+ font-size: 13px;
3458
+ margin: 0;
3459
+ padding: 0.093em 0;
3460
+ word-wrap: break-word;
3473
3461
  }
3474
-
3475
- .e-listbox-wrapper:not(.e-listbox-container),
3476
- .e-listbox-wrapper.e-filter-list .e-list-parent {
3477
- overflow: auto;
3462
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3463
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3464
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3465
+ overflow: hidden;
3466
+ text-overflow: ellipsis;
3467
+ white-space: nowrap;
3478
3468
  }
3479
-
3480
- .e-listbox-wrapper.e-sortableclone,
3481
- .e-listbox-container.e-sortableclone,
3482
- .e-listboxtool-wrapper.e-sortableclone {
3483
- border-width: 0;
3484
- overflow: visible;
3469
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3470
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3471
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3472
+ height: 3.0769em;
3473
+ left: 0.923em;
3474
+ position: absolute;
3475
+ width: 3.0769em;
3476
+ left: 0.923em;
3485
3477
  }
3486
- .e-listbox-wrapper.e-sortableclone .e-list-item,
3487
- .e-listbox-container.e-sortableclone .e-list-item,
3488
- .e-listboxtool-wrapper.e-sortableclone .e-list-item {
3489
- list-style-type: none;
3490
- height: 38px !important; /* stylelint-disable-line declaration-no-important */
3478
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3479
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3480
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3481
+ padding-left: 4.923em;
3482
+ padding-right: 0.923em;
3491
3483
  }
3492
- .e-listbox-wrapper.e-sortableclone .e-ripple,
3493
- .e-listbox-container.e-sortableclone .e-ripple,
3494
- .e-listboxtool-wrapper.e-sortableclone .e-ripple {
3495
- overflow: visible;
3484
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3485
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3486
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3487
+ padding-left: 0.923em;
3488
+ padding-right: 4.923em;
3496
3489
  }
3497
- .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
3498
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
3499
- .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
3500
- display: none;
3490
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3491
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3492
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3493
+ height: 3.0769em;
3494
+ left: 0.923em;
3495
+ position: absolute;
3496
+ width: 3.0769em;
3497
+ right: 0.923em;
3501
3498
  }
3502
- .e-listbox-wrapper.e-sortableclone .e-list-badge,
3503
- .e-listbox-container.e-sortableclone .e-list-badge,
3504
- .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
3505
- -webkit-box-align: center;
3506
- -ms-flex-align: center;
3507
- align-items: center;
3508
- background-color: #0074cc;
3509
- border: 1px solid #fff;
3510
- border-radius: 50%;
3511
- color: #fff;
3512
- display: -webkit-box;
3513
- display: -ms-flexbox;
3514
- display: flex;
3515
- font-size: 12px;
3516
- height: 22px;
3517
- -webkit-box-pack: center;
3518
- -ms-flex-pack: center;
3519
- justify-content: center;
3499
+ .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,
3500
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3501
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3502
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3503
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3504
+ top: 0.6153em;
3505
+ }
3506
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3507
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3508
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3509
+ font-size: 13px;
3510
+ height: 1.5384em;
3511
+ line-height: 1.3384em;
3512
+ padding: 0;
3520
3513
  position: absolute;
3521
- right: -10px;
3522
- top: -10px;
3523
- width: 22px;
3514
+ right: 0.923em;
3515
+ top: 50%;
3516
+ -webkit-transform: translateY(-50%);
3517
+ transform: translateY(-50%);
3518
+ width: 1.5384em;
3524
3519
  }
3525
-
3526
- .e-listboxtool-wrapper.e-sortableclone {
3520
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3521
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3522
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3523
+ padding-left: 4.923em;
3524
+ padding-right: 3.3846em;
3525
+ }
3526
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3527
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3528
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3529
+ padding-left: 0.923em;
3530
+ padding-right: 3.3846em;
3531
+ }
3532
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3533
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3534
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3527
3535
  display: block;
3536
+ margin: 0;
3537
+ overflow: hidden;
3538
+ padding: 0.867em 0;
3539
+ text-overflow: ellipsis;
3540
+ white-space: nowrap;
3528
3541
  }
3529
-
3530
- .e-listboxtool-wrapper,
3531
- .e-listboxtool-container {
3532
- cursor: pointer;
3533
- display: -webkit-box;
3534
- display: -ms-flexbox;
3535
- display: flex;
3542
+ .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,
3543
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3544
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3545
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3546
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3547
+ color: #dadada;
3536
3548
  }
3537
- .e-listboxtool-wrapper *,
3538
- .e-listboxtool-container * {
3539
- -webkit-box-sizing: border-box;
3540
- box-sizing: border-box;
3549
+ .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,
3550
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3551
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3552
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3553
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3554
+ color: #fff;
3541
3555
  }
3542
- .e-listboxtool-wrapper.e-disabled,
3543
- .e-listboxtool-container.e-disabled {
3544
- cursor: default;
3545
- pointer-events: none;
3556
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3557
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3558
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3559
+ left: inherit;
3560
+ right: 0.923em;
3546
3561
  }
3547
- .e-listboxtool-wrapper .e-listbox-wrapper,
3548
- .e-listboxtool-wrapper .e-list-wrap,
3549
- .e-listboxtool-container .e-listbox-wrapper,
3550
- .e-listboxtool-container .e-list-wrap {
3551
- -webkit-box-flex: 1;
3552
- -ms-flex: 1;
3553
- flex: 1;
3562
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3563
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3564
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3565
+ padding-left: 0.923em;
3566
+ padding-right: 4.923em;
3554
3567
  }
3555
- .e-listboxtool-wrapper.e-right .e-listbox-tool,
3556
- .e-listboxtool-container.e-right .e-listbox-tool {
3557
- margin-left: 15px;
3568
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3569
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3570
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3571
+ padding-left: 4.923em;
3572
+ padding-right: 0.923em;
3558
3573
  }
3559
- .e-listboxtool-wrapper.e-left .e-listbox-tool,
3560
- .e-listboxtool-container.e-left .e-listbox-tool {
3561
- margin-right: 15px;
3574
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3575
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3576
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3577
+ left: 0.923em;
3578
+ right: inherit;
3562
3579
  }
3563
- .e-listboxtool-wrapper .e-listbox-tool,
3564
- .e-listboxtool-container .e-listbox-tool {
3565
- border: 1px solid #414040;
3566
- overflow: auto;
3567
- padding: 8px;
3580
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3581
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3582
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3583
+ left: 0.923em;
3584
+ right: inherit;
3568
3585
  }
3569
- .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3570
- .e-listboxtool-container .e-listbox-tool .e-btn {
3571
- display: list-item;
3572
- list-style-type: none;
3573
- margin-bottom: 10px;
3586
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3587
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3588
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3589
+ padding-left: 3.3846em;
3590
+ padding-right: 4.923em;
3574
3591
  }
3575
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3576
- .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3577
- position: absolute;
3578
- right: 0;
3579
- top: 30%;
3592
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3593
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3594
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3595
+ padding-left: 3.3846em;
3596
+ padding-right: 0.923em;
3580
3597
  }
3581
3598
 
3582
- .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3583
- .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3584
- margin-right: 15px;
3599
+ .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 {
3600
+ height: 100%;
3585
3601
  }
3586
- .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3587
- .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3588
- margin-left: 15px;
3602
+
3603
+ .e-listbox-container.e-filter-list .e-list-wrap {
3604
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3589
3605
  }
3590
3606
 
3591
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3592
- .e-listbox-wrapper .e-list-nrt,
3593
- .e-listbox-wrapper .e-selectall-parent,
3594
- .e-listbox-container:not(.e-list-template) .e-list-item,
3595
- .e-listbox-container .e-list-nrt,
3596
- .e-listbox-container .e-selectall-parent,
3597
- .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3598
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3599
- .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3600
- height: 36px;
3601
- line-height: 1;
3602
- padding: 10px 16px;
3603
- position: relative;
3607
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3608
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3604
3609
  }
3605
- .e-listbox-wrapper .e-list-icon,
3606
- .e-listbox-container .e-list-icon,
3607
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3608
- display: inline;
3609
- vertical-align: middle;
3610
- width: auto;
3611
- height: auto;
3612
- padding-bottom: 1px;
3610
+
3611
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3612
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3613
3613
  }
3614
3614
 
3615
3615
  .e-bigger .e-listbox-wrapper .e-list-item,