@syncfusion/ej2-dropdowns 32.1.24 → 32.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (268) hide show
  1. package/.eslintrc.json +263 -0
  2. package/aceconfig.js +17 -0
  3. package/dist/ej2-dropdowns.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js +2 -2
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +14 -6
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +14 -6
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +2 -2
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +8 -8
  14. package/src/drop-down-list/drop-down-list.js +1 -1
  15. package/src/multi-select/multi-select.js +13 -5
  16. package/styles/bds-lite.css +898 -898
  17. package/styles/bds.css +1302 -1302
  18. package/styles/bootstrap-dark-lite.css +870 -870
  19. package/styles/bootstrap-dark.css +1275 -1275
  20. package/styles/bootstrap-lite.css +867 -867
  21. package/styles/bootstrap.css +1278 -1278
  22. package/styles/bootstrap4-lite.css +1408 -1408
  23. package/styles/bootstrap4.css +1721 -1721
  24. package/styles/bootstrap5-dark-lite.css +1769 -1769
  25. package/styles/bootstrap5-dark.css +1710 -1710
  26. package/styles/bootstrap5-lite.css +1396 -1396
  27. package/styles/bootstrap5.3-lite.css +1138 -1138
  28. package/styles/bootstrap5.3.css +1592 -1592
  29. package/styles/bootstrap5.css +1711 -1711
  30. package/styles/drop-down-base/_all.bds.scss +1 -1
  31. package/styles/drop-down-base/_all.bootstrap-dark.scss +1 -1
  32. package/styles/drop-down-base/_all.bootstrap.scss +1 -1
  33. package/styles/drop-down-base/_all.bootstrap4.scss +1 -1
  34. package/styles/drop-down-base/_all.bootstrap5-dark.scss +1 -1
  35. package/styles/drop-down-base/_all.bootstrap5.3.scss +1 -1
  36. package/styles/drop-down-base/_all.bootstrap5.scss +1 -1
  37. package/styles/drop-down-base/_all.fabric-dark.scss +1 -1
  38. package/styles/drop-down-base/_all.fabric.scss +1 -1
  39. package/styles/drop-down-base/_all.fluent-dark.scss +1 -1
  40. package/styles/drop-down-base/_all.fluent.scss +1 -1
  41. package/styles/drop-down-base/_all.fluent2.scss +1 -1
  42. package/styles/drop-down-base/_all.highcontrast-light.scss +1 -1
  43. package/styles/drop-down-base/_all.highcontrast.scss +1 -1
  44. package/styles/drop-down-base/_all.material-dark.scss +1 -1
  45. package/styles/drop-down-base/_all.material.scss +1 -1
  46. package/styles/drop-down-base/_all.material3-dark.scss +1 -1
  47. package/styles/drop-down-base/_all.material3.scss +1 -1
  48. package/styles/drop-down-base/_all.tailwind-dark.scss +1 -1
  49. package/styles/drop-down-base/_all.tailwind.scss +1 -1
  50. package/styles/drop-down-base/_all.tailwind3.scss +1 -1
  51. package/styles/drop-down-base/bds.css +164 -164
  52. package/styles/drop-down-base/bootstrap-dark.css +130 -130
  53. package/styles/drop-down-base/bootstrap.css +130 -130
  54. package/styles/drop-down-base/bootstrap4.css +136 -136
  55. package/styles/drop-down-base/bootstrap5-dark.css +143 -143
  56. package/styles/drop-down-base/bootstrap5.3.css +219 -219
  57. package/styles/drop-down-base/bootstrap5.css +143 -143
  58. package/styles/drop-down-base/fabric-dark.css +130 -130
  59. package/styles/drop-down-base/fabric.css +130 -130
  60. package/styles/drop-down-base/fluent-dark.css +148 -148
  61. package/styles/drop-down-base/fluent.css +148 -148
  62. package/styles/drop-down-base/fluent2.css +215 -215
  63. package/styles/drop-down-base/highcontrast-light.css +146 -146
  64. package/styles/drop-down-base/highcontrast.css +146 -146
  65. package/styles/drop-down-base/material-dark.css +130 -130
  66. package/styles/drop-down-base/material.css +130 -130
  67. package/styles/drop-down-base/material3-dark.css +212 -212
  68. package/styles/drop-down-base/material3.css +214 -214
  69. package/styles/drop-down-base/tailwind-dark.css +155 -155
  70. package/styles/drop-down-base/tailwind.css +155 -155
  71. package/styles/drop-down-base/tailwind3.css +215 -215
  72. package/styles/drop-down-list/_all.bds.scss +1 -1
  73. package/styles/drop-down-list/_all.bootstrap-dark.scss +1 -1
  74. package/styles/drop-down-list/_all.bootstrap.scss +1 -1
  75. package/styles/drop-down-list/_all.bootstrap4.scss +1 -1
  76. package/styles/drop-down-list/_all.bootstrap5-dark.scss +1 -1
  77. package/styles/drop-down-list/_all.bootstrap5.3.scss +1 -1
  78. package/styles/drop-down-list/_all.bootstrap5.scss +1 -1
  79. package/styles/drop-down-list/_all.fabric-dark.scss +1 -1
  80. package/styles/drop-down-list/_all.fabric.scss +1 -1
  81. package/styles/drop-down-list/_all.fluent-dark.scss +1 -1
  82. package/styles/drop-down-list/_all.fluent.scss +1 -1
  83. package/styles/drop-down-list/_all.fluent2.scss +1 -1
  84. package/styles/drop-down-list/_all.highcontrast-light.scss +1 -1
  85. package/styles/drop-down-list/_all.highcontrast.scss +1 -1
  86. package/styles/drop-down-list/_all.material-dark.scss +1 -1
  87. package/styles/drop-down-list/_all.material.scss +1 -1
  88. package/styles/drop-down-list/_all.material3-dark.scss +1 -1
  89. package/styles/drop-down-list/_all.material3.scss +1 -1
  90. package/styles/drop-down-list/_all.tailwind-dark.scss +1 -1
  91. package/styles/drop-down-list/_all.tailwind.scss +1 -1
  92. package/styles/drop-down-list/_all.tailwind3.scss +1 -1
  93. package/styles/drop-down-list/bds.css +87 -87
  94. package/styles/drop-down-list/bootstrap-dark.css +74 -74
  95. package/styles/drop-down-list/bootstrap.css +74 -74
  96. package/styles/drop-down-list/bootstrap4.css +111 -111
  97. package/styles/drop-down-list/bootstrap5-dark.css +113 -113
  98. package/styles/drop-down-list/bootstrap5.3.css +197 -197
  99. package/styles/drop-down-list/bootstrap5.css +113 -113
  100. package/styles/drop-down-list/fabric-dark.css +48 -48
  101. package/styles/drop-down-list/fabric.css +48 -48
  102. package/styles/drop-down-list/fluent-dark.css +105 -105
  103. package/styles/drop-down-list/fluent.css +105 -105
  104. package/styles/drop-down-list/fluent2.css +204 -204
  105. package/styles/drop-down-list/highcontrast-light.css +63 -63
  106. package/styles/drop-down-list/highcontrast.css +64 -64
  107. package/styles/drop-down-list/material-dark.css +96 -96
  108. package/styles/drop-down-list/material.css +100 -100
  109. package/styles/drop-down-list/material3-dark.css +235 -235
  110. package/styles/drop-down-list/material3.css +235 -235
  111. package/styles/drop-down-list/tailwind-dark.css +83 -83
  112. package/styles/drop-down-list/tailwind.css +83 -83
  113. package/styles/drop-down-list/tailwind3.css +186 -186
  114. package/styles/drop-down-tree/_all.bds.scss +1 -1
  115. package/styles/drop-down-tree/_all.bootstrap-dark.scss +1 -1
  116. package/styles/drop-down-tree/_all.bootstrap.scss +1 -1
  117. package/styles/drop-down-tree/_all.bootstrap4.scss +1 -1
  118. package/styles/drop-down-tree/_all.bootstrap5-dark.scss +1 -1
  119. package/styles/drop-down-tree/_all.bootstrap5.3.scss +1 -1
  120. package/styles/drop-down-tree/_all.bootstrap5.scss +1 -1
  121. package/styles/drop-down-tree/_all.fabric-dark.scss +1 -1
  122. package/styles/drop-down-tree/_all.fabric.scss +1 -1
  123. package/styles/drop-down-tree/_all.fluent-dark.scss +1 -1
  124. package/styles/drop-down-tree/_all.fluent.scss +1 -1
  125. package/styles/drop-down-tree/_all.fluent2.scss +1 -1
  126. package/styles/drop-down-tree/_all.highcontrast-light.scss +1 -1
  127. package/styles/drop-down-tree/_all.highcontrast.scss +1 -1
  128. package/styles/drop-down-tree/_all.material-dark.scss +1 -1
  129. package/styles/drop-down-tree/_all.material.scss +1 -1
  130. package/styles/drop-down-tree/_all.material3-dark.scss +1 -1
  131. package/styles/drop-down-tree/_all.material3.scss +1 -1
  132. package/styles/drop-down-tree/_all.tailwind-dark.scss +1 -1
  133. package/styles/drop-down-tree/_all.tailwind.scss +1 -1
  134. package/styles/drop-down-tree/_all.tailwind3.scss +1 -1
  135. package/styles/drop-down-tree/bds.css +56 -56
  136. package/styles/drop-down-tree/bootstrap-dark.css +33 -33
  137. package/styles/drop-down-tree/bootstrap.css +33 -33
  138. package/styles/drop-down-tree/bootstrap4.css +39 -39
  139. package/styles/drop-down-tree/bootstrap5-dark.css +40 -40
  140. package/styles/drop-down-tree/bootstrap5.3.css +124 -124
  141. package/styles/drop-down-tree/bootstrap5.css +40 -40
  142. package/styles/drop-down-tree/fabric-dark.css +33 -33
  143. package/styles/drop-down-tree/fabric.css +33 -33
  144. package/styles/drop-down-tree/fluent-dark.css +33 -33
  145. package/styles/drop-down-tree/fluent.css +33 -33
  146. package/styles/drop-down-tree/fluent2.css +122 -122
  147. package/styles/drop-down-tree/highcontrast-light.css +33 -33
  148. package/styles/drop-down-tree/highcontrast.css +42 -42
  149. package/styles/drop-down-tree/material-dark.css +33 -33
  150. package/styles/drop-down-tree/material.css +33 -33
  151. package/styles/drop-down-tree/material3-dark.css +115 -115
  152. package/styles/drop-down-tree/material3.css +117 -117
  153. package/styles/drop-down-tree/tailwind-dark.css +52 -52
  154. package/styles/drop-down-tree/tailwind.css +52 -52
  155. package/styles/drop-down-tree/tailwind3.css +107 -107
  156. package/styles/fabric-dark-lite.css +877 -877
  157. package/styles/fabric-dark.css +1274 -1274
  158. package/styles/fabric-lite.css +877 -877
  159. package/styles/fabric.css +1147 -1147
  160. package/styles/fluent-dark-lite.css +1765 -1765
  161. package/styles/fluent-dark.css +1718 -1718
  162. package/styles/fluent-lite.css +1765 -1765
  163. package/styles/fluent.css +1718 -1718
  164. package/styles/fluent2-lite.css +2081 -2081
  165. package/styles/fluent2.css +1703 -1703
  166. package/styles/highcontrast-light-lite.css +1412 -1412
  167. package/styles/highcontrast-light.css +1760 -1760
  168. package/styles/highcontrast-lite.css +1751 -1751
  169. package/styles/highcontrast.css +1768 -1768
  170. package/styles/list-box/_all.bds.scss +1 -1
  171. package/styles/list-box/_all.bootstrap-dark.scss +1 -1
  172. package/styles/list-box/_all.bootstrap.scss +1 -1
  173. package/styles/list-box/_all.bootstrap4.scss +1 -1
  174. package/styles/list-box/_all.bootstrap5-dark.scss +1 -1
  175. package/styles/list-box/_all.bootstrap5.3.scss +1 -1
  176. package/styles/list-box/_all.bootstrap5.scss +1 -1
  177. package/styles/list-box/_all.fabric-dark.scss +1 -1
  178. package/styles/list-box/_all.fabric.scss +1 -1
  179. package/styles/list-box/_all.fluent-dark.scss +1 -1
  180. package/styles/list-box/_all.fluent.scss +1 -1
  181. package/styles/list-box/_all.fluent2.scss +1 -1
  182. package/styles/list-box/_all.highcontrast-light.scss +1 -1
  183. package/styles/list-box/_all.highcontrast.scss +1 -1
  184. package/styles/list-box/_all.material-dark.scss +1 -1
  185. package/styles/list-box/_all.material.scss +1 -1
  186. package/styles/list-box/_all.material3-dark.scss +1 -1
  187. package/styles/list-box/_all.material3.scss +1 -1
  188. package/styles/list-box/_all.tailwind-dark.scss +1 -1
  189. package/styles/list-box/_all.tailwind.scss +1 -1
  190. package/styles/list-box/_all.tailwind3.scss +1 -1
  191. package/styles/list-box/bds.css +654 -654
  192. package/styles/list-box/bootstrap-dark.css +644 -644
  193. package/styles/list-box/bootstrap.css +649 -649
  194. package/styles/list-box/bootstrap4.css +649 -649
  195. package/styles/list-box/bootstrap5-dark.css +649 -649
  196. package/styles/list-box/bootstrap5.3.css +659 -659
  197. package/styles/list-box/bootstrap5.css +649 -649
  198. package/styles/list-box/fabric-dark.css +644 -644
  199. package/styles/list-box/fabric.css +649 -649
  200. package/styles/list-box/fluent-dark.css +649 -649
  201. package/styles/list-box/fluent.css +649 -649
  202. package/styles/list-box/fluent2.css +692 -692
  203. package/styles/list-box/highcontrast-light.css +644 -644
  204. package/styles/list-box/highcontrast.css +649 -649
  205. package/styles/list-box/material-dark.css +643 -643
  206. package/styles/list-box/material.css +648 -648
  207. package/styles/list-box/material3-dark.css +659 -659
  208. package/styles/list-box/material3.css +659 -659
  209. package/styles/list-box/tailwind-dark.css +640 -640
  210. package/styles/list-box/tailwind.css +640 -640
  211. package/styles/list-box/tailwind3.css +698 -698
  212. package/styles/material-dark-lite.css +1566 -1566
  213. package/styles/material-dark.css +2278 -2278
  214. package/styles/material-lite.css +1659 -1659
  215. package/styles/material.css +1921 -1921
  216. package/styles/material3-dark-lite.css +2644 -2644
  217. package/styles/material3-dark.css +2687 -2687
  218. package/styles/material3-lite.css +2663 -2663
  219. package/styles/material3.css +2684 -2684
  220. package/styles/multi-select/_all.bds.scss +1 -1
  221. package/styles/multi-select/_all.bootstrap-dark.scss +1 -1
  222. package/styles/multi-select/_all.bootstrap.scss +1 -1
  223. package/styles/multi-select/_all.bootstrap4.scss +1 -1
  224. package/styles/multi-select/_all.bootstrap5-dark.scss +1 -1
  225. package/styles/multi-select/_all.bootstrap5.3.scss +1 -1
  226. package/styles/multi-select/_all.bootstrap5.scss +1 -1
  227. package/styles/multi-select/_all.fabric-dark.scss +1 -1
  228. package/styles/multi-select/_all.fabric.scss +1 -1
  229. package/styles/multi-select/_all.fluent-dark.scss +1 -1
  230. package/styles/multi-select/_all.fluent.scss +1 -1
  231. package/styles/multi-select/_all.fluent2.scss +1 -1
  232. package/styles/multi-select/_all.highcontrast-light.scss +1 -1
  233. package/styles/multi-select/_all.highcontrast.scss +1 -1
  234. package/styles/multi-select/_all.material-dark.scss +1 -1
  235. package/styles/multi-select/_all.material.scss +1 -1
  236. package/styles/multi-select/_all.material3-dark.scss +1 -1
  237. package/styles/multi-select/_all.material3.scss +1 -1
  238. package/styles/multi-select/_all.tailwind-dark.scss +1 -1
  239. package/styles/multi-select/_all.tailwind.scss +1 -1
  240. package/styles/multi-select/_all.tailwind3.scss +1 -1
  241. package/styles/multi-select/bds.css +221 -221
  242. package/styles/multi-select/bootstrap-dark.css +231 -231
  243. package/styles/multi-select/bootstrap.css +224 -224
  244. package/styles/multi-select/bootstrap4.css +676 -676
  245. package/styles/multi-select/bootstrap5-dark.css +235 -235
  246. package/styles/multi-select/bootstrap5.3.css +336 -336
  247. package/styles/multi-select/bootstrap5.css +235 -235
  248. package/styles/multi-select/fabric-dark.css +225 -225
  249. package/styles/multi-select/fabric.css +220 -220
  250. package/styles/multi-select/fluent-dark.css +677 -677
  251. package/styles/multi-select/fluent.css +677 -677
  252. package/styles/multi-select/fluent2.css +959 -959
  253. package/styles/multi-select/highcontrast-light.css +789 -789
  254. package/styles/multi-select/highcontrast.css +793 -793
  255. package/styles/multi-select/material-dark.css +918 -918
  256. package/styles/multi-select/material.css +920 -920
  257. package/styles/multi-select/material3-dark.css +1330 -1330
  258. package/styles/multi-select/material3.css +1334 -1334
  259. package/styles/multi-select/tailwind-dark.css +217 -217
  260. package/styles/multi-select/tailwind.css +217 -217
  261. package/styles/multi-select/tailwind3.css +326 -326
  262. package/styles/tailwind-dark-lite.css +861 -861
  263. package/styles/tailwind-dark.css +1263 -1263
  264. package/styles/tailwind-lite.css +862 -862
  265. package/styles/tailwind.css +1263 -1263
  266. package/styles/tailwind3-lite.css +1114 -1114
  267. package/styles/tailwind3.css +2339 -2339
  268. package/tslint.json +111 -0
@@ -14,6 +14,136 @@
14
14
  padding: 0 8px 0 0;
15
15
  }
16
16
 
17
+ .e-dropdownbase {
18
+ display: block;
19
+ height: 100%;
20
+ min-height: 36px;
21
+ position: relative;
22
+ width: 100%;
23
+ }
24
+ .e-dropdownbase .e-list-parent {
25
+ margin: 0;
26
+ padding: 0;
27
+ }
28
+
29
+ .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
30
+ cursor: default;
31
+ }
32
+
33
+ .e-dropdownbase .e-list-item {
34
+ cursor: pointer;
35
+ overflow: hidden;
36
+ position: relative;
37
+ text-overflow: ellipsis;
38
+ vertical-align: middle;
39
+ white-space: nowrap;
40
+ width: 100%;
41
+ }
42
+
43
+ .e-dropdownbase .e-list-item .e-list-icon {
44
+ font-size: 16px;
45
+ vertical-align: middle;
46
+ }
47
+
48
+ .e-dropdownbase .e-fixed-head {
49
+ position: absolute;
50
+ top: 0;
51
+ }
52
+
53
+ .e-dropdownbase.e-content {
54
+ overflow: auto;
55
+ position: relative;
56
+ }
57
+
58
+ .e-popup.e-ddl .e-dropdownbase.e-nodata,
59
+ .e-popup.e-mention .e-dropdownbase.e-nodata {
60
+ color: #dadada;
61
+ cursor: default;
62
+ font-family: inherit;
63
+ font-size: 14px;
64
+ padding: 14px 16px;
65
+ text-align: center;
66
+ }
67
+
68
+ .e-mention.e-popup {
69
+ background: #514f4f;
70
+ border: 0;
71
+ -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
72
+ box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
73
+ margin-top: 2px;
74
+ position: absolute;
75
+ }
76
+
77
+ .e-mention.e-popup .e-dropdownbase {
78
+ min-height: 36px;
79
+ }
80
+
81
+ .e-mention .e-dropdownbase .e-list-item .e-highlight {
82
+ display: inline;
83
+ font-weight: bold;
84
+ vertical-align: baseline;
85
+ }
86
+
87
+ .e-mention .e-mention-chip,
88
+ .e-mention .e-mention-chip:hover {
89
+ background: #282727;
90
+ border-radius: 0;
91
+ border: none;
92
+ color: #0074cc;
93
+ cursor: default;
94
+ }
95
+
96
+ .e-mention.e-editable-element {
97
+ border: 2px solid #414040;
98
+ height: auto;
99
+ min-height: 120px;
100
+ width: 100%;
101
+ }
102
+
103
+ .e-form-mirror-div {
104
+ white-space: pre-wrap;
105
+ }
106
+
107
+ .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
108
+ padding-right: 20px;
109
+ }
110
+
111
+ .e-dropdownbase.e-dd-group .e-list-item {
112
+ padding-left: 20px;
113
+ text-indent: 0;
114
+ }
115
+
116
+ .e-small .e-dropdownbase.e-dd-group .e-list-item {
117
+ padding-left: 20px;
118
+ }
119
+
120
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
121
+ text-indent: 0;
122
+ }
123
+
124
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
125
+ cursor: pointer;
126
+ font-weight: normal;
127
+ overflow: hidden;
128
+ position: relative;
129
+ text-overflow: ellipsis;
130
+ vertical-align: middle;
131
+ white-space: nowrap;
132
+ width: 100%;
133
+ }
134
+
135
+ .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
136
+ padding-right: 20px;
137
+ }
138
+
139
+ .e-dropdownbase .e-list-item .e-list-icon {
140
+ padding: 0 10px 0 0;
141
+ }
142
+
143
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
144
+ padding: 0 8px 0 0;
145
+ }
146
+
17
147
  .e-rtl .e-dropdownbase .e-list-item {
18
148
  padding-left: 16px;
19
149
  padding-right: 0;
@@ -189,223 +319,93 @@
189
319
  background-color: #414040;
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-ddl.e-popup {
365
+ border: 0;
366
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
367
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
368
+ margin-top: 1px;
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-ddl.e-popup .e-input-group input {
371
+ line-height: 15px;
224
372
  }
225
373
 
226
- .e-dropdownbase .e-list-item .e-list-icon {
227
- font-size: 16px;
228
- vertical-align: middle;
374
+ .e-ddl.e-popup .e-input-group {
375
+ display: -webkit-box;
376
+ display: -ms-flexbox;
377
+ display: flex;
378
+ width: auto;
229
379
  }
230
380
 
231
- .e-dropdownbase .e-fixed-head {
232
- position: absolute;
233
- top: 0;
381
+ .e-ddl.e-popup .e-filter-parent {
382
+ border-left-width: 0;
383
+ border-right-width: 0;
234
384
  }
235
385
 
236
- .e-dropdownbase.e-content {
237
- overflow: auto;
238
- position: relative;
386
+ .e-popup.e-ddl .e-dropdownbase {
387
+ min-height: 26px;
239
388
  }
240
389
 
241
- .e-popup.e-ddl .e-dropdownbase.e-nodata,
242
- .e-popup.e-mention .e-dropdownbase.e-nodata {
243
- color: #dadada;
244
- cursor: default;
245
- font-family: inherit;
246
- font-size: 14px;
247
- padding: 14px 16px;
248
- text-align: center;
390
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
391
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
392
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
393
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover {
394
+ background: transparent;
395
+ color: #fff;
249
396
  }
250
397
 
251
- .e-mention.e-popup {
252
- background: #514f4f;
253
- border: 0;
254
- -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
255
- box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
256
- margin-top: 2px;
257
- position: absolute;
398
+ .e-ddl .e-search-icon::before {
399
+ content: "\e97d";
258
400
  }
259
401
 
260
- .e-mention.e-popup .e-dropdownbase {
261
- min-height: 36px;
402
+ .e-ddl .e-back-icon::before {
403
+ content: "\e962";
262
404
  }
263
405
 
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: #282727;
273
- border-radius: 0;
274
- border: none;
275
- color: #0074cc;
276
- cursor: default;
277
- }
278
-
279
- .e-mention.e-editable-element {
280
- border: 2px solid #414040;
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: 20px;
292
- }
293
-
294
- .e-dropdownbase.e-dd-group .e-list-item {
295
- padding-left: 20px;
296
- text-indent: 0;
297
- }
298
-
299
- .e-small .e-dropdownbase.e-dd-group .e-list-item {
300
- padding-left: 20px;
301
- }
302
-
303
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
304
- text-indent: 0;
305
- }
306
-
307
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
308
- cursor: pointer;
309
- font-weight: normal;
310
- overflow: hidden;
311
- position: relative;
312
- text-overflow: ellipsis;
313
- vertical-align: middle;
314
- white-space: nowrap;
315
- width: 100%;
316
- }
317
-
318
- .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
319
- padding-right: 20px;
320
- }
321
-
322
- /* 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-ddl.e-popup {
365
- border: 0;
366
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
367
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
368
- margin-top: 1px;
369
- }
370
- .e-ddl.e-popup .e-input-group input {
371
- line-height: 15px;
372
- }
373
-
374
- .e-ddl.e-popup .e-input-group {
375
- display: -webkit-box;
376
- display: -ms-flexbox;
377
- display: flex;
378
- width: auto;
379
- }
380
-
381
- .e-ddl.e-popup .e-filter-parent {
382
- border-left-width: 0;
383
- border-right-width: 0;
384
- }
385
-
386
- .e-popup.e-ddl .e-dropdownbase {
387
- min-height: 26px;
388
- }
389
-
390
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
391
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
392
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
393
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover {
394
- background: transparent;
395
- color: #fff;
396
- }
397
-
398
- .e-ddl .e-search-icon::before {
399
- content: "\e97d";
400
- }
401
-
402
- .e-ddl .e-back-icon::before {
403
- content: "\e962";
404
- }
405
-
406
- .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
407
- content: "\e966";
408
- font-family: "e-icons";
406
+ .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
407
+ content: "\e966";
408
+ font-family: "e-icons";
409
409
  }
410
410
 
411
411
  .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
@@ -447,54 +447,6 @@
447
447
  color: #fff;
448
448
  }
449
449
 
450
- .e-popup {
451
- border-color: #414040;
452
- }
453
-
454
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
455
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
456
- color: #000;
457
- }
458
-
459
- .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
460
- border-color: transparent;
461
- }
462
-
463
- .e-ddl.e-popup {
464
- border: 0;
465
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
466
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
467
- margin-top: 1px;
468
- }
469
-
470
- .e-ddl.e-popup .e-input-group input {
471
- line-height: 15px;
472
- }
473
-
474
- .e-ddl.e-popup .e-input-group {
475
- display: -webkit-box;
476
- display: -ms-flexbox;
477
- display: flex;
478
- width: auto;
479
- }
480
-
481
- .e-ddl.e-popup .e-filter-parent {
482
- border-left-width: 0;
483
- border-right-width: 0;
484
- }
485
-
486
- .e-popup.e-ddl .e-dropdownbase {
487
- min-height: 26px;
488
- }
489
-
490
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
491
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
492
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
493
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover {
494
- background: transparent;
495
- color: #fff;
496
- }
497
-
498
450
  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
499
451
  width: 100%;
500
452
  border: 0 solid;
@@ -729,51 +681,66 @@ ejs-dropdownlist {
729
681
  color: rgb(221, 218, 218);
730
682
  }
731
683
 
732
- /* stylelint-disable */
733
- /* stylelint-disable */
734
- .e-ddt .e-ddt-icon::before {
735
- content: "\e966";
736
- }
737
- .e-ddt .e-chips-close::before {
738
- content: "\e7a7";
684
+ .e-ddl.e-popup {
685
+ border: 0;
686
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
687
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
688
+ margin-top: 1px;
739
689
  }
740
690
 
741
- /* stylelint-disable */
742
- .e-ddt .e-chips {
743
- background-color: #414040;
691
+ .e-ddl.e-popup .e-input-group input {
692
+ line-height: 15px;
744
693
  }
745
- .e-ddt .e-chips .e-chips-close::before {
746
- color: #dadada;
694
+
695
+ .e-ddl.e-popup .e-input-group {
696
+ display: -webkit-box;
697
+ display: -ms-flexbox;
698
+ display: flex;
699
+ width: auto;
747
700
  }
748
- .e-ddt .e-chips > .e-chipcontent {
749
- color: #dadada;
701
+
702
+ .e-ddl.e-popup .e-filter-parent {
703
+ border-left-width: 0;
704
+ border-right-width: 0;
750
705
  }
751
- .e-ddt .e-overflow .e-remain {
752
- color: #9a9a9a;
706
+
707
+ .e-popup.e-ddl .e-dropdownbase {
708
+ min-height: 26px;
753
709
  }
754
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
755
- background-color: #201f1f;
710
+
711
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
712
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
713
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
714
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover {
715
+ background: transparent;
716
+ color: #fff;
756
717
  }
757
- .e-ddt.e-popup {
758
- background: #282727;
718
+
719
+ .e-popup {
759
720
  border-color: #414040;
760
721
  }
761
- .e-ddt.e-popup .e-popup-content.e-no-data {
762
- color: #dadada;
763
- }
764
- .e-ddt.e-popup .e-selectall-parent {
765
- border-bottom-color: #414040;
766
- }
767
- .e-ddt.e-popup .e-selectall-parent:focus {
768
- background: #414040;
722
+
723
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
724
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
725
+ color: #000;
769
726
  }
770
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
771
- color: #dadada;
727
+
728
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
729
+ border-color: transparent;
772
730
  }
773
731
 
774
732
  /* stylelint-disable */
775
- .e-ddt {
776
- cursor: pointer;
733
+ /* stylelint-disable */
734
+ .e-ddt .e-ddt-icon::before {
735
+ content: "\e966";
736
+ }
737
+ .e-ddt .e-chips-close::before {
738
+ content: "\e7a7";
739
+ }
740
+
741
+ /* stylelint-disable */
742
+ .e-ddt {
743
+ cursor: pointer;
777
744
  outline: none;
778
745
  }
779
746
  .e-ddt .e-ddt-icon::before {
@@ -1084,6 +1051,39 @@ ejs-dropdownlist {
1084
1051
  display: none;
1085
1052
  }
1086
1053
 
1054
+ /* stylelint-disable */
1055
+ .e-ddt .e-chips {
1056
+ background-color: #414040;
1057
+ }
1058
+ .e-ddt .e-chips .e-chips-close::before {
1059
+ color: #dadada;
1060
+ }
1061
+ .e-ddt .e-chips > .e-chipcontent {
1062
+ color: #dadada;
1063
+ }
1064
+ .e-ddt .e-overflow .e-remain {
1065
+ color: #9a9a9a;
1066
+ }
1067
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1068
+ background-color: #201f1f;
1069
+ }
1070
+ .e-ddt.e-popup {
1071
+ background: #282727;
1072
+ border-color: #414040;
1073
+ }
1074
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1075
+ color: #dadada;
1076
+ }
1077
+ .e-ddt.e-popup .e-selectall-parent {
1078
+ border-bottom-color: #414040;
1079
+ }
1080
+ .e-ddt.e-popup .e-selectall-parent:focus {
1081
+ background: #414040;
1082
+ }
1083
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1084
+ color: #dadada;
1085
+ }
1086
+
1087
1087
  /* stylelint-disable-line no-empty-source */
1088
1088
  /* stylelint-disable-line no-empty-source */
1089
1089
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
@@ -1137,6 +1137,14 @@ ejs-dropdownlist {
1137
1137
  content: "\eb06";
1138
1138
  }
1139
1139
 
1140
+ .e-dropdownbase .e-list-item .e-list-icon {
1141
+ padding: 0 10px 0 0;
1142
+ }
1143
+
1144
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
1145
+ padding: 0 8px 0 0;
1146
+ }
1147
+
1140
1148
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
1141
1149
  height: 30px;
1142
1150
  width: 30px;
@@ -1159,372 +1167,139 @@ ejs-dropdownlist {
1159
1167
  color: #fff;
1160
1168
  }
1161
1169
 
1162
- .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1163
- color: #fff;
1164
- }
1165
-
1166
- .e-multi-select-wrapper .e-chips.e-chip-selected {
1167
- background-color: #6f6c6c;
1168
- }
1169
-
1170
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1171
- background-color: #4a4848;
1172
- }
1173
-
1174
- .e-multiselect {
1170
+ .e-multi-select-wrapper {
1175
1171
  -webkit-box-sizing: border-box;
1176
1172
  box-sizing: border-box;
1173
+ cursor: text;
1174
+ line-height: normal;
1175
+ min-height: 30px;
1176
+ padding: 0 32px 0 2px;
1177
+ position: relative;
1178
+ -webkit-user-select: none;
1179
+ -moz-user-select: none;
1180
+ -ms-user-select: none;
1181
+ user-select: none;
1182
+ width: 100%;
1177
1183
  }
1178
-
1179
- /* stylelint-disable property-no-vendor-prefix */
1180
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1181
- -webkit-text-fill-color: #dadada;
1182
- color: #dadada;
1183
- font-family: inherit;
1184
- font-size: 14px;
1185
- }
1186
-
1187
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1188
- color: #fff;
1189
- }
1190
-
1191
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1192
- color: #fff;
1184
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1185
+ height: 27px;
1186
+ vertical-align: middle;
1193
1187
  }
1194
-
1195
- .e-multi-select-wrapper .e-chips {
1196
- background-color: #414040;
1197
- border-radius: 0;
1198
- height: 26px;
1188
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1189
+ height: 100%;
1190
+ min-height: 100%;
1199
1191
  }
1200
-
1201
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1202
- background-color: #514f4f;
1192
+ .e-multi-select-wrapper .e-delim-view {
1193
+ white-space: nowrap;
1203
1194
  }
1204
-
1205
- .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
1206
- color: #fff;
1195
+ .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 {
1196
+ -webkit-box-sizing: border-box;
1197
+ box-sizing: border-box;
1198
+ display: inline-block;
1199
+ overflow: hidden;
1200
+ text-overflow: ellipsis;
1207
1201
  }
1208
-
1209
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
1210
- -webkit-text-fill-color: #dadada;
1202
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1211
1203
  color: #dadada;
1212
1204
  font-size: 10px;
1205
+ left: 12px;
1206
+ top: 0;
1213
1207
  }
1214
-
1215
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1208
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1216
1209
  background-color: #414040;
1217
- border-radius: 0;
1218
1210
  color: #dadada;
1219
- height: 38px;
1220
- line-height: 38px;
1211
+ padding: 9px 0;
1221
1212
  }
1222
-
1223
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1224
- color: #dadada;
1213
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1214
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1215
+ width: 0;
1225
1216
  }
1226
-
1227
- .e-multi-select-wrapper .e-chips.e-mob-chip {
1228
- height: 30px;
1217
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1218
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1219
+ height: 1px;
1220
+ min-height: 1px;
1229
1221
  }
1230
-
1231
- .e-popup.e-multi-select-list-wrapper {
1232
- -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1233
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1234
- -webkit-box-sizing: content-box;
1235
- box-sizing: content-box;
1236
- overflow: initial;
1222
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1223
+ max-width: 100%;
1237
1224
  }
1238
1225
 
1239
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
1240
- border-bottom: 1px solid transparent;
1241
- border-left: 1px solid #514f4f;
1242
- border-right: 1px solid #514f4f;
1243
- border-top: 1px solid #dadada;
1226
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1227
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1228
+ display: -webkit-box;
1229
+ display: -ms-flexbox;
1230
+ display: flex;
1231
+ float: left;
1232
+ width: auto;
1244
1233
  }
1245
-
1246
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
1247
- background-color: transparent;
1248
- border-color: transparent;
1249
- color: #dadada;
1234
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1235
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1236
+ display: -webkit-inline-box;
1237
+ display: -ms-inline-flexbox;
1238
+ display: inline-flex;
1239
+ float: none;
1250
1240
  }
1251
-
1252
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
1253
- background-color: transparent;
1254
- border-color: transparent;
1255
- color: #dadada;
1241
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1242
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1243
+ width: 0;
1256
1244
  }
1257
-
1258
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
1259
- color: #dadada;
1245
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1246
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1247
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1248
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1249
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1250
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1251
+ display: none;
1260
1252
  }
1261
-
1262
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
1263
- color: #dadada;
1253
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1254
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1255
+ padding: 0 48px 0 0;
1264
1256
  }
1265
-
1266
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
1267
- background-color: #333232;
1257
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1258
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1259
+ -webkit-box-align: center;
1260
+ -ms-flex-align: center;
1261
+ align-items: center;
1262
+ display: inline;
1263
+ max-width: 100%;
1264
+ word-break: break-word;
1268
1265
  }
1269
-
1270
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
1271
- background-color: #333232;
1266
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1267
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1268
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1269
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1270
+ -webkit-box-align: center;
1271
+ -ms-flex-align: center;
1272
+ align-items: center;
1273
+ cursor: pointer;
1274
+ display: none;
1275
+ -webkit-box-orient: horizontal;
1276
+ -webkit-box-direction: normal;
1277
+ -ms-flex-direction: row;
1278
+ flex-direction: row;
1279
+ margin-top: -3em;
1280
+ outline: 0;
1281
+ padding: 0;
1282
+ position: absolute;
1283
+ right: 0;
1284
+ top: 100%;
1272
1285
  }
1273
-
1274
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
1275
- border-bottom: 1px solid transparent;
1276
- border-top: 1px solid transparent;
1286
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1287
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1288
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1289
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1290
+ display: -webkit-box;
1291
+ display: -ms-flexbox;
1292
+ display: flex;
1277
1293
  }
1278
-
1279
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
1280
- border-bottom: 1px solid transparent;
1294
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1295
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1296
+ margin-right: 0;
1297
+ margin-top: -2.5em;
1298
+ right: 0;
1281
1299
  }
1282
-
1283
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
1284
- border-top: 1px solid transparent;
1285
- }
1286
-
1287
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1288
- background-color: #514f4f;
1289
- -webkit-box-shadow: none;
1290
- box-shadow: none;
1291
- color: #fff;
1292
- border: 1px solid #dadada;
1293
- }
1294
-
1295
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1296
- background-color: #514f4f;
1297
- -webkit-box-shadow: none;
1298
- box-shadow: none;
1299
- color: #fff;
1300
- border: 1px solid #dadada;
1301
- }
1302
-
1303
- .e-popup.e-multi-select-list-wrapper .e-list-item {
1304
- border: 1px solid transparent;
1305
- }
1306
-
1307
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
1308
- border: 1px solid transparent;
1309
- }
1310
-
1311
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1312
- color: #6f6c6c;
1313
- }
1314
-
1315
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1316
- color: #6f6c6c;
1317
- }
1318
-
1319
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1320
- color: #6f6c6c;
1321
- }
1322
-
1323
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1324
- color: #6f6c6c;
1325
- }
1326
-
1327
- .e-ul.e-reorder {
1328
- border-bottom: 1px solid #414040;
1329
- }
1330
-
1331
- .e-multi-select-list-wrapper .e-selectall-parent {
1332
- border-bottom: 1px solid #414040;
1333
- }
1334
-
1335
- .e-multi-select-wrapper .e-delim-values {
1336
- -webkit-text-fill-color: #dadada;
1337
- color: #dadada;
1338
- }
1339
-
1340
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1341
- color: #dadada;
1342
- }
1343
-
1344
- .e-small .e-multi-select-wrapper .e-chips {
1345
- height: 20px;
1346
- }
1347
-
1348
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1349
- font-size: 12px;
1350
- }
1351
-
1352
- .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1353
- font-size: 8px;
1354
- }
1355
-
1356
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
1357
- left: 7px;
1358
- }
1359
-
1360
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1361
- -webkit-text-fill-color: #6f6c6c;
1362
- color: #6f6c6c;
1363
- }
1364
-
1365
- .e-dropdownbase .e-list-item .e-list-icon {
1366
- padding: 0 10px 0 0;
1367
- }
1368
-
1369
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
1370
- padding: 0 8px 0 0;
1371
- }
1372
-
1373
- .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
1374
- height: 30px;
1375
- width: 30px;
1376
- }
1377
-
1378
- .e-small .e-multi-select-wrapper .e-chips {
1379
- padding: 0;
1380
- }
1381
-
1382
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1383
- padding: 0 8px;
1384
- }
1385
-
1386
- .e-small .e-multi-select-wrapper .e-chips {
1387
- margin: 2px 2px 2px 0;
1388
- }
1389
-
1390
- .e-multi-select-wrapper .e-searcher input[type=text],
1391
- .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1392
- color: #fff;
1393
- }
1394
-
1395
- .e-multi-select-wrapper {
1396
- -webkit-box-sizing: border-box;
1397
- box-sizing: border-box;
1398
- cursor: text;
1399
- line-height: normal;
1400
- min-height: 30px;
1401
- padding: 0 32px 0 2px;
1402
- position: relative;
1403
- -webkit-user-select: none;
1404
- -moz-user-select: none;
1405
- -ms-user-select: none;
1406
- user-select: none;
1407
- width: 100%;
1408
- }
1409
- .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1410
- height: 27px;
1411
- vertical-align: middle;
1412
- }
1413
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1414
- height: 100%;
1415
- min-height: 100%;
1416
- }
1417
- .e-multi-select-wrapper .e-delim-view {
1418
- white-space: nowrap;
1419
- }
1420
- .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 {
1421
- -webkit-box-sizing: border-box;
1422
- box-sizing: border-box;
1423
- display: inline-block;
1424
- overflow: hidden;
1425
- text-overflow: ellipsis;
1426
- }
1427
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1428
- color: #dadada;
1429
- font-size: 10px;
1430
- left: 12px;
1431
- top: 0;
1432
- }
1433
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1434
- background-color: #414040;
1435
- color: #dadada;
1436
- padding: 9px 0;
1437
- }
1438
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1439
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1440
- width: 0;
1441
- }
1442
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1443
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1444
- height: 1px;
1445
- min-height: 1px;
1446
- }
1447
- .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1448
- max-width: 100%;
1449
- }
1450
-
1451
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1452
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1453
- display: -webkit-box;
1454
- display: -ms-flexbox;
1455
- display: flex;
1456
- float: left;
1457
- width: auto;
1458
- }
1459
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1460
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1461
- display: -webkit-inline-box;
1462
- display: -ms-inline-flexbox;
1463
- display: inline-flex;
1464
- float: none;
1465
- }
1466
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1467
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1468
- width: 0;
1469
- }
1470
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1471
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1472
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1473
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1474
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1475
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1476
- display: none;
1477
- }
1478
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1479
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1480
- padding: 0 48px 0 0;
1481
- }
1482
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1483
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1484
- -webkit-box-align: center;
1485
- -ms-flex-align: center;
1486
- align-items: center;
1487
- display: inline;
1488
- max-width: 100%;
1489
- word-break: break-word;
1490
- }
1491
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1492
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1493
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1494
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1495
- -webkit-box-align: center;
1496
- -ms-flex-align: center;
1497
- align-items: center;
1498
- cursor: pointer;
1499
- display: none;
1500
- -webkit-box-orient: horizontal;
1501
- -webkit-box-direction: normal;
1502
- -ms-flex-direction: row;
1503
- flex-direction: row;
1504
- margin-top: -3em;
1505
- outline: 0;
1506
- padding: 0;
1507
- position: absolute;
1508
- right: 0;
1509
- top: 100%;
1510
- }
1511
- .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1512
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1513
- .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1514
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1515
- display: -webkit-box;
1516
- display: -ms-flexbox;
1517
- display: flex;
1518
- }
1519
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1520
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1521
- margin-right: 0;
1522
- margin-top: -2.5em;
1523
- right: 0;
1524
- }
1525
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1526
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1527
- top: -1px;
1300
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1301
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1302
+ top: -1px;
1528
1303
  }
1529
1304
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1530
1305
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
@@ -2166,348 +1941,253 @@ ejs-multiselect {
2166
1941
  color: rgb(221, 218, 218);
2167
1942
  }
2168
1943
 
2169
- .e-listbox-tool .e-moveup::before {
2170
- content: "\e651";
1944
+ .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
1945
+ height: 30px;
1946
+ width: 30px;
2171
1947
  }
2172
1948
 
2173
- .e-listbox-tool .e-movedown::before {
2174
- content: "\e652";
1949
+ .e-small .e-multi-select-wrapper .e-chips {
1950
+ padding: 0;
2175
1951
  }
2176
1952
 
2177
- .e-listbox-tool .e-moveto::before {
2178
- content: "\e653";
1953
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1954
+ padding: 0 8px;
2179
1955
  }
2180
1956
 
2181
- .e-listbox-tool .e-movefrom::before {
2182
- content: "\e654";
1957
+ .e-small .e-multi-select-wrapper .e-chips {
1958
+ margin: 2px 2px 2px 0;
2183
1959
  }
2184
1960
 
2185
- .e-listbox-tool .e-moveallto::before {
2186
- content: "\e655";
1961
+ .e-multi-select-wrapper .e-searcher input[type=text],
1962
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1963
+ color: #fff;
2187
1964
  }
2188
1965
 
2189
- .e-listbox-tool .e-moveallfrom::before {
2190
- content: "\e656";
1966
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1967
+ color: #fff;
2191
1968
  }
2192
1969
 
2193
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2194
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2195
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
1970
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
1971
+ background-color: #6f6c6c;
2196
1972
  }
2197
1973
 
2198
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2199
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
1974
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1975
+ background-color: #4a4848;
2200
1976
  }
2201
1977
 
2202
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2203
- height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
1978
+ .e-multiselect {
1979
+ -webkit-box-sizing: border-box;
1980
+ box-sizing: border-box;
2204
1981
  }
2205
1982
 
2206
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
2207
- height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
1983
+ /* stylelint-disable property-no-vendor-prefix */
1984
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
1985
+ -webkit-text-fill-color: #dadada;
1986
+ color: #dadada;
1987
+ font-family: inherit;
1988
+ font-size: 14px;
2208
1989
  }
2209
1990
 
2210
- .e-listbox-wrapper,
2211
- .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2212
- .e-listboxtool-container.e-listbox-container .e-ul {
2213
- border: 1px solid #414040;
1991
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1992
+ color: #fff;
2214
1993
  }
2215
1994
 
2216
- .e-listbox-wrapper,
2217
- .e-listbox-container,
2218
- .e-listboxtool-wrapper {
2219
- font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
2220
- font-size: 13px;
2221
- }
2222
- .e-listbox-wrapper .e-list-header,
2223
- .e-listbox-container .e-list-header,
2224
- .e-listboxtool-wrapper .e-list-header {
2225
- background-color: #201f1f;
2226
- border-color: #414040;
2227
- color: #dadada;
2228
- font-size: 14px;
1995
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1996
+ color: #fff;
2229
1997
  }
2230
1998
 
2231
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2232
- .e-listbox-container.e-filter-list .e-list-parent,
2233
- .e-listboxtool-wrapper.e-filter-list .e-list-parent {
2234
- height: calc(100% - 51px);
1999
+ .e-multi-select-wrapper .e-chips {
2000
+ background-color: #414040;
2001
+ border-radius: 0;
2002
+ height: 26px;
2235
2003
  }
2236
2004
 
2237
- .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2238
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
2239
- .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
2240
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2005
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2006
+ background-color: #514f4f;
2241
2007
  }
2242
2008
 
2243
- .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2244
- .e-listbox-container .e-selectall-parent + .e-list-parent,
2245
- .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
2246
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2009
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2010
+ color: #fff;
2247
2011
  }
2248
2012
 
2249
- .e-listbox-wrapper .e-list-item,
2250
- .e-listbox-container .e-list-item,
2251
- .e-listboxtool-wrapper .e-list-item {
2252
- background-color: inherit;
2253
- border-bottom: 0 solid transparent;
2254
- border-left: 0 solid transparent;
2255
- border-right: 0 solid transparent;
2256
- border-top: 0 solid transparent;
2013
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
2014
+ -webkit-text-fill-color: #dadada;
2257
2015
  color: #dadada;
2016
+ font-size: 10px;
2258
2017
  }
2259
2018
 
2260
- .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),
2261
- .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
2262
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
2263
- .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
2264
- .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
2019
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2265
2020
  background-color: #414040;
2266
- border-color: transparent;
2021
+ border-radius: 0;
2267
2022
  color: #dadada;
2023
+ height: 38px;
2024
+ line-height: 38px;
2268
2025
  }
2269
2026
 
2270
- .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
2271
- .e-listbox-container .e-list-item.e-selected.e-checklist,
2272
- .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
2273
- background-color: inherit;
2027
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2274
2028
  color: #dadada;
2275
2029
  }
2276
2030
 
2277
- .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,
2278
- .e-listbox-container .e-list-item.e-focused,
2279
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
2280
- .e-listbox-container .e-list-item.e-selected,
2281
- .e-listboxtool-wrapper .e-list-item.e-focused,
2282
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
2283
- .e-listboxtool-wrapper .e-list-item.e-selected {
2284
- background-color: #514f4f;
2285
- color: #fff;
2031
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2032
+ height: 30px;
2286
2033
  }
2287
2034
 
2288
- .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,
2289
- .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2290
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
2291
- .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2292
- .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
2293
- background-color: #0074cc;
2294
- border-color: #0074cc;
2295
- color: #fff;
2035
+ .e-popup.e-multi-select-list-wrapper {
2036
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
2037
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
2038
+ -webkit-box-sizing: content-box;
2039
+ box-sizing: content-box;
2040
+ overflow: initial;
2296
2041
  }
2297
2042
 
2298
- .e-listbox-wrapper .e-list-group-item,
2299
- .e-listbox-container .e-list-group-item,
2300
- .e-listboxtool-wrapper .e-list-group-item {
2301
- background-color: #201f1f;
2302
- border-color: #414040;
2303
- color: rgb(0, 55.1, 96.9);
2304
- font-size: 14px;
2043
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2044
+ border-bottom: 1px solid transparent;
2045
+ border-left: 1px solid #514f4f;
2046
+ border-right: 1px solid #514f4f;
2047
+ border-top: 1px solid #dadada;
2305
2048
  }
2306
2049
 
2307
- .e-listbox-wrapper .e-selectall-parent,
2308
- .e-listbox-container .e-selectall-parent,
2309
- .e-listboxtool-wrapper .e-selectall-parent {
2310
- background-color: inherit;
2311
- border-bottom: 1px solid #414040;
2050
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2051
+ background-color: transparent;
2052
+ border-color: transparent;
2312
2053
  color: #dadada;
2313
2054
  }
2314
2055
 
2315
- .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
2316
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
2317
- .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
2056
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2318
2057
  background-color: transparent;
2058
+ border-color: transparent;
2059
+ color: #dadada;
2319
2060
  }
2320
2061
 
2321
- .e-listbox-wrapper.e-list-template .e-list-wrapper,
2322
- .e-listbox-container.e-list-template .e-list-wrapper,
2323
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
2324
- height: inherit;
2325
- position: relative;
2326
- }
2327
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2328
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2329
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
2330
- padding: 0.6153em 0.923em;
2331
- }
2332
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
2333
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
2334
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
2335
- padding: 0.6153em 0.923em;
2336
- }
2337
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2338
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2339
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
2062
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2340
2063
  color: #dadada;
2341
- display: block;
2342
- font-size: 13px;
2343
- font-weight: 500;
2344
- margin: 0;
2345
- overflow: hidden;
2346
- padding: 0.093em 0;
2347
- text-overflow: ellipsis;
2348
- white-space: nowrap;
2349
2064
  }
2350
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2351
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2352
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
2065
+
2066
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
2353
2067
  color: #dadada;
2354
- display: block;
2355
- font-size: 13px;
2356
- margin: 0;
2357
- padding: 0.093em 0;
2358
- word-wrap: break-word;
2359
2068
  }
2360
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2361
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2362
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
2363
- overflow: hidden;
2364
- text-overflow: ellipsis;
2365
- white-space: nowrap;
2069
+
2070
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2071
+ background-color: #333232;
2366
2072
  }
2367
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2368
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2369
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2370
- height: 3.0769em;
2371
- left: 0.923em;
2372
- position: absolute;
2373
- width: 3.0769em;
2374
- left: 0.923em;
2073
+
2074
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2075
+ background-color: #333232;
2375
2076
  }
2376
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2377
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2378
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
2379
- padding-left: 4.923em;
2380
- padding-right: 0.923em;
2077
+
2078
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2079
+ border-bottom: 1px solid transparent;
2080
+ border-top: 1px solid transparent;
2381
2081
  }
2382
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2383
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2384
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
2385
- padding-left: 0.923em;
2386
- padding-right: 4.923em;
2082
+
2083
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2084
+ border-bottom: 1px solid transparent;
2387
2085
  }
2388
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2389
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2390
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2391
- height: 3.0769em;
2392
- left: 0.923em;
2393
- position: absolute;
2394
- width: 3.0769em;
2395
- right: 0.923em;
2086
+
2087
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
2088
+ border-top: 1px solid transparent;
2396
2089
  }
2397
- .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,
2398
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2399
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2400
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2401
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2402
- top: 0.6153em;
2090
+
2091
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2092
+ background-color: #514f4f;
2093
+ -webkit-box-shadow: none;
2094
+ box-shadow: none;
2095
+ color: #fff;
2096
+ border: 1px solid #dadada;
2403
2097
  }
2404
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2405
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2406
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
2407
- font-size: 13px;
2408
- height: 1.5384em;
2409
- line-height: 1.3384em;
2410
- padding: 0;
2411
- position: absolute;
2412
- right: 0.923em;
2413
- top: 50%;
2414
- -webkit-transform: translateY(-50%);
2415
- transform: translateY(-50%);
2416
- width: 1.5384em;
2098
+
2099
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2100
+ background-color: #514f4f;
2101
+ -webkit-box-shadow: none;
2102
+ box-shadow: none;
2103
+ color: #fff;
2104
+ border: 1px solid #dadada;
2417
2105
  }
2418
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2419
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2420
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
2421
- padding-left: 4.923em;
2422
- padding-right: 3.3846em;
2106
+
2107
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
2108
+ border: 1px solid transparent;
2423
2109
  }
2424
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2425
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2426
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
2427
- padding-left: 0.923em;
2428
- padding-right: 3.3846em;
2110
+
2111
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2112
+ border: 1px solid transparent;
2429
2113
  }
2430
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2431
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2432
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
2433
- display: block;
2434
- margin: 0;
2435
- overflow: hidden;
2436
- padding: 0.867em 0;
2437
- text-overflow: ellipsis;
2438
- white-space: nowrap;
2114
+
2115
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2116
+ color: #6f6c6c;
2439
2117
  }
2440
- .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,
2441
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2442
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
2443
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2444
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
2118
+
2119
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2120
+ color: #6f6c6c;
2121
+ }
2122
+
2123
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2124
+ color: #6f6c6c;
2125
+ }
2126
+
2127
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2128
+ color: #6f6c6c;
2129
+ }
2130
+
2131
+ .e-ul.e-reorder {
2132
+ border-bottom: 1px solid #414040;
2133
+ }
2134
+
2135
+ .e-multi-select-list-wrapper .e-selectall-parent {
2136
+ border-bottom: 1px solid #414040;
2137
+ }
2138
+
2139
+ .e-multi-select-wrapper .e-delim-values {
2140
+ -webkit-text-fill-color: #dadada;
2445
2141
  color: #dadada;
2446
2142
  }
2447
- .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,
2448
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
2449
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
2450
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
2451
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
2452
- color: #fff;
2143
+
2144
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2145
+ color: #dadada;
2453
2146
  }
2454
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2455
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2456
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2457
- left: inherit;
2458
- right: 0.923em;
2147
+
2148
+ .e-small .e-multi-select-wrapper .e-chips {
2149
+ height: 20px;
2459
2150
  }
2460
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2461
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2462
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
2463
- padding-left: 0.923em;
2464
- padding-right: 4.923em;
2151
+
2152
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2153
+ font-size: 12px;
2465
2154
  }
2466
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2467
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2468
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
2469
- padding-left: 4.923em;
2470
- padding-right: 0.923em;
2155
+
2156
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2157
+ font-size: 8px;
2471
2158
  }
2472
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2473
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2474
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2475
- left: 0.923em;
2476
- right: inherit;
2159
+
2160
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
2161
+ left: 7px;
2477
2162
  }
2478
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2479
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2480
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
2481
- left: 0.923em;
2482
- right: inherit;
2163
+
2164
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2165
+ -webkit-text-fill-color: #6f6c6c;
2166
+ color: #6f6c6c;
2483
2167
  }
2484
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2485
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2486
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
2487
- padding-left: 3.3846em;
2488
- padding-right: 4.923em;
2168
+
2169
+ .e-listbox-tool .e-moveup::before {
2170
+ content: "\e651";
2489
2171
  }
2490
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2491
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2492
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
2493
- padding-left: 3.3846em;
2494
- padding-right: 0.923em;
2172
+
2173
+ .e-listbox-tool .e-movedown::before {
2174
+ content: "\e652";
2495
2175
  }
2496
2176
 
2497
- .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 {
2498
- height: 100%;
2177
+ .e-listbox-tool .e-moveto::before {
2178
+ content: "\e653";
2499
2179
  }
2500
2180
 
2501
- .e-listbox-container.e-filter-list .e-list-wrap {
2502
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
2181
+ .e-listbox-tool .e-movefrom::before {
2182
+ content: "\e654";
2503
2183
  }
2504
2184
 
2505
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
2506
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2185
+ .e-listbox-tool .e-moveallto::before {
2186
+ content: "\e655";
2507
2187
  }
2508
2188
 
2509
- .e-listbox-container .e-selectall-parent + .e-list-wrap {
2510
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2189
+ .e-listbox-tool .e-moveallfrom::before {
2190
+ content: "\e656";
2511
2191
  }
2512
2192
 
2513
2193
  /* stylelint-disable property-no-vendor-prefix */
@@ -2961,4 +2641,324 @@ ejs-listbox {
2961
2641
  width: auto;
2962
2642
  height: auto;
2963
2643
  padding-bottom: 1px;
2644
+ }
2645
+
2646
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2647
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
2648
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2649
+ }
2650
+
2651
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2652
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2653
+ }
2654
+
2655
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2656
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2657
+ }
2658
+
2659
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
2660
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
2661
+ }
2662
+
2663
+ .e-listbox-wrapper,
2664
+ .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2665
+ .e-listboxtool-container.e-listbox-container .e-ul {
2666
+ border: 1px solid #414040;
2667
+ }
2668
+
2669
+ .e-listbox-wrapper,
2670
+ .e-listbox-container,
2671
+ .e-listboxtool-wrapper {
2672
+ font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
2673
+ font-size: 13px;
2674
+ }
2675
+ .e-listbox-wrapper .e-list-header,
2676
+ .e-listbox-container .e-list-header,
2677
+ .e-listboxtool-wrapper .e-list-header {
2678
+ background-color: #201f1f;
2679
+ border-color: #414040;
2680
+ color: #dadada;
2681
+ font-size: 14px;
2682
+ }
2683
+
2684
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
2685
+ .e-listbox-container.e-filter-list .e-list-parent,
2686
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
2687
+ height: calc(100% - 51px);
2688
+ }
2689
+
2690
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2691
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
2692
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
2693
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2694
+ }
2695
+
2696
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2697
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
2698
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
2699
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2700
+ }
2701
+
2702
+ .e-listbox-wrapper .e-list-item,
2703
+ .e-listbox-container .e-list-item,
2704
+ .e-listboxtool-wrapper .e-list-item {
2705
+ background-color: inherit;
2706
+ border-bottom: 0 solid transparent;
2707
+ border-left: 0 solid transparent;
2708
+ border-right: 0 solid transparent;
2709
+ border-top: 0 solid transparent;
2710
+ color: #dadada;
2711
+ }
2712
+
2713
+ .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),
2714
+ .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
2715
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
2716
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
2717
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
2718
+ background-color: #414040;
2719
+ border-color: transparent;
2720
+ color: #dadada;
2721
+ }
2722
+
2723
+ .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
2724
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
2725
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
2726
+ background-color: inherit;
2727
+ color: #dadada;
2728
+ }
2729
+
2730
+ .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,
2731
+ .e-listbox-container .e-list-item.e-focused,
2732
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
2733
+ .e-listbox-container .e-list-item.e-selected,
2734
+ .e-listboxtool-wrapper .e-list-item.e-focused,
2735
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
2736
+ .e-listboxtool-wrapper .e-list-item.e-selected {
2737
+ background-color: #514f4f;
2738
+ color: #fff;
2739
+ }
2740
+
2741
+ .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,
2742
+ .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2743
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
2744
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2745
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
2746
+ background-color: #0074cc;
2747
+ border-color: #0074cc;
2748
+ color: #fff;
2749
+ }
2750
+
2751
+ .e-listbox-wrapper .e-list-group-item,
2752
+ .e-listbox-container .e-list-group-item,
2753
+ .e-listboxtool-wrapper .e-list-group-item {
2754
+ background-color: #201f1f;
2755
+ border-color: #414040;
2756
+ color: rgb(0, 55.1, 96.9);
2757
+ font-size: 14px;
2758
+ }
2759
+
2760
+ .e-listbox-wrapper .e-selectall-parent,
2761
+ .e-listbox-container .e-selectall-parent,
2762
+ .e-listboxtool-wrapper .e-selectall-parent {
2763
+ background-color: inherit;
2764
+ border-bottom: 1px solid #414040;
2765
+ color: #dadada;
2766
+ }
2767
+
2768
+ .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
2769
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
2770
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
2771
+ background-color: transparent;
2772
+ }
2773
+
2774
+ .e-listbox-wrapper.e-list-template .e-list-wrapper,
2775
+ .e-listbox-container.e-list-template .e-list-wrapper,
2776
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
2777
+ height: inherit;
2778
+ position: relative;
2779
+ }
2780
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2781
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2782
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
2783
+ padding: 0.6153em 0.923em;
2784
+ }
2785
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
2786
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
2787
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
2788
+ padding: 0.6153em 0.923em;
2789
+ }
2790
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2791
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2792
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
2793
+ color: #dadada;
2794
+ display: block;
2795
+ font-size: 13px;
2796
+ font-weight: 500;
2797
+ margin: 0;
2798
+ overflow: hidden;
2799
+ padding: 0.093em 0;
2800
+ text-overflow: ellipsis;
2801
+ white-space: nowrap;
2802
+ }
2803
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2804
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2805
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
2806
+ color: #dadada;
2807
+ display: block;
2808
+ font-size: 13px;
2809
+ margin: 0;
2810
+ padding: 0.093em 0;
2811
+ word-wrap: break-word;
2812
+ }
2813
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2814
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2815
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
2816
+ overflow: hidden;
2817
+ text-overflow: ellipsis;
2818
+ white-space: nowrap;
2819
+ }
2820
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2821
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2822
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2823
+ height: 3.0769em;
2824
+ left: 0.923em;
2825
+ position: absolute;
2826
+ width: 3.0769em;
2827
+ left: 0.923em;
2828
+ }
2829
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2830
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2831
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
2832
+ padding-left: 4.923em;
2833
+ padding-right: 0.923em;
2834
+ }
2835
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2836
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2837
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
2838
+ padding-left: 0.923em;
2839
+ padding-right: 4.923em;
2840
+ }
2841
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2842
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2843
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2844
+ height: 3.0769em;
2845
+ left: 0.923em;
2846
+ position: absolute;
2847
+ width: 3.0769em;
2848
+ right: 0.923em;
2849
+ }
2850
+ .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,
2851
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2852
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2853
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2854
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2855
+ top: 0.6153em;
2856
+ }
2857
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2858
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2859
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
2860
+ font-size: 13px;
2861
+ height: 1.5384em;
2862
+ line-height: 1.3384em;
2863
+ padding: 0;
2864
+ position: absolute;
2865
+ right: 0.923em;
2866
+ top: 50%;
2867
+ -webkit-transform: translateY(-50%);
2868
+ transform: translateY(-50%);
2869
+ width: 1.5384em;
2870
+ }
2871
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2872
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2873
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
2874
+ padding-left: 4.923em;
2875
+ padding-right: 3.3846em;
2876
+ }
2877
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2878
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2879
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
2880
+ padding-left: 0.923em;
2881
+ padding-right: 3.3846em;
2882
+ }
2883
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2884
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2885
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
2886
+ display: block;
2887
+ margin: 0;
2888
+ overflow: hidden;
2889
+ padding: 0.867em 0;
2890
+ text-overflow: ellipsis;
2891
+ white-space: nowrap;
2892
+ }
2893
+ .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,
2894
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2895
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
2896
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2897
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
2898
+ color: #dadada;
2899
+ }
2900
+ .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,
2901
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
2902
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
2903
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
2904
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
2905
+ color: #fff;
2906
+ }
2907
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2908
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2909
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2910
+ left: inherit;
2911
+ right: 0.923em;
2912
+ }
2913
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2914
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2915
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
2916
+ padding-left: 0.923em;
2917
+ padding-right: 4.923em;
2918
+ }
2919
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2920
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2921
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
2922
+ padding-left: 4.923em;
2923
+ padding-right: 0.923em;
2924
+ }
2925
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2926
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2927
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2928
+ left: 0.923em;
2929
+ right: inherit;
2930
+ }
2931
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2932
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2933
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
2934
+ left: 0.923em;
2935
+ right: inherit;
2936
+ }
2937
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2938
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2939
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
2940
+ padding-left: 3.3846em;
2941
+ padding-right: 4.923em;
2942
+ }
2943
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2944
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2945
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
2946
+ padding-left: 3.3846em;
2947
+ padding-right: 0.923em;
2948
+ }
2949
+
2950
+ .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 {
2951
+ height: 100%;
2952
+ }
2953
+
2954
+ .e-listbox-container.e-filter-list .e-list-wrap {
2955
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
2956
+ }
2957
+
2958
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
2959
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2960
+ }
2961
+
2962
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
2963
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2964
2964
  }