@syncfusion/ej2-dropdowns 32.1.24 → 32.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (268) hide show
  1. package/.eslintrc.json +263 -0
  2. package/aceconfig.js +17 -0
  3. package/dist/ej2-dropdowns.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js +2 -2
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +14 -6
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +14 -6
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +2 -2
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +8 -8
  14. package/src/drop-down-list/drop-down-list.js +1 -1
  15. package/src/multi-select/multi-select.js +13 -5
  16. package/styles/bds-lite.css +898 -898
  17. package/styles/bds.css +1302 -1302
  18. package/styles/bootstrap-dark-lite.css +870 -870
  19. package/styles/bootstrap-dark.css +1275 -1275
  20. package/styles/bootstrap-lite.css +867 -867
  21. package/styles/bootstrap.css +1278 -1278
  22. package/styles/bootstrap4-lite.css +1408 -1408
  23. package/styles/bootstrap4.css +1721 -1721
  24. package/styles/bootstrap5-dark-lite.css +1769 -1769
  25. package/styles/bootstrap5-dark.css +1710 -1710
  26. package/styles/bootstrap5-lite.css +1396 -1396
  27. package/styles/bootstrap5.3-lite.css +1138 -1138
  28. package/styles/bootstrap5.3.css +1592 -1592
  29. package/styles/bootstrap5.css +1711 -1711
  30. package/styles/drop-down-base/_all.bds.scss +1 -1
  31. package/styles/drop-down-base/_all.bootstrap-dark.scss +1 -1
  32. package/styles/drop-down-base/_all.bootstrap.scss +1 -1
  33. package/styles/drop-down-base/_all.bootstrap4.scss +1 -1
  34. package/styles/drop-down-base/_all.bootstrap5-dark.scss +1 -1
  35. package/styles/drop-down-base/_all.bootstrap5.3.scss +1 -1
  36. package/styles/drop-down-base/_all.bootstrap5.scss +1 -1
  37. package/styles/drop-down-base/_all.fabric-dark.scss +1 -1
  38. package/styles/drop-down-base/_all.fabric.scss +1 -1
  39. package/styles/drop-down-base/_all.fluent-dark.scss +1 -1
  40. package/styles/drop-down-base/_all.fluent.scss +1 -1
  41. package/styles/drop-down-base/_all.fluent2.scss +1 -1
  42. package/styles/drop-down-base/_all.highcontrast-light.scss +1 -1
  43. package/styles/drop-down-base/_all.highcontrast.scss +1 -1
  44. package/styles/drop-down-base/_all.material-dark.scss +1 -1
  45. package/styles/drop-down-base/_all.material.scss +1 -1
  46. package/styles/drop-down-base/_all.material3-dark.scss +1 -1
  47. package/styles/drop-down-base/_all.material3.scss +1 -1
  48. package/styles/drop-down-base/_all.tailwind-dark.scss +1 -1
  49. package/styles/drop-down-base/_all.tailwind.scss +1 -1
  50. package/styles/drop-down-base/_all.tailwind3.scss +1 -1
  51. package/styles/drop-down-base/bds.css +164 -164
  52. package/styles/drop-down-base/bootstrap-dark.css +130 -130
  53. package/styles/drop-down-base/bootstrap.css +130 -130
  54. package/styles/drop-down-base/bootstrap4.css +136 -136
  55. package/styles/drop-down-base/bootstrap5-dark.css +143 -143
  56. package/styles/drop-down-base/bootstrap5.3.css +219 -219
  57. package/styles/drop-down-base/bootstrap5.css +143 -143
  58. package/styles/drop-down-base/fabric-dark.css +130 -130
  59. package/styles/drop-down-base/fabric.css +130 -130
  60. package/styles/drop-down-base/fluent-dark.css +148 -148
  61. package/styles/drop-down-base/fluent.css +148 -148
  62. package/styles/drop-down-base/fluent2.css +215 -215
  63. package/styles/drop-down-base/highcontrast-light.css +146 -146
  64. package/styles/drop-down-base/highcontrast.css +146 -146
  65. package/styles/drop-down-base/material-dark.css +130 -130
  66. package/styles/drop-down-base/material.css +130 -130
  67. package/styles/drop-down-base/material3-dark.css +212 -212
  68. package/styles/drop-down-base/material3.css +214 -214
  69. package/styles/drop-down-base/tailwind-dark.css +155 -155
  70. package/styles/drop-down-base/tailwind.css +155 -155
  71. package/styles/drop-down-base/tailwind3.css +215 -215
  72. package/styles/drop-down-list/_all.bds.scss +1 -1
  73. package/styles/drop-down-list/_all.bootstrap-dark.scss +1 -1
  74. package/styles/drop-down-list/_all.bootstrap.scss +1 -1
  75. package/styles/drop-down-list/_all.bootstrap4.scss +1 -1
  76. package/styles/drop-down-list/_all.bootstrap5-dark.scss +1 -1
  77. package/styles/drop-down-list/_all.bootstrap5.3.scss +1 -1
  78. package/styles/drop-down-list/_all.bootstrap5.scss +1 -1
  79. package/styles/drop-down-list/_all.fabric-dark.scss +1 -1
  80. package/styles/drop-down-list/_all.fabric.scss +1 -1
  81. package/styles/drop-down-list/_all.fluent-dark.scss +1 -1
  82. package/styles/drop-down-list/_all.fluent.scss +1 -1
  83. package/styles/drop-down-list/_all.fluent2.scss +1 -1
  84. package/styles/drop-down-list/_all.highcontrast-light.scss +1 -1
  85. package/styles/drop-down-list/_all.highcontrast.scss +1 -1
  86. package/styles/drop-down-list/_all.material-dark.scss +1 -1
  87. package/styles/drop-down-list/_all.material.scss +1 -1
  88. package/styles/drop-down-list/_all.material3-dark.scss +1 -1
  89. package/styles/drop-down-list/_all.material3.scss +1 -1
  90. package/styles/drop-down-list/_all.tailwind-dark.scss +1 -1
  91. package/styles/drop-down-list/_all.tailwind.scss +1 -1
  92. package/styles/drop-down-list/_all.tailwind3.scss +1 -1
  93. package/styles/drop-down-list/bds.css +87 -87
  94. package/styles/drop-down-list/bootstrap-dark.css +74 -74
  95. package/styles/drop-down-list/bootstrap.css +74 -74
  96. package/styles/drop-down-list/bootstrap4.css +111 -111
  97. package/styles/drop-down-list/bootstrap5-dark.css +113 -113
  98. package/styles/drop-down-list/bootstrap5.3.css +197 -197
  99. package/styles/drop-down-list/bootstrap5.css +113 -113
  100. package/styles/drop-down-list/fabric-dark.css +48 -48
  101. package/styles/drop-down-list/fabric.css +48 -48
  102. package/styles/drop-down-list/fluent-dark.css +105 -105
  103. package/styles/drop-down-list/fluent.css +105 -105
  104. package/styles/drop-down-list/fluent2.css +204 -204
  105. package/styles/drop-down-list/highcontrast-light.css +63 -63
  106. package/styles/drop-down-list/highcontrast.css +64 -64
  107. package/styles/drop-down-list/material-dark.css +96 -96
  108. package/styles/drop-down-list/material.css +100 -100
  109. package/styles/drop-down-list/material3-dark.css +235 -235
  110. package/styles/drop-down-list/material3.css +235 -235
  111. package/styles/drop-down-list/tailwind-dark.css +83 -83
  112. package/styles/drop-down-list/tailwind.css +83 -83
  113. package/styles/drop-down-list/tailwind3.css +186 -186
  114. package/styles/drop-down-tree/_all.bds.scss +1 -1
  115. package/styles/drop-down-tree/_all.bootstrap-dark.scss +1 -1
  116. package/styles/drop-down-tree/_all.bootstrap.scss +1 -1
  117. package/styles/drop-down-tree/_all.bootstrap4.scss +1 -1
  118. package/styles/drop-down-tree/_all.bootstrap5-dark.scss +1 -1
  119. package/styles/drop-down-tree/_all.bootstrap5.3.scss +1 -1
  120. package/styles/drop-down-tree/_all.bootstrap5.scss +1 -1
  121. package/styles/drop-down-tree/_all.fabric-dark.scss +1 -1
  122. package/styles/drop-down-tree/_all.fabric.scss +1 -1
  123. package/styles/drop-down-tree/_all.fluent-dark.scss +1 -1
  124. package/styles/drop-down-tree/_all.fluent.scss +1 -1
  125. package/styles/drop-down-tree/_all.fluent2.scss +1 -1
  126. package/styles/drop-down-tree/_all.highcontrast-light.scss +1 -1
  127. package/styles/drop-down-tree/_all.highcontrast.scss +1 -1
  128. package/styles/drop-down-tree/_all.material-dark.scss +1 -1
  129. package/styles/drop-down-tree/_all.material.scss +1 -1
  130. package/styles/drop-down-tree/_all.material3-dark.scss +1 -1
  131. package/styles/drop-down-tree/_all.material3.scss +1 -1
  132. package/styles/drop-down-tree/_all.tailwind-dark.scss +1 -1
  133. package/styles/drop-down-tree/_all.tailwind.scss +1 -1
  134. package/styles/drop-down-tree/_all.tailwind3.scss +1 -1
  135. package/styles/drop-down-tree/bds.css +56 -56
  136. package/styles/drop-down-tree/bootstrap-dark.css +33 -33
  137. package/styles/drop-down-tree/bootstrap.css +33 -33
  138. package/styles/drop-down-tree/bootstrap4.css +39 -39
  139. package/styles/drop-down-tree/bootstrap5-dark.css +40 -40
  140. package/styles/drop-down-tree/bootstrap5.3.css +124 -124
  141. package/styles/drop-down-tree/bootstrap5.css +40 -40
  142. package/styles/drop-down-tree/fabric-dark.css +33 -33
  143. package/styles/drop-down-tree/fabric.css +33 -33
  144. package/styles/drop-down-tree/fluent-dark.css +33 -33
  145. package/styles/drop-down-tree/fluent.css +33 -33
  146. package/styles/drop-down-tree/fluent2.css +122 -122
  147. package/styles/drop-down-tree/highcontrast-light.css +33 -33
  148. package/styles/drop-down-tree/highcontrast.css +42 -42
  149. package/styles/drop-down-tree/material-dark.css +33 -33
  150. package/styles/drop-down-tree/material.css +33 -33
  151. package/styles/drop-down-tree/material3-dark.css +115 -115
  152. package/styles/drop-down-tree/material3.css +117 -117
  153. package/styles/drop-down-tree/tailwind-dark.css +52 -52
  154. package/styles/drop-down-tree/tailwind.css +52 -52
  155. package/styles/drop-down-tree/tailwind3.css +107 -107
  156. package/styles/fabric-dark-lite.css +877 -877
  157. package/styles/fabric-dark.css +1274 -1274
  158. package/styles/fabric-lite.css +877 -877
  159. package/styles/fabric.css +1147 -1147
  160. package/styles/fluent-dark-lite.css +1765 -1765
  161. package/styles/fluent-dark.css +1718 -1718
  162. package/styles/fluent-lite.css +1765 -1765
  163. package/styles/fluent.css +1718 -1718
  164. package/styles/fluent2-lite.css +2081 -2081
  165. package/styles/fluent2.css +1703 -1703
  166. package/styles/highcontrast-light-lite.css +1412 -1412
  167. package/styles/highcontrast-light.css +1760 -1760
  168. package/styles/highcontrast-lite.css +1751 -1751
  169. package/styles/highcontrast.css +1768 -1768
  170. package/styles/list-box/_all.bds.scss +1 -1
  171. package/styles/list-box/_all.bootstrap-dark.scss +1 -1
  172. package/styles/list-box/_all.bootstrap.scss +1 -1
  173. package/styles/list-box/_all.bootstrap4.scss +1 -1
  174. package/styles/list-box/_all.bootstrap5-dark.scss +1 -1
  175. package/styles/list-box/_all.bootstrap5.3.scss +1 -1
  176. package/styles/list-box/_all.bootstrap5.scss +1 -1
  177. package/styles/list-box/_all.fabric-dark.scss +1 -1
  178. package/styles/list-box/_all.fabric.scss +1 -1
  179. package/styles/list-box/_all.fluent-dark.scss +1 -1
  180. package/styles/list-box/_all.fluent.scss +1 -1
  181. package/styles/list-box/_all.fluent2.scss +1 -1
  182. package/styles/list-box/_all.highcontrast-light.scss +1 -1
  183. package/styles/list-box/_all.highcontrast.scss +1 -1
  184. package/styles/list-box/_all.material-dark.scss +1 -1
  185. package/styles/list-box/_all.material.scss +1 -1
  186. package/styles/list-box/_all.material3-dark.scss +1 -1
  187. package/styles/list-box/_all.material3.scss +1 -1
  188. package/styles/list-box/_all.tailwind-dark.scss +1 -1
  189. package/styles/list-box/_all.tailwind.scss +1 -1
  190. package/styles/list-box/_all.tailwind3.scss +1 -1
  191. package/styles/list-box/bds.css +654 -654
  192. package/styles/list-box/bootstrap-dark.css +644 -644
  193. package/styles/list-box/bootstrap.css +649 -649
  194. package/styles/list-box/bootstrap4.css +649 -649
  195. package/styles/list-box/bootstrap5-dark.css +649 -649
  196. package/styles/list-box/bootstrap5.3.css +659 -659
  197. package/styles/list-box/bootstrap5.css +649 -649
  198. package/styles/list-box/fabric-dark.css +644 -644
  199. package/styles/list-box/fabric.css +649 -649
  200. package/styles/list-box/fluent-dark.css +649 -649
  201. package/styles/list-box/fluent.css +649 -649
  202. package/styles/list-box/fluent2.css +692 -692
  203. package/styles/list-box/highcontrast-light.css +644 -644
  204. package/styles/list-box/highcontrast.css +649 -649
  205. package/styles/list-box/material-dark.css +643 -643
  206. package/styles/list-box/material.css +648 -648
  207. package/styles/list-box/material3-dark.css +659 -659
  208. package/styles/list-box/material3.css +659 -659
  209. package/styles/list-box/tailwind-dark.css +640 -640
  210. package/styles/list-box/tailwind.css +640 -640
  211. package/styles/list-box/tailwind3.css +698 -698
  212. package/styles/material-dark-lite.css +1566 -1566
  213. package/styles/material-dark.css +2278 -2278
  214. package/styles/material-lite.css +1659 -1659
  215. package/styles/material.css +1921 -1921
  216. package/styles/material3-dark-lite.css +2644 -2644
  217. package/styles/material3-dark.css +2687 -2687
  218. package/styles/material3-lite.css +2663 -2663
  219. package/styles/material3.css +2684 -2684
  220. package/styles/multi-select/_all.bds.scss +1 -1
  221. package/styles/multi-select/_all.bootstrap-dark.scss +1 -1
  222. package/styles/multi-select/_all.bootstrap.scss +1 -1
  223. package/styles/multi-select/_all.bootstrap4.scss +1 -1
  224. package/styles/multi-select/_all.bootstrap5-dark.scss +1 -1
  225. package/styles/multi-select/_all.bootstrap5.3.scss +1 -1
  226. package/styles/multi-select/_all.bootstrap5.scss +1 -1
  227. package/styles/multi-select/_all.fabric-dark.scss +1 -1
  228. package/styles/multi-select/_all.fabric.scss +1 -1
  229. package/styles/multi-select/_all.fluent-dark.scss +1 -1
  230. package/styles/multi-select/_all.fluent.scss +1 -1
  231. package/styles/multi-select/_all.fluent2.scss +1 -1
  232. package/styles/multi-select/_all.highcontrast-light.scss +1 -1
  233. package/styles/multi-select/_all.highcontrast.scss +1 -1
  234. package/styles/multi-select/_all.material-dark.scss +1 -1
  235. package/styles/multi-select/_all.material.scss +1 -1
  236. package/styles/multi-select/_all.material3-dark.scss +1 -1
  237. package/styles/multi-select/_all.material3.scss +1 -1
  238. package/styles/multi-select/_all.tailwind-dark.scss +1 -1
  239. package/styles/multi-select/_all.tailwind.scss +1 -1
  240. package/styles/multi-select/_all.tailwind3.scss +1 -1
  241. package/styles/multi-select/bds.css +221 -221
  242. package/styles/multi-select/bootstrap-dark.css +231 -231
  243. package/styles/multi-select/bootstrap.css +224 -224
  244. package/styles/multi-select/bootstrap4.css +676 -676
  245. package/styles/multi-select/bootstrap5-dark.css +235 -235
  246. package/styles/multi-select/bootstrap5.3.css +336 -336
  247. package/styles/multi-select/bootstrap5.css +235 -235
  248. package/styles/multi-select/fabric-dark.css +225 -225
  249. package/styles/multi-select/fabric.css +220 -220
  250. package/styles/multi-select/fluent-dark.css +677 -677
  251. package/styles/multi-select/fluent.css +677 -677
  252. package/styles/multi-select/fluent2.css +959 -959
  253. package/styles/multi-select/highcontrast-light.css +789 -789
  254. package/styles/multi-select/highcontrast.css +793 -793
  255. package/styles/multi-select/material-dark.css +918 -918
  256. package/styles/multi-select/material.css +920 -920
  257. package/styles/multi-select/material3-dark.css +1330 -1330
  258. package/styles/multi-select/material3.css +1334 -1334
  259. package/styles/multi-select/tailwind-dark.css +217 -217
  260. package/styles/multi-select/tailwind.css +217 -217
  261. package/styles/multi-select/tailwind3.css +326 -326
  262. package/styles/tailwind-dark-lite.css +861 -861
  263. package/styles/tailwind-dark.css +1263 -1263
  264. package/styles/tailwind-lite.css +862 -862
  265. package/styles/tailwind.css +1263 -1263
  266. package/styles/tailwind3-lite.css +1114 -1114
  267. package/styles/tailwind3.css +2339 -2339
  268. package/tslint.json +111 -0
@@ -14,6 +14,136 @@
14
14
  padding: 0 8px 0 0;
15
15
  }
16
16
 
17
+ .e-dropdownbase {
18
+ display: block;
19
+ height: 100%;
20
+ min-height: 36px;
21
+ position: relative;
22
+ width: 100%;
23
+ }
24
+ .e-dropdownbase .e-list-parent {
25
+ margin: 0;
26
+ padding: 0;
27
+ }
28
+
29
+ .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
30
+ cursor: default;
31
+ }
32
+
33
+ .e-dropdownbase .e-list-item {
34
+ cursor: pointer;
35
+ overflow: hidden;
36
+ position: relative;
37
+ text-overflow: ellipsis;
38
+ vertical-align: middle;
39
+ white-space: nowrap;
40
+ width: 100%;
41
+ }
42
+
43
+ .e-dropdownbase .e-list-item .e-list-icon {
44
+ font-size: 16px;
45
+ vertical-align: middle;
46
+ }
47
+
48
+ .e-dropdownbase .e-fixed-head {
49
+ position: absolute;
50
+ top: 0;
51
+ }
52
+
53
+ .e-dropdownbase.e-content {
54
+ overflow: auto;
55
+ position: relative;
56
+ }
57
+
58
+ .e-popup.e-ddl .e-dropdownbase.e-nodata,
59
+ .e-popup.e-mention .e-dropdownbase.e-nodata {
60
+ color: #a4a4a4;
61
+ cursor: default;
62
+ font-family: inherit;
63
+ font-size: 14px;
64
+ padding: 14px 16px;
65
+ text-align: center;
66
+ }
67
+
68
+ .e-mention.e-popup {
69
+ background: #6e6e6e;
70
+ border: 0;
71
+ -webkit-box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
72
+ box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
73
+ margin-top: 2px;
74
+ position: absolute;
75
+ }
76
+
77
+ .e-mention.e-popup .e-dropdownbase {
78
+ min-height: 26px;
79
+ }
80
+
81
+ .e-mention .e-dropdownbase .e-list-item .e-highlight {
82
+ display: inline;
83
+ font-weight: bold;
84
+ vertical-align: baseline;
85
+ }
86
+
87
+ .e-mention .e-mention-chip,
88
+ .e-mention .e-mention-chip:hover {
89
+ background: #2a2a2a;
90
+ border-radius: 2px;
91
+ border: none;
92
+ color: #0070f0;
93
+ cursor: default;
94
+ }
95
+
96
+ .e-mention.e-editable-element {
97
+ border: 2px solid #414141;
98
+ height: auto;
99
+ min-height: 120px;
100
+ width: 100%;
101
+ }
102
+
103
+ .e-form-mirror-div {
104
+ white-space: pre-wrap;
105
+ }
106
+
107
+ .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
108
+ padding-right: 30px;
109
+ }
110
+
111
+ .e-dropdownbase.e-dd-group .e-list-item {
112
+ padding-left: 30px;
113
+ text-indent: 0;
114
+ }
115
+
116
+ .e-small .e-dropdownbase.e-dd-group .e-list-item {
117
+ padding-left: 30px;
118
+ }
119
+
120
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
121
+ text-indent: 0;
122
+ }
123
+
124
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
125
+ cursor: pointer;
126
+ font-weight: normal;
127
+ overflow: hidden;
128
+ position: relative;
129
+ text-overflow: ellipsis;
130
+ vertical-align: middle;
131
+ white-space: nowrap;
132
+ width: 100%;
133
+ }
134
+
135
+ .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
136
+ padding-right: 30px;
137
+ }
138
+
139
+ .e-dropdownbase .e-list-item .e-list-icon {
140
+ padding: 0 10px 0 0;
141
+ }
142
+
143
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
144
+ padding: 0 8px 0 0;
145
+ }
146
+
17
147
  .e-rtl .e-dropdownbase .e-list-item {
18
148
  padding-left: 20px;
19
149
  padding-right: 0;
@@ -189,222 +319,92 @@
189
319
  background-color: #414141;
190
320
  }
191
321
 
192
- .e-dropdownbase .e-list-item .e-list-icon {
193
- padding: 0 10px 0 0;
322
+ /* stylelint-disable property-no-vendor-prefix */
323
+ /* stylelint-disable property-no-vendor-prefix */
324
+ @-webkit-keyframes material-spinner-rotate {
325
+ 0% {
326
+ -webkit-transform: rotate(0);
327
+ transform: rotate(0);
328
+ }
329
+ 100% {
330
+ -webkit-transform: rotate(360deg);
331
+ transform: rotate(360deg);
332
+ }
194
333
  }
195
-
196
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
197
- padding: 0 8px 0 0;
334
+ @keyframes material-spinner-rotate {
335
+ 0% {
336
+ -webkit-transform: rotate(0);
337
+ transform: rotate(0);
338
+ }
339
+ 100% {
340
+ -webkit-transform: rotate(360deg);
341
+ transform: rotate(360deg);
342
+ }
198
343
  }
199
-
200
- .e-dropdownbase {
201
- display: block;
202
- height: 100%;
203
- min-height: 36px;
204
- position: relative;
205
- width: 100%;
344
+ @-webkit-keyframes fabric-spinner-rotate {
345
+ 0% {
346
+ -webkit-transform: rotate(0);
347
+ transform: rotate(0);
348
+ }
349
+ 100% {
350
+ -webkit-transform: rotate(360deg);
351
+ transform: rotate(360deg);
352
+ }
206
353
  }
207
- .e-dropdownbase .e-list-parent {
208
- margin: 0;
209
- padding: 0;
354
+ @keyframes fabric-spinner-rotate {
355
+ 0% {
356
+ -webkit-transform: rotate(0);
357
+ transform: rotate(0);
358
+ }
359
+ 100% {
360
+ -webkit-transform: rotate(360deg);
361
+ transform: rotate(360deg);
362
+ }
210
363
  }
211
-
212
- .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
213
- cursor: default;
364
+ .e-popup.e-ddl {
365
+ border-radius: 4px;
366
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
367
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
368
+ margin-top: 3px;
214
369
  }
215
-
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%;
370
+ .e-popup.e-ddl .e-input-group {
371
+ width: auto;
224
372
  }
225
-
226
- .e-dropdownbase .e-list-item .e-list-icon {
227
- font-size: 16px;
228
- vertical-align: middle;
373
+ .e-popup.e-ddl .e-input-group input {
374
+ line-height: 15px;
229
375
  }
230
376
 
231
- .e-dropdownbase .e-fixed-head {
232
- position: absolute;
233
- top: 0;
377
+ .e-popup.e-ddl .e-dropdownbase {
378
+ min-height: 26px;
234
379
  }
235
380
 
236
- .e-dropdownbase.e-content {
237
- overflow: auto;
238
- position: relative;
381
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
382
+ display: -webkit-box;
383
+ display: -ms-flexbox;
384
+ display: flex;
385
+ width: auto;
239
386
  }
240
-
241
- .e-popup.e-ddl .e-dropdownbase.e-nodata,
242
- .e-popup.e-mention .e-dropdownbase.e-nodata {
243
- color: #a4a4a4;
244
- cursor: default;
245
- font-family: inherit;
246
- font-size: 14px;
247
- padding: 14px 16px;
248
- text-align: center;
387
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
388
+ border: 0;
249
389
  }
250
390
 
251
- .e-mention.e-popup {
252
- background: #6e6e6e;
253
- border: 0;
254
- -webkit-box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
255
- box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
256
- margin-top: 2px;
257
- position: absolute;
391
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
392
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
393
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
394
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
395
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
396
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
397
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
398
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
399
+ background: transparent;
400
+ color: #f0f0f0;
258
401
  }
259
402
 
260
- .e-mention.e-popup .e-dropdownbase {
261
- min-height: 26px;
262
- }
263
-
264
- .e-mention .e-dropdownbase .e-list-item .e-highlight {
265
- display: inline;
266
- font-weight: bold;
267
- vertical-align: baseline;
268
- }
269
-
270
- .e-mention .e-mention-chip,
271
- .e-mention .e-mention-chip:hover {
272
- background: #2a2a2a;
273
- border-radius: 2px;
274
- border: none;
275
- color: #0070f0;
276
- cursor: default;
277
- }
278
-
279
- .e-mention.e-editable-element {
280
- border: 2px solid #414141;
281
- height: auto;
282
- min-height: 120px;
283
- width: 100%;
284
- }
285
-
286
- .e-form-mirror-div {
287
- white-space: pre-wrap;
288
- }
289
-
290
- .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
291
- padding-right: 30px;
292
- }
293
-
294
- .e-dropdownbase.e-dd-group .e-list-item {
295
- padding-left: 30px;
296
- text-indent: 0;
297
- }
298
-
299
- .e-small .e-dropdownbase.e-dd-group .e-list-item {
300
- padding-left: 30px;
301
- }
302
-
303
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
304
- text-indent: 0;
305
- }
306
-
307
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
308
- cursor: pointer;
309
- font-weight: normal;
310
- overflow: hidden;
311
- position: relative;
312
- text-overflow: ellipsis;
313
- vertical-align: middle;
314
- white-space: nowrap;
315
- width: 100%;
316
- }
317
-
318
- .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
319
- padding-right: 30px;
320
- }
321
-
322
- /* stylelint-disable property-no-vendor-prefix */
323
- /* stylelint-disable property-no-vendor-prefix */
324
- @-webkit-keyframes material-spinner-rotate {
325
- 0% {
326
- -webkit-transform: rotate(0);
327
- transform: rotate(0);
328
- }
329
- 100% {
330
- -webkit-transform: rotate(360deg);
331
- transform: rotate(360deg);
332
- }
333
- }
334
- @keyframes material-spinner-rotate {
335
- 0% {
336
- -webkit-transform: rotate(0);
337
- transform: rotate(0);
338
- }
339
- 100% {
340
- -webkit-transform: rotate(360deg);
341
- transform: rotate(360deg);
342
- }
343
- }
344
- @-webkit-keyframes fabric-spinner-rotate {
345
- 0% {
346
- -webkit-transform: rotate(0);
347
- transform: rotate(0);
348
- }
349
- 100% {
350
- -webkit-transform: rotate(360deg);
351
- transform: rotate(360deg);
352
- }
353
- }
354
- @keyframes fabric-spinner-rotate {
355
- 0% {
356
- -webkit-transform: rotate(0);
357
- transform: rotate(0);
358
- }
359
- 100% {
360
- -webkit-transform: rotate(360deg);
361
- transform: rotate(360deg);
362
- }
363
- }
364
- .e-popup.e-ddl {
365
- border-radius: 4px;
366
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
367
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
368
- margin-top: 3px;
369
- }
370
- .e-popup.e-ddl .e-input-group {
371
- width: auto;
372
- }
373
- .e-popup.e-ddl .e-input-group input {
374
- line-height: 15px;
375
- }
376
-
377
- .e-popup.e-ddl .e-dropdownbase {
378
- min-height: 26px;
379
- }
380
-
381
- .e-popup.e-ddl .e-filter-parent .e-input-group {
382
- display: -webkit-box;
383
- display: -ms-flexbox;
384
- display: flex;
385
- width: auto;
386
- }
387
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
388
- border: 0;
389
- }
390
-
391
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
392
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
393
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
394
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
395
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
396
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
397
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
398
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
399
- background: transparent;
400
- color: #f0f0f0;
401
- }
402
-
403
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
404
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
405
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
406
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
407
- border: 0;
403
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
404
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
405
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
406
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
407
+ border: 0;
408
408
  }
409
409
 
410
410
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
@@ -497,80 +497,6 @@
497
497
  border-bottom: 1px solid #484848;
498
498
  }
499
499
 
500
- .e-popup {
501
- border-color: #414141;
502
- }
503
-
504
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
505
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
506
- color: #fff;
507
- }
508
-
509
- .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
510
- border-color: transparent;
511
- }
512
-
513
- .e-popup.e-ddl {
514
- border-radius: 4px;
515
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
516
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
517
- margin-top: 3px;
518
- }
519
-
520
- .e-popup.e-ddl .e-input-group {
521
- width: auto;
522
- }
523
-
524
- .e-popup.e-ddl .e-input-group input {
525
- line-height: 15px;
526
- }
527
-
528
- .e-popup.e-ddl .e-dropdownbase {
529
- min-height: 26px;
530
- }
531
-
532
- .e-popup.e-ddl .e-filter-parent .e-input-group {
533
- display: -webkit-box;
534
- display: -ms-flexbox;
535
- display: flex;
536
- width: auto;
537
- }
538
-
539
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
540
- border: 0;
541
- }
542
-
543
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
544
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
545
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
546
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
547
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
548
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
549
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
550
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
551
- background: transparent;
552
- color: #f0f0f0;
553
- }
554
-
555
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
556
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
557
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
558
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
559
- border: 0;
560
- }
561
-
562
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
563
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
564
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
565
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
566
- -webkit-box-shadow: none;
567
- box-shadow: none;
568
- }
569
-
570
- .e-ddl.e-popup .e-filter-parent {
571
- border-bottom: 1px solid #484848;
572
- }
573
-
574
500
  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
575
501
  width: 100%;
576
502
  border: 0 solid;
@@ -805,46 +731,87 @@ ejs-dropdownlist {
805
731
  color: rgb(221, 218, 218);
806
732
  }
807
733
 
808
- /* stylelint-disable */
809
- /* stylelint-disable */
810
- .e-ddt .e-ddt-icon::before {
811
- content: "\e969";
812
- }
813
- .e-ddt .e-chips-close::before {
814
- content: "\e842";
734
+ .e-popup.e-ddl {
735
+ border-radius: 4px;
736
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
737
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
738
+ margin-top: 3px;
815
739
  }
816
740
 
817
- /* stylelint-disable */
818
- .e-ddt .e-chips {
819
- background-color: #414141;
741
+ .e-popup.e-ddl .e-input-group {
742
+ width: auto;
820
743
  }
821
- .e-ddt .e-chips .e-chips-close::before {
822
- color: #f0f0f0;
744
+
745
+ .e-popup.e-ddl .e-input-group input {
746
+ line-height: 15px;
823
747
  }
824
- .e-ddt .e-chips > .e-chipcontent {
825
- color: #f0f0f0;
748
+
749
+ .e-popup.e-ddl .e-dropdownbase {
750
+ min-height: 26px;
826
751
  }
827
- .e-ddt .e-overflow .e-remain {
828
- color: #8d8d8d;
752
+
753
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
754
+ display: -webkit-box;
755
+ display: -ms-flexbox;
756
+ display: flex;
757
+ width: auto;
829
758
  }
830
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
831
- background-color: #1a1a1a;
759
+
760
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
761
+ border: 0;
832
762
  }
833
- .e-ddt.e-popup {
834
- background: #313131;
763
+
764
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
765
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
766
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
767
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
768
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
769
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
770
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
771
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
772
+ background: transparent;
773
+ color: #f0f0f0;
774
+ }
775
+
776
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
777
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
778
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
779
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
780
+ border: 0;
781
+ }
782
+
783
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
784
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
785
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
786
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
787
+ -webkit-box-shadow: none;
788
+ box-shadow: none;
789
+ }
790
+
791
+ .e-ddl.e-popup .e-filter-parent {
792
+ border-bottom: 1px solid #484848;
793
+ }
794
+
795
+ .e-popup {
835
796
  border-color: #414141;
836
797
  }
837
- .e-ddt.e-popup .e-popup-content.e-no-data {
838
- color: #a4a4a4;
798
+
799
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
800
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
801
+ color: #fff;
839
802
  }
840
- .e-ddt.e-popup .e-selectall-parent {
841
- border-bottom-color: #484848;
803
+
804
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
805
+ border-color: transparent;
842
806
  }
843
- .e-ddt.e-popup .e-selectall-parent:focus {
844
- background: #414141;
807
+
808
+ /* stylelint-disable */
809
+ /* stylelint-disable */
810
+ .e-ddt .e-ddt-icon::before {
811
+ content: "\e969";
845
812
  }
846
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
847
- color: #f0f0f0;
813
+ .e-ddt .e-chips-close::before {
814
+ content: "\e842";
848
815
  }
849
816
 
850
817
  /* stylelint-disable */
@@ -1158,6 +1125,39 @@ ejs-dropdownlist {
1158
1125
  display: none;
1159
1126
  }
1160
1127
 
1128
+ /* stylelint-disable */
1129
+ .e-ddt .e-chips {
1130
+ background-color: #414141;
1131
+ }
1132
+ .e-ddt .e-chips .e-chips-close::before {
1133
+ color: #f0f0f0;
1134
+ }
1135
+ .e-ddt .e-chips > .e-chipcontent {
1136
+ color: #f0f0f0;
1137
+ }
1138
+ .e-ddt .e-overflow .e-remain {
1139
+ color: #8d8d8d;
1140
+ }
1141
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1142
+ background-color: #1a1a1a;
1143
+ }
1144
+ .e-ddt.e-popup {
1145
+ background: #313131;
1146
+ border-color: #414141;
1147
+ }
1148
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1149
+ color: #a4a4a4;
1150
+ }
1151
+ .e-ddt.e-popup .e-selectall-parent {
1152
+ border-bottom-color: #484848;
1153
+ }
1154
+ .e-ddt.e-popup .e-selectall-parent:focus {
1155
+ background: #414141;
1156
+ }
1157
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1158
+ color: #f0f0f0;
1159
+ }
1160
+
1161
1161
  /* stylelint-disable-line no-empty-source */
1162
1162
  /* stylelint-disable-line no-empty-source */
1163
1163
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -1217,6 +1217,14 @@ ejs-dropdownlist {
1217
1217
  content: "\eb08";
1218
1218
  }
1219
1219
 
1220
+ .e-dropdownbase .e-list-item .e-list-icon {
1221
+ padding: 0 10px 0 0;
1222
+ }
1223
+
1224
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
1225
+ padding: 0 8px 0 0;
1226
+ }
1227
+
1220
1228
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1221
1229
  line-height: 30px;
1222
1230
  top: 0;
@@ -1245,331 +1253,92 @@ ejs-dropdownlist {
1245
1253
  color: #fff;
1246
1254
  }
1247
1255
 
1248
- .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1249
- color: #f0f0f0;
1250
- }
1251
-
1252
- .e-multi-select-wrapper .e-chips.e-chip-selected {
1253
- background-color: #505050;
1254
- }
1255
-
1256
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1257
- background-color: #505050;
1258
- }
1259
-
1260
- .e-multiselect {
1256
+ .e-multi-select-wrapper {
1261
1257
  -webkit-box-sizing: border-box;
1262
1258
  box-sizing: border-box;
1259
+ cursor: text;
1260
+ line-height: normal;
1261
+ min-height: 32px;
1262
+ padding: 0 32px 0 2px;
1263
+ position: relative;
1264
+ -webkit-user-select: none;
1265
+ -moz-user-select: none;
1266
+ -ms-user-select: none;
1267
+ user-select: none;
1268
+ width: 100%;
1263
1269
  }
1264
-
1265
- /* stylelint-disable property-no-vendor-prefix */
1266
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1267
- -webkit-text-fill-color: #f0f0f0;
1268
- color: #f0f0f0;
1269
- font-family: inherit;
1270
- font-size: 15px;
1271
- }
1272
-
1273
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1274
- color: #f0f0f0;
1275
- }
1276
-
1277
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1278
- color: #f0f0f0;
1279
- }
1280
-
1281
- .e-multi-select-wrapper .e-chips {
1282
- background-color: #414141;
1283
- border-radius: 4px;
1284
- height: 28px;
1270
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1271
+ height: 27px;
1272
+ vertical-align: middle;
1285
1273
  }
1286
-
1287
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1288
- background-color: #484848;
1274
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1275
+ height: 100%;
1276
+ min-height: 100%;
1289
1277
  }
1290
-
1291
- .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
1292
- color: #f0f0f0;
1278
+ .e-multi-select-wrapper .e-delim-view {
1279
+ white-space: nowrap;
1293
1280
  }
1294
-
1295
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
1296
- -webkit-text-fill-color: #f0f0f0;
1297
- color: #f0f0f0;
1298
- font-size: 10px;
1281
+ .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 {
1282
+ -webkit-box-sizing: border-box;
1283
+ box-sizing: border-box;
1284
+ display: inline-block;
1285
+ overflow: hidden;
1286
+ text-overflow: ellipsis;
1299
1287
  }
1300
-
1301
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1302
- background-color: #0070f0;
1303
- border-radius: 4px;
1288
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1304
1289
  color: #fff;
1305
- height: 46px;
1306
- line-height: 46px;
1290
+ font-size: 10px;
1291
+ left: 17px;
1292
+ top: 8px;
1307
1293
  }
1308
-
1309
1294
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1295
+ background-color: #0070f0;
1310
1296
  color: #fff;
1297
+ padding: 13px 0 13px 0;
1311
1298
  }
1312
-
1313
- .e-multi-select-wrapper .e-chips.e-mob-chip {
1314
- height: 32px;
1299
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1300
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1301
+ width: 0;
1315
1302
  }
1316
-
1317
- .e-popup.e-multi-select-list-wrapper {
1318
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1319
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1320
- -webkit-box-sizing: content-box;
1321
- box-sizing: content-box;
1322
- overflow: initial;
1303
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1304
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1305
+ height: 1px;
1306
+ min-height: 1px;
1323
1307
  }
1324
-
1325
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
1326
- border-bottom: 1px solid transparent;
1327
- border-left: 1px solid #0070f0;
1328
- border-right: 1px solid #0070f0;
1329
- border-top: 1px solid rgb(0, 16.8, 36);
1308
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1309
+ max-width: 100%;
1330
1310
  }
1331
1311
 
1332
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
1333
- background-color: transparent;
1334
- border-color: transparent;
1335
- color: #f0f0f0;
1312
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1313
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1314
+ display: -webkit-box;
1315
+ display: -ms-flexbox;
1316
+ display: flex;
1317
+ float: left;
1318
+ width: auto;
1336
1319
  }
1337
-
1338
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
1339
- background-color: transparent;
1340
- border-color: transparent;
1341
- color: #f0f0f0;
1320
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1321
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1322
+ display: -webkit-inline-box;
1323
+ display: -ms-inline-flexbox;
1324
+ display: inline-flex;
1325
+ float: none;
1342
1326
  }
1343
-
1344
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
1345
- color: #f0f0f0;
1327
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1328
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1329
+ width: 0;
1346
1330
  }
1347
-
1348
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
1349
- color: #f0f0f0;
1331
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1332
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1333
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1334
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1335
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1336
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1337
+ display: none;
1350
1338
  }
1351
-
1352
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
1353
- background-color: #414141;
1354
- }
1355
-
1356
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
1357
- background-color: #414141;
1358
- }
1359
-
1360
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
1361
- border-bottom: 1px solid transparent;
1362
- border-top: 1px solid transparent;
1363
- }
1364
-
1365
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
1366
- border-bottom: 1px solid transparent;
1367
- }
1368
-
1369
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
1370
- border-top: 1px solid transparent;
1371
- }
1372
-
1373
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1374
- background-color: #0070f0;
1375
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1376
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1377
- color: #fff;
1378
- border: 1px solid #104888;
1379
- }
1380
-
1381
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1382
- background-color: #0070f0;
1383
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1384
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1385
- color: #fff;
1386
- border: 1px solid #104888;
1387
- }
1388
-
1389
- .e-popup.e-multi-select-list-wrapper .e-list-item {
1390
- border: 1px solid transparent;
1391
- }
1392
-
1393
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
1394
- border: 1px solid transparent;
1395
- }
1396
-
1397
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1398
- color: #767676;
1399
- }
1400
-
1401
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1402
- color: #767676;
1403
- }
1404
-
1405
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1406
- color: #767676;
1407
- }
1408
-
1409
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1410
- color: #767676;
1411
- }
1412
-
1413
- .e-ul.e-reorder {
1414
- border-bottom: 1px solid #484848;
1415
- }
1416
-
1417
- .e-multi-select-list-wrapper .e-selectall-parent {
1418
- border-bottom: 1px solid #484848;
1419
- }
1420
-
1421
- .e-multi-select-wrapper .e-delim-values {
1422
- -webkit-text-fill-color: #f0f0f0;
1423
- color: #f0f0f0;
1424
- }
1425
-
1426
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1427
- color: #fff;
1428
- }
1429
-
1430
- .e-small .e-multi-select-wrapper .e-chips {
1431
- height: 22px;
1432
- }
1433
-
1434
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1435
- font-size: 13px;
1436
- }
1437
-
1438
- .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1439
- font-size: 8px;
1440
- }
1441
-
1442
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
1443
- left: 8px;
1444
- }
1445
-
1446
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1447
- -webkit-text-fill-color: #9c9c9c;
1448
- color: #9c9c9c;
1449
- }
1450
-
1451
- .e-dropdownbase .e-list-item .e-list-icon {
1452
- padding: 0 10px 0 0;
1453
- }
1454
-
1455
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
1456
- padding: 0 8px 0 0;
1457
- }
1458
-
1459
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1460
- line-height: 30px;
1461
- top: 0;
1462
- }
1463
-
1464
- .e-multiselect .e-input-group-icon.e-ddl-icon {
1465
- border-radius: 0 4px 4px 0;
1466
- border-right-width: 0;
1467
- height: 32px;
1468
- width: 36px;
1469
- }
1470
-
1471
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1472
- border-left-width: 0;
1473
- border-radius: 4px 0 0 4px;
1474
- border-right-width: 1px;
1475
- }
1476
-
1477
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1478
- height: 32px;
1479
- width: 32px;
1480
- }
1481
-
1482
- .e-multi-select-wrapper .e-searcher input[type=text],
1483
- .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1484
- color: #fff;
1485
- }
1486
-
1487
- .e-multi-select-wrapper {
1488
- -webkit-box-sizing: border-box;
1489
- box-sizing: border-box;
1490
- cursor: text;
1491
- line-height: normal;
1492
- min-height: 32px;
1493
- padding: 0 32px 0 2px;
1494
- position: relative;
1495
- -webkit-user-select: none;
1496
- -moz-user-select: none;
1497
- -ms-user-select: none;
1498
- user-select: none;
1499
- width: 100%;
1500
- }
1501
- .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1502
- height: 27px;
1503
- vertical-align: middle;
1504
- }
1505
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1506
- height: 100%;
1507
- min-height: 100%;
1508
- }
1509
- .e-multi-select-wrapper .e-delim-view {
1510
- white-space: nowrap;
1511
- }
1512
- .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 {
1513
- -webkit-box-sizing: border-box;
1514
- box-sizing: border-box;
1515
- display: inline-block;
1516
- overflow: hidden;
1517
- text-overflow: ellipsis;
1518
- }
1519
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1520
- color: #fff;
1521
- font-size: 10px;
1522
- left: 17px;
1523
- top: 8px;
1524
- }
1525
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1526
- background-color: #0070f0;
1527
- color: #fff;
1528
- padding: 13px 0 13px 0;
1529
- }
1530
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1531
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1532
- width: 0;
1533
- }
1534
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1535
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1536
- height: 1px;
1537
- min-height: 1px;
1538
- }
1539
- .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1540
- max-width: 100%;
1541
- }
1542
-
1543
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1544
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1545
- display: -webkit-box;
1546
- display: -ms-flexbox;
1547
- display: flex;
1548
- float: left;
1549
- width: auto;
1550
- }
1551
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1552
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1553
- display: -webkit-inline-box;
1554
- display: -ms-inline-flexbox;
1555
- display: inline-flex;
1556
- float: none;
1557
- }
1558
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1559
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1560
- width: 0;
1561
- }
1562
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1563
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1564
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1565
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1566
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1567
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1568
- display: none;
1569
- }
1570
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1571
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1572
- padding: 0 48px 0 0;
1339
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1340
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1341
+ padding: 0 48px 0 0;
1573
1342
  }
1574
1343
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1575
1344
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
@@ -2252,348 +2021,259 @@ ejs-multiselect {
2252
2021
  color: rgb(221, 218, 218);
2253
2022
  }
2254
2023
 
2255
- .e-listbox-tool .e-moveup::before {
2256
- content: "\e651";
2024
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
2025
+ line-height: 30px;
2026
+ top: 0;
2257
2027
  }
2258
2028
 
2259
- .e-listbox-tool .e-movedown::before {
2260
- content: "\e652";
2029
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
2030
+ border-radius: 0 4px 4px 0;
2031
+ border-right-width: 0;
2032
+ height: 32px;
2033
+ width: 36px;
2261
2034
  }
2262
2035
 
2263
- .e-listbox-tool .e-moveto::before {
2264
- content: "\e653";
2036
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2037
+ border-left-width: 0;
2038
+ border-radius: 4px 0 0 4px;
2039
+ border-right-width: 1px;
2265
2040
  }
2266
2041
 
2267
- .e-listbox-tool .e-movefrom::before {
2268
- content: "\e654";
2042
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2043
+ height: 32px;
2044
+ width: 32px;
2269
2045
  }
2270
2046
 
2271
- .e-listbox-tool .e-moveallto::before {
2272
- content: "\e655";
2047
+ .e-multi-select-wrapper .e-searcher input[type=text],
2048
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
2049
+ color: #fff;
2273
2050
  }
2274
2051
 
2275
- .e-listbox-tool .e-moveallfrom::before {
2276
- content: "\e656";
2052
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2053
+ color: #f0f0f0;
2277
2054
  }
2278
2055
 
2279
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2280
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2281
- height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
2056
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
2057
+ background-color: #505050;
2282
2058
  }
2283
2059
 
2284
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2285
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
2060
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2061
+ background-color: #505050;
2286
2062
  }
2287
2063
 
2288
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2289
- height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
2064
+ .e-multiselect {
2065
+ -webkit-box-sizing: border-box;
2066
+ box-sizing: border-box;
2290
2067
  }
2291
2068
 
2292
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
2293
- height: calc(100% - 91.5px) !important; /* stylelint-disable-line declaration-no-important */
2069
+ /* stylelint-disable property-no-vendor-prefix */
2070
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
2071
+ -webkit-text-fill-color: #f0f0f0;
2072
+ color: #f0f0f0;
2073
+ font-family: inherit;
2074
+ font-size: 15px;
2294
2075
  }
2295
2076
 
2296
- .e-listbox-wrapper,
2297
- .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2298
- .e-listboxtool-container.e-listbox-container .e-ul {
2299
- border: 1px solid #484848;
2077
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2078
+ color: #f0f0f0;
2300
2079
  }
2301
2080
 
2302
- .e-listbox-wrapper,
2303
- .e-listbox-container,
2304
- .e-listboxtool-wrapper {
2305
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
2306
- font-size: 14px;
2307
- }
2308
- .e-listbox-wrapper .e-list-header,
2309
- .e-listbox-container .e-list-header,
2310
- .e-listboxtool-wrapper .e-list-header {
2311
- background-color: #6e6e6e;
2312
- border-color: #414141;
2313
- color: rgba(255, 255, 255, 0.95);
2314
- font-size: 14px;
2081
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2082
+ color: #f0f0f0;
2315
2083
  }
2316
2084
 
2317
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2318
- .e-listbox-container.e-filter-list .e-list-parent,
2319
- .e-listboxtool-wrapper.e-filter-list .e-list-parent {
2320
- height: calc(100% - 52px);
2085
+ .e-multi-select-wrapper .e-chips {
2086
+ background-color: #414141;
2087
+ border-radius: 4px;
2088
+ height: 28px;
2321
2089
  }
2322
2090
 
2323
- .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2324
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
2325
- .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
2326
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2091
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2092
+ background-color: #484848;
2327
2093
  }
2328
2094
 
2329
- .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2330
- .e-listbox-container .e-selectall-parent + .e-list-parent,
2331
- .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
2332
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2095
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2096
+ color: #f0f0f0;
2333
2097
  }
2334
2098
 
2335
- .e-listbox-wrapper .e-list-item,
2336
- .e-listbox-container .e-list-item,
2337
- .e-listboxtool-wrapper .e-list-item {
2338
- background-color: #1a1a1a;
2339
- border-bottom: 1px solid #414141;
2340
- border-left: 0 solid transparent;
2341
- border-right: 0 solid transparent;
2342
- border-top: 0 solid transparent;
2099
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
2100
+ -webkit-text-fill-color: #f0f0f0;
2343
2101
  color: #f0f0f0;
2102
+ font-size: 10px;
2344
2103
  }
2345
2104
 
2346
- .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),
2347
- .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
2348
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
2349
- .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
2350
- .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
2351
- background-color: #313131;
2352
- border-color: transparent;
2353
- color: rgba(255, 255, 255, 0.87);
2105
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2106
+ background-color: #0070f0;
2107
+ border-radius: 4px;
2108
+ color: #fff;
2109
+ height: 46px;
2110
+ line-height: 46px;
2354
2111
  }
2355
2112
 
2356
- .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
2357
- .e-listbox-container .e-list-item.e-selected.e-checklist,
2358
- .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
2359
- background-color: #1a1a1a;
2360
- color: #f0f0f0;
2113
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2114
+ color: #fff;
2361
2115
  }
2362
2116
 
2363
- .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,
2364
- .e-listbox-container .e-list-item.e-focused,
2365
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
2366
- .e-listbox-container .e-list-item.e-selected,
2367
- .e-listboxtool-wrapper .e-list-item.e-focused,
2368
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
2369
- .e-listboxtool-wrapper .e-list-item.e-selected {
2370
- background-color: #414141;
2371
- color: rgba(255, 255, 255, 0.87);
2117
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2118
+ height: 32px;
2372
2119
  }
2373
2120
 
2374
- .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,
2375
- .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2376
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
2377
- .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2378
- .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
2379
- background-color: #1a1a1a;
2380
- border-color: #f0f0f0;
2381
- color: #f0f0f0;
2121
+ .e-popup.e-multi-select-list-wrapper {
2122
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2123
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2124
+ -webkit-box-sizing: content-box;
2125
+ box-sizing: content-box;
2126
+ overflow: initial;
2382
2127
  }
2383
2128
 
2384
- .e-listbox-wrapper .e-list-group-item,
2385
- .e-listbox-container .e-list-group-item,
2386
- .e-listboxtool-wrapper .e-list-group-item {
2387
- background-color: #1a1a1a;
2388
- border-color: #414141;
2389
- color: rgb(61.5, 151.8, 255);
2390
- font-size: 14px;
2129
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2130
+ border-bottom: 1px solid transparent;
2131
+ border-left: 1px solid #0070f0;
2132
+ border-right: 1px solid #0070f0;
2133
+ border-top: 1px solid rgb(0, 16.8, 36);
2391
2134
  }
2392
2135
 
2393
- .e-listbox-wrapper .e-selectall-parent,
2394
- .e-listbox-container .e-selectall-parent,
2395
- .e-listboxtool-wrapper .e-selectall-parent {
2396
- background-color: #1a1a1a;
2397
- border-bottom: 1px solid #484848;
2136
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2137
+ background-color: transparent;
2138
+ border-color: transparent;
2398
2139
  color: #f0f0f0;
2399
2140
  }
2400
2141
 
2401
- .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
2402
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
2403
- .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
2142
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2404
2143
  background-color: transparent;
2144
+ border-color: transparent;
2145
+ color: #f0f0f0;
2405
2146
  }
2406
2147
 
2407
- .e-listbox-wrapper.e-list-template .e-list-wrapper,
2408
- .e-listbox-container.e-list-template .e-list-wrapper,
2409
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
2410
- height: inherit;
2411
- position: relative;
2148
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2149
+ color: #f0f0f0;
2412
2150
  }
2413
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2414
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2415
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
2416
- padding: 0.7142em 1.0714em;
2151
+
2152
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
2153
+ color: #f0f0f0;
2417
2154
  }
2418
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
2419
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
2420
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
2421
- padding: 0.7142em 1.0714em;
2155
+
2156
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2157
+ background-color: #414141;
2422
2158
  }
2423
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2424
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2425
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
2426
- color: #fff;
2427
- display: block;
2428
- font-size: 18px;
2429
- font-weight: 500;
2430
- margin: 0;
2431
- overflow: hidden;
2432
- padding: 0.038em 0;
2433
- text-overflow: ellipsis;
2434
- white-space: nowrap;
2159
+
2160
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2161
+ background-color: #414141;
2435
2162
  }
2436
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2437
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2438
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
2439
- color: #393939;
2440
- display: block;
2441
- font-size: 14px;
2442
- margin: 0;
2443
- padding: 0.038em 0;
2444
- word-wrap: break-word;
2163
+
2164
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2165
+ border-bottom: 1px solid transparent;
2166
+ border-top: 1px solid transparent;
2445
2167
  }
2446
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2447
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2448
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
2449
- overflow: hidden;
2450
- text-overflow: ellipsis;
2451
- white-space: nowrap;
2168
+
2169
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2170
+ border-bottom: 1px solid transparent;
2452
2171
  }
2453
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2454
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2455
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2456
- height: 2.8571em;
2457
- left: 1.0667em;
2458
- position: absolute;
2459
- width: 2.8571em;
2460
- left: 1.0667em;
2172
+
2173
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
2174
+ border-top: 1px solid transparent;
2461
2175
  }
2462
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2463
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2464
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
2465
- padding-left: 4.6428em;
2466
- padding-right: 1.0714em;
2176
+
2177
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2178
+ background-color: #0070f0;
2179
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2180
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2181
+ color: #fff;
2182
+ border: 1px solid #104888;
2467
2183
  }
2468
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2469
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2470
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
2471
- padding-left: 1.0714em;
2472
- padding-right: 4.6428em;
2184
+
2185
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2186
+ background-color: #0070f0;
2187
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2188
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2189
+ color: #fff;
2190
+ border: 1px solid #104888;
2473
2191
  }
2474
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2475
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2476
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2477
- height: 2.8571em;
2478
- left: 1.0667em;
2479
- position: absolute;
2480
- width: 2.8571em;
2481
- right: 1.0667em;
2192
+
2193
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
2194
+ border: 1px solid transparent;
2482
2195
  }
2483
- .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,
2484
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2485
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2486
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2487
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2488
- top: 0.7142em;
2196
+
2197
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2198
+ border: 1px solid transparent;
2489
2199
  }
2490
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2491
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2492
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
2493
- font-size: 15px;
2494
- height: 1.333em;
2495
- line-height: 1.433em;
2496
- padding: 0;
2497
- position: absolute;
2498
- right: 1em;
2499
- top: 50%;
2500
- -webkit-transform: translateY(-50%);
2501
- transform: translateY(-50%);
2502
- width: 2em;
2200
+
2201
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2202
+ color: #767676;
2503
2203
  }
2504
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2505
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2506
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
2507
- padding-left: 4.6428em;
2508
- padding-right: 3.9285em;
2204
+
2205
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2206
+ color: #767676;
2509
2207
  }
2510
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2511
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2512
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
2513
- padding-left: 1.0714em;
2514
- padding-right: 3.9285em;
2208
+
2209
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2210
+ color: #767676;
2515
2211
  }
2516
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2517
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2518
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
2519
- display: block;
2520
- margin: 0;
2521
- overflow: hidden;
2522
- padding: 0.83em 0;
2523
- text-overflow: ellipsis;
2524
- white-space: nowrap;
2212
+
2213
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2214
+ color: #767676;
2525
2215
  }
2526
- .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,
2527
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2528
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
2529
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2530
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
2531
- color: rgba(255, 255, 255, 0.87);
2216
+
2217
+ .e-ul.e-reorder {
2218
+ border-bottom: 1px solid #484848;
2532
2219
  }
2533
- .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,
2534
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
2535
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
2536
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
2537
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
2538
- color: rgba(255, 255, 255, 0.87);
2220
+
2221
+ .e-multi-select-list-wrapper .e-selectall-parent {
2222
+ border-bottom: 1px solid #484848;
2539
2223
  }
2540
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2541
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2542
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2543
- left: inherit;
2544
- right: 1.0667em;
2224
+
2225
+ .e-multi-select-wrapper .e-delim-values {
2226
+ -webkit-text-fill-color: #f0f0f0;
2227
+ color: #f0f0f0;
2545
2228
  }
2546
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2547
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2548
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
2549
- padding-left: 1.0714em;
2550
- padding-right: 4.6428em;
2229
+
2230
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2231
+ color: #fff;
2551
2232
  }
2552
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2553
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2554
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
2555
- padding-left: 4.6428em;
2556
- padding-right: 1.0714em;
2233
+
2234
+ .e-small .e-multi-select-wrapper .e-chips {
2235
+ height: 22px;
2557
2236
  }
2558
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2559
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2560
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2561
- left: 1.0667em;
2562
- right: inherit;
2237
+
2238
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2239
+ font-size: 13px;
2563
2240
  }
2564
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2565
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2566
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
2567
- left: 1em;
2568
- right: inherit;
2241
+
2242
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2243
+ font-size: 8px;
2569
2244
  }
2570
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2571
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2572
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
2573
- padding-left: 3.9285em;
2574
- padding-right: 4.6428em;
2245
+
2246
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
2247
+ left: 8px;
2575
2248
  }
2576
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2577
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2578
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
2579
- padding-left: 3.9285em;
2580
- padding-right: 1.0714em;
2249
+
2250
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2251
+ -webkit-text-fill-color: #9c9c9c;
2252
+ color: #9c9c9c;
2581
2253
  }
2582
2254
 
2583
- .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 {
2584
- height: 100%;
2255
+ .e-listbox-tool .e-moveup::before {
2256
+ content: "\e651";
2585
2257
  }
2586
2258
 
2587
- .e-listbox-container.e-filter-list .e-list-wrap {
2588
- height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2259
+ .e-listbox-tool .e-movedown::before {
2260
+ content: "\e652";
2589
2261
  }
2590
2262
 
2591
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
2592
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2263
+ .e-listbox-tool .e-moveto::before {
2264
+ content: "\e653";
2593
2265
  }
2594
2266
 
2595
- .e-listbox-container .e-selectall-parent + .e-list-wrap {
2596
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2267
+ .e-listbox-tool .e-movefrom::before {
2268
+ content: "\e654";
2269
+ }
2270
+
2271
+ .e-listbox-tool .e-moveallto::before {
2272
+ content: "\e655";
2273
+ }
2274
+
2275
+ .e-listbox-tool .e-moveallfrom::before {
2276
+ content: "\e656";
2597
2277
  }
2598
2278
 
2599
2279
  /* stylelint-disable property-no-vendor-prefix */
@@ -3047,4 +2727,324 @@ ejs-listbox {
3047
2727
  width: auto;
3048
2728
  height: auto;
3049
2729
  padding-bottom: 0;
2730
+ }
2731
+
2732
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2733
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
2734
+ height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
2735
+ }
2736
+
2737
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2738
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
2739
+ }
2740
+
2741
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2742
+ height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
2743
+ }
2744
+
2745
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
2746
+ height: calc(100% - 91.5px) !important; /* stylelint-disable-line declaration-no-important */
2747
+ }
2748
+
2749
+ .e-listbox-wrapper,
2750
+ .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2751
+ .e-listboxtool-container.e-listbox-container .e-ul {
2752
+ border: 1px solid #484848;
2753
+ }
2754
+
2755
+ .e-listbox-wrapper,
2756
+ .e-listbox-container,
2757
+ .e-listboxtool-wrapper {
2758
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
2759
+ font-size: 14px;
2760
+ }
2761
+ .e-listbox-wrapper .e-list-header,
2762
+ .e-listbox-container .e-list-header,
2763
+ .e-listboxtool-wrapper .e-list-header {
2764
+ background-color: #6e6e6e;
2765
+ border-color: #414141;
2766
+ color: rgba(255, 255, 255, 0.95);
2767
+ font-size: 14px;
2768
+ }
2769
+
2770
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
2771
+ .e-listbox-container.e-filter-list .e-list-parent,
2772
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
2773
+ height: calc(100% - 52px);
2774
+ }
2775
+
2776
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2777
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
2778
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
2779
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2780
+ }
2781
+
2782
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2783
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
2784
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
2785
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2786
+ }
2787
+
2788
+ .e-listbox-wrapper .e-list-item,
2789
+ .e-listbox-container .e-list-item,
2790
+ .e-listboxtool-wrapper .e-list-item {
2791
+ background-color: #1a1a1a;
2792
+ border-bottom: 1px solid #414141;
2793
+ border-left: 0 solid transparent;
2794
+ border-right: 0 solid transparent;
2795
+ border-top: 0 solid transparent;
2796
+ color: #f0f0f0;
2797
+ }
2798
+
2799
+ .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),
2800
+ .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
2801
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
2802
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
2803
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
2804
+ background-color: #313131;
2805
+ border-color: transparent;
2806
+ color: rgba(255, 255, 255, 0.87);
2807
+ }
2808
+
2809
+ .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
2810
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
2811
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
2812
+ background-color: #1a1a1a;
2813
+ color: #f0f0f0;
2814
+ }
2815
+
2816
+ .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,
2817
+ .e-listbox-container .e-list-item.e-focused,
2818
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
2819
+ .e-listbox-container .e-list-item.e-selected,
2820
+ .e-listboxtool-wrapper .e-list-item.e-focused,
2821
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
2822
+ .e-listboxtool-wrapper .e-list-item.e-selected {
2823
+ background-color: #414141;
2824
+ color: rgba(255, 255, 255, 0.87);
2825
+ }
2826
+
2827
+ .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,
2828
+ .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2829
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
2830
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2831
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
2832
+ background-color: #1a1a1a;
2833
+ border-color: #f0f0f0;
2834
+ color: #f0f0f0;
2835
+ }
2836
+
2837
+ .e-listbox-wrapper .e-list-group-item,
2838
+ .e-listbox-container .e-list-group-item,
2839
+ .e-listboxtool-wrapper .e-list-group-item {
2840
+ background-color: #1a1a1a;
2841
+ border-color: #414141;
2842
+ color: rgb(61.5, 151.8, 255);
2843
+ font-size: 14px;
2844
+ }
2845
+
2846
+ .e-listbox-wrapper .e-selectall-parent,
2847
+ .e-listbox-container .e-selectall-parent,
2848
+ .e-listboxtool-wrapper .e-selectall-parent {
2849
+ background-color: #1a1a1a;
2850
+ border-bottom: 1px solid #484848;
2851
+ color: #f0f0f0;
2852
+ }
2853
+
2854
+ .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
2855
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
2856
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
2857
+ background-color: transparent;
2858
+ }
2859
+
2860
+ .e-listbox-wrapper.e-list-template .e-list-wrapper,
2861
+ .e-listbox-container.e-list-template .e-list-wrapper,
2862
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
2863
+ height: inherit;
2864
+ position: relative;
2865
+ }
2866
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2867
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2868
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
2869
+ padding: 0.7142em 1.0714em;
2870
+ }
2871
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
2872
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
2873
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
2874
+ padding: 0.7142em 1.0714em;
2875
+ }
2876
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2877
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2878
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
2879
+ color: #fff;
2880
+ display: block;
2881
+ font-size: 18px;
2882
+ font-weight: 500;
2883
+ margin: 0;
2884
+ overflow: hidden;
2885
+ padding: 0.038em 0;
2886
+ text-overflow: ellipsis;
2887
+ white-space: nowrap;
2888
+ }
2889
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2890
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2891
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
2892
+ color: #393939;
2893
+ display: block;
2894
+ font-size: 14px;
2895
+ margin: 0;
2896
+ padding: 0.038em 0;
2897
+ word-wrap: break-word;
2898
+ }
2899
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2900
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2901
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
2902
+ overflow: hidden;
2903
+ text-overflow: ellipsis;
2904
+ white-space: nowrap;
2905
+ }
2906
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2907
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2908
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2909
+ height: 2.8571em;
2910
+ left: 1.0667em;
2911
+ position: absolute;
2912
+ width: 2.8571em;
2913
+ left: 1.0667em;
2914
+ }
2915
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2916
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2917
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
2918
+ padding-left: 4.6428em;
2919
+ padding-right: 1.0714em;
2920
+ }
2921
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2922
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2923
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
2924
+ padding-left: 1.0714em;
2925
+ padding-right: 4.6428em;
2926
+ }
2927
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2928
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2929
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2930
+ height: 2.8571em;
2931
+ left: 1.0667em;
2932
+ position: absolute;
2933
+ width: 2.8571em;
2934
+ right: 1.0667em;
2935
+ }
2936
+ .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,
2937
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2938
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2939
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2940
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2941
+ top: 0.7142em;
2942
+ }
2943
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2944
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2945
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
2946
+ font-size: 15px;
2947
+ height: 1.333em;
2948
+ line-height: 1.433em;
2949
+ padding: 0;
2950
+ position: absolute;
2951
+ right: 1em;
2952
+ top: 50%;
2953
+ -webkit-transform: translateY(-50%);
2954
+ transform: translateY(-50%);
2955
+ width: 2em;
2956
+ }
2957
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2958
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2959
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
2960
+ padding-left: 4.6428em;
2961
+ padding-right: 3.9285em;
2962
+ }
2963
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2964
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2965
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
2966
+ padding-left: 1.0714em;
2967
+ padding-right: 3.9285em;
2968
+ }
2969
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2970
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2971
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
2972
+ display: block;
2973
+ margin: 0;
2974
+ overflow: hidden;
2975
+ padding: 0.83em 0;
2976
+ text-overflow: ellipsis;
2977
+ white-space: nowrap;
2978
+ }
2979
+ .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,
2980
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2981
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
2982
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2983
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
2984
+ color: rgba(255, 255, 255, 0.87);
2985
+ }
2986
+ .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,
2987
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
2988
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
2989
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
2990
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
2991
+ color: rgba(255, 255, 255, 0.87);
2992
+ }
2993
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2994
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2995
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2996
+ left: inherit;
2997
+ right: 1.0667em;
2998
+ }
2999
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3000
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3001
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3002
+ padding-left: 1.0714em;
3003
+ padding-right: 4.6428em;
3004
+ }
3005
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3006
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3007
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3008
+ padding-left: 4.6428em;
3009
+ padding-right: 1.0714em;
3010
+ }
3011
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3012
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3013
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3014
+ left: 1.0667em;
3015
+ right: inherit;
3016
+ }
3017
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3018
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3019
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3020
+ left: 1em;
3021
+ right: inherit;
3022
+ }
3023
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3024
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3025
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3026
+ padding-left: 3.9285em;
3027
+ padding-right: 4.6428em;
3028
+ }
3029
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3030
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3031
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3032
+ padding-left: 3.9285em;
3033
+ padding-right: 1.0714em;
3034
+ }
3035
+
3036
+ .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 {
3037
+ height: 100%;
3038
+ }
3039
+
3040
+ .e-listbox-container.e-filter-list .e-list-wrap {
3041
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3042
+ }
3043
+
3044
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3045
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3046
+ }
3047
+
3048
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3049
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3050
3050
  }