@syncfusion/ej2-dropdowns 26.2.13 → 27.1.48

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 (438) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +1541 -847
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +1434 -717
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +15 -13
  12. package/src/auto-complete/auto-complete-model.d.ts +1 -1
  13. package/src/auto-complete/auto-complete.d.ts +2 -0
  14. package/src/auto-complete/auto-complete.js +52 -22
  15. package/src/combo-box/combo-box-model.d.ts +12 -5
  16. package/src/combo-box/combo-box.d.ts +10 -4
  17. package/src/combo-box/combo-box.js +73 -38
  18. package/src/common/incremental-search.d.ts +26 -11
  19. package/src/common/incremental-search.js +30 -16
  20. package/src/common/interface.d.ts +5 -5
  21. package/src/common/virtual-scroll.js +69 -36
  22. package/src/drop-down-base/drop-down-base-model.d.ts +1 -1
  23. package/src/drop-down-base/drop-down-base.d.ts +6 -2
  24. package/src/drop-down-base/drop-down-base.js +100 -67
  25. package/src/drop-down-list/drop-down-list-model.d.ts +14 -7
  26. package/src/drop-down-list/drop-down-list.d.ts +11 -4
  27. package/src/drop-down-list/drop-down-list.js +299 -177
  28. package/src/drop-down-tree/drop-down-tree-model.d.ts +19 -0
  29. package/src/drop-down-tree/drop-down-tree.d.ts +26 -2
  30. package/src/drop-down-tree/drop-down-tree.js +205 -67
  31. package/src/list-box/list-box.js +72 -36
  32. package/src/mention/mention.d.ts +8 -0
  33. package/src/mention/mention.js +87 -24
  34. package/src/multi-select/checkbox-selection.js +3 -2
  35. package/src/multi-select/interface.d.ts +1 -0
  36. package/src/multi-select/multi-select-model.d.ts +15 -8
  37. package/src/multi-select/multi-select.d.ts +15 -5
  38. package/src/multi-select/multi-select.js +444 -237
  39. package/styles/auto-complete/bootstrap-dark.css +0 -50
  40. package/styles/auto-complete/bootstrap.css +0 -50
  41. package/styles/auto-complete/bootstrap4.css +0 -68
  42. package/styles/auto-complete/bootstrap5-dark.css +0 -54
  43. package/styles/auto-complete/bootstrap5.3.css +101 -0
  44. package/styles/auto-complete/bootstrap5.3.scss +4 -0
  45. package/styles/auto-complete/bootstrap5.css +0 -54
  46. package/styles/auto-complete/fabric-dark.css +0 -49
  47. package/styles/auto-complete/fabric.css +0 -42
  48. package/styles/auto-complete/fluent-dark.css +0 -41
  49. package/styles/auto-complete/fluent.css +0 -41
  50. package/styles/auto-complete/fluent2.css +1 -36
  51. package/styles/auto-complete/highcontrast-light.css +0 -37
  52. package/styles/auto-complete/highcontrast.css +0 -37
  53. package/styles/auto-complete/material-dark.css +0 -34
  54. package/styles/auto-complete/material.css +0 -55
  55. package/styles/auto-complete/material3-dark.css +0 -59
  56. package/styles/auto-complete/material3.css +0 -59
  57. package/styles/auto-complete/tailwind-dark.css +0 -35
  58. package/styles/auto-complete/tailwind.css +0 -35
  59. package/styles/bootstrap-dark-lite.css +2752 -0
  60. package/styles/bootstrap-dark-lite.scss +28 -0
  61. package/styles/bootstrap-dark.css +651 -604
  62. package/styles/bootstrap-dark.scss +6 -1
  63. package/styles/bootstrap-lite.css +2751 -0
  64. package/styles/bootstrap-lite.scss +28 -0
  65. package/styles/bootstrap.css +657 -610
  66. package/styles/bootstrap.scss +6 -1
  67. package/styles/bootstrap4-lite.css +2856 -0
  68. package/styles/bootstrap4-lite.scss +28 -0
  69. package/styles/bootstrap4.css +828 -755
  70. package/styles/bootstrap4.scss +6 -1
  71. package/styles/bootstrap5-dark-lite.css +2827 -0
  72. package/styles/bootstrap5-dark-lite.scss +28 -0
  73. package/styles/bootstrap5-dark.css +702 -651
  74. package/styles/bootstrap5-dark.scss +6 -1
  75. package/styles/bootstrap5-lite.css +2827 -0
  76. package/styles/bootstrap5-lite.scss +28 -0
  77. package/styles/bootstrap5.3-lite.css +2821 -0
  78. package/styles/bootstrap5.3-lite.scss +28 -0
  79. package/styles/bootstrap5.3.css +3552 -0
  80. package/styles/bootstrap5.3.scss +33 -0
  81. package/styles/bootstrap5.css +702 -651
  82. package/styles/bootstrap5.scss +6 -1
  83. package/styles/combo-box/bootstrap-dark.css +0 -50
  84. package/styles/combo-box/bootstrap.css +0 -50
  85. package/styles/combo-box/bootstrap4.css +0 -68
  86. package/styles/combo-box/bootstrap5-dark.css +0 -54
  87. package/styles/combo-box/bootstrap5.3.css +101 -0
  88. package/styles/combo-box/bootstrap5.3.scss +4 -0
  89. package/styles/combo-box/bootstrap5.css +0 -54
  90. package/styles/combo-box/fabric-dark.css +0 -49
  91. package/styles/combo-box/fabric.css +0 -42
  92. package/styles/combo-box/fluent-dark.css +0 -41
  93. package/styles/combo-box/fluent.css +0 -41
  94. package/styles/combo-box/fluent2.css +1 -36
  95. package/styles/combo-box/highcontrast-light.css +0 -37
  96. package/styles/combo-box/highcontrast.css +0 -37
  97. package/styles/combo-box/material-dark.css +0 -34
  98. package/styles/combo-box/material.css +0 -55
  99. package/styles/combo-box/material3-dark.css +0 -59
  100. package/styles/combo-box/material3.css +0 -59
  101. package/styles/combo-box/tailwind-dark.css +0 -35
  102. package/styles/combo-box/tailwind.css +0 -35
  103. package/styles/drop-down-base/_bds-definition.scss +0 -22
  104. package/styles/drop-down-base/_bigger.scss +195 -0
  105. package/styles/drop-down-base/_bootstrap-dark-definition.scss +0 -5
  106. package/styles/drop-down-base/_bootstrap-definition.scss +0 -5
  107. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -9
  108. package/styles/drop-down-base/_bootstrap5-definition.scss +0 -19
  109. package/styles/drop-down-base/_bootstrap5.3-definition.scss +2 -21
  110. package/styles/drop-down-base/_fabric-dark-definition.scss +0 -5
  111. package/styles/drop-down-base/_fabric-definition.scss +0 -5
  112. package/styles/drop-down-base/_fluent-definition.scss +0 -19
  113. package/styles/drop-down-base/_fluent2-definition.scss +2 -23
  114. package/styles/drop-down-base/_fusionnew-definition.scss +0 -19
  115. package/styles/drop-down-base/_highcontrast-definition.scss +0 -9
  116. package/styles/drop-down-base/_highcontrast-light-definition.scss +0 -9
  117. package/styles/drop-down-base/_layout.scss +1 -57
  118. package/styles/drop-down-base/_material-dark-definition.scss +0 -4
  119. package/styles/drop-down-base/_material-definition.scss +0 -4
  120. package/styles/drop-down-base/_material3-definition.scss +0 -3
  121. package/styles/drop-down-base/_tailwind-definition.scss +0 -22
  122. package/styles/drop-down-base/_theme.scss +10 -91
  123. package/styles/drop-down-base/bootstrap-dark.css +75 -75
  124. package/styles/drop-down-base/bootstrap-dark.scss +1 -0
  125. package/styles/drop-down-base/bootstrap.css +75 -75
  126. package/styles/drop-down-base/bootstrap.scss +1 -0
  127. package/styles/drop-down-base/bootstrap4.css +79 -79
  128. package/styles/drop-down-base/bootstrap4.scss +1 -0
  129. package/styles/drop-down-base/bootstrap5-dark.css +89 -89
  130. package/styles/drop-down-base/bootstrap5-dark.scss +1 -0
  131. package/styles/drop-down-base/bootstrap5.3.css +411 -0
  132. package/styles/drop-down-base/bootstrap5.3.scss +4 -0
  133. package/styles/drop-down-base/bootstrap5.css +89 -89
  134. package/styles/drop-down-base/bootstrap5.scss +1 -0
  135. package/styles/drop-down-base/fabric-dark.css +75 -75
  136. package/styles/drop-down-base/fabric-dark.scss +1 -0
  137. package/styles/drop-down-base/fabric.css +75 -75
  138. package/styles/drop-down-base/fabric.scss +1 -0
  139. package/styles/drop-down-base/fluent-dark.css +101 -101
  140. package/styles/drop-down-base/fluent-dark.scss +1 -0
  141. package/styles/drop-down-base/fluent.css +101 -101
  142. package/styles/drop-down-base/fluent.scss +1 -0
  143. package/styles/drop-down-base/fluent2.css +97 -95
  144. package/styles/drop-down-base/fluent2.scss +1 -0
  145. package/styles/drop-down-base/highcontrast-light.css +75 -77
  146. package/styles/drop-down-base/highcontrast-light.scss +1 -0
  147. package/styles/drop-down-base/highcontrast.css +75 -77
  148. package/styles/drop-down-base/highcontrast.scss +1 -0
  149. package/styles/drop-down-base/material-dark.css +74 -74
  150. package/styles/drop-down-base/material-dark.scss +1 -0
  151. package/styles/drop-down-base/material.css +74 -74
  152. package/styles/drop-down-base/material.scss +1 -0
  153. package/styles/drop-down-base/material3-dark.css +74 -74
  154. package/styles/drop-down-base/material3-dark.scss +1 -0
  155. package/styles/drop-down-base/material3.css +74 -74
  156. package/styles/drop-down-base/material3.scss +1 -0
  157. package/styles/drop-down-base/tailwind-dark.css +135 -135
  158. package/styles/drop-down-base/tailwind-dark.scss +1 -0
  159. package/styles/drop-down-base/tailwind.css +135 -135
  160. package/styles/drop-down-base/tailwind.scss +1 -0
  161. package/styles/drop-down-list/_bds-definition.scss +0 -34
  162. package/styles/drop-down-list/_bigger.scss +713 -0
  163. package/styles/drop-down-list/_bootstrap-dark-definition.scss +0 -64
  164. package/styles/drop-down-list/_bootstrap-definition.scss +0 -64
  165. package/styles/drop-down-list/_bootstrap4-definition.scss +0 -81
  166. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -67
  167. package/styles/drop-down-list/_bootstrap5.3-definition.scss +1 -67
  168. package/styles/drop-down-list/_fabric-dark-definition.scss +0 -57
  169. package/styles/drop-down-list/_fabric-definition.scss +0 -56
  170. package/styles/drop-down-list/_fluent-definition.scss +0 -57
  171. package/styles/drop-down-list/_fluent2-definition.scss +2 -35
  172. package/styles/drop-down-list/_fusionnew-definition.scss +0 -67
  173. package/styles/drop-down-list/_highcontrast-definition.scss +0 -60
  174. package/styles/drop-down-list/_highcontrast-light-definition.scss +0 -60
  175. package/styles/drop-down-list/_layout.scss +4 -82
  176. package/styles/drop-down-list/_material-dark-definition.scss +0 -33
  177. package/styles/drop-down-list/_material-definition.scss +0 -55
  178. package/styles/drop-down-list/_material3-definition.scss +0 -58
  179. package/styles/drop-down-list/_tailwind-definition.scss +0 -34
  180. package/styles/drop-down-list/_theme.scss +7 -0
  181. package/styles/drop-down-list/bootstrap-dark.css +90 -91
  182. package/styles/drop-down-list/bootstrap-dark.scss +1 -0
  183. package/styles/drop-down-list/bootstrap.css +90 -91
  184. package/styles/drop-down-list/bootstrap.scss +1 -0
  185. package/styles/drop-down-list/bootstrap4.css +105 -105
  186. package/styles/drop-down-list/bootstrap4.scss +1 -0
  187. package/styles/drop-down-list/bootstrap5-dark.css +87 -101
  188. package/styles/drop-down-list/bootstrap5-dark.scss +1 -0
  189. package/styles/drop-down-list/bootstrap5.3.css +481 -0
  190. package/styles/drop-down-list/bootstrap5.3.scss +10 -0
  191. package/styles/drop-down-list/bootstrap5.css +87 -101
  192. package/styles/drop-down-list/bootstrap5.scss +1 -0
  193. package/styles/drop-down-list/fabric-dark.css +89 -90
  194. package/styles/drop-down-list/fabric-dark.scss +1 -0
  195. package/styles/drop-down-list/fabric.css +89 -83
  196. package/styles/drop-down-list/fabric.scss +1 -0
  197. package/styles/drop-down-list/fluent-dark.css +73 -88
  198. package/styles/drop-down-list/fluent-dark.scss +1 -0
  199. package/styles/drop-down-list/fluent.css +73 -88
  200. package/styles/drop-down-list/fluent.scss +1 -0
  201. package/styles/drop-down-list/fluent2.css +76 -93
  202. package/styles/drop-down-list/fluent2.scss +1 -0
  203. package/styles/drop-down-list/highcontrast-light.css +78 -80
  204. package/styles/drop-down-list/highcontrast-light.scss +1 -0
  205. package/styles/drop-down-list/highcontrast.css +79 -80
  206. package/styles/drop-down-list/highcontrast.scss +1 -0
  207. package/styles/drop-down-list/material-dark.css +73 -73
  208. package/styles/drop-down-list/material-dark.scss +1 -0
  209. package/styles/drop-down-list/material.css +94 -94
  210. package/styles/drop-down-list/material.scss +1 -0
  211. package/styles/drop-down-list/material3-dark.css +98 -98
  212. package/styles/drop-down-list/material3-dark.scss +1 -0
  213. package/styles/drop-down-list/material3.css +98 -98
  214. package/styles/drop-down-list/material3.scss +1 -0
  215. package/styles/drop-down-list/tailwind-dark.css +95 -78
  216. package/styles/drop-down-list/tailwind-dark.scss +1 -0
  217. package/styles/drop-down-list/tailwind.css +95 -78
  218. package/styles/drop-down-list/tailwind.scss +1 -0
  219. package/styles/drop-down-tree/_bigger.scss +522 -0
  220. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +5 -5
  221. package/styles/drop-down-tree/_fluent2-definition.scss +5 -3
  222. package/styles/drop-down-tree/_layout.scss +15 -491
  223. package/styles/drop-down-tree/_theme.scss +16 -4
  224. package/styles/drop-down-tree/bootstrap-dark.css +32 -37
  225. package/styles/drop-down-tree/bootstrap-dark.scss +1 -0
  226. package/styles/drop-down-tree/bootstrap.css +32 -37
  227. package/styles/drop-down-tree/bootstrap.scss +1 -0
  228. package/styles/drop-down-tree/bootstrap4.css +38 -47
  229. package/styles/drop-down-tree/bootstrap4.scss +1 -0
  230. package/styles/drop-down-tree/bootstrap5-dark.css +36 -55
  231. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -0
  232. package/styles/drop-down-tree/bootstrap5.3.css +460 -0
  233. package/styles/drop-down-tree/bootstrap5.3.scss +10 -0
  234. package/styles/drop-down-tree/bootstrap5.css +36 -55
  235. package/styles/drop-down-tree/bootstrap5.scss +1 -0
  236. package/styles/drop-down-tree/fabric-dark.css +32 -37
  237. package/styles/drop-down-tree/fabric-dark.scss +1 -0
  238. package/styles/drop-down-tree/fabric.css +32 -37
  239. package/styles/drop-down-tree/fabric.scss +1 -0
  240. package/styles/drop-down-tree/fluent-dark.css +32 -51
  241. package/styles/drop-down-tree/fluent-dark.scss +1 -0
  242. package/styles/drop-down-tree/fluent.css +32 -51
  243. package/styles/drop-down-tree/fluent.scss +1 -0
  244. package/styles/drop-down-tree/fluent2.css +38 -53
  245. package/styles/drop-down-tree/fluent2.scss +1 -0
  246. package/styles/drop-down-tree/highcontrast-light.css +32 -39
  247. package/styles/drop-down-tree/highcontrast-light.scss +1 -0
  248. package/styles/drop-down-tree/highcontrast.css +41 -48
  249. package/styles/drop-down-tree/highcontrast.scss +1 -0
  250. package/styles/drop-down-tree/material-dark.css +32 -36
  251. package/styles/drop-down-tree/material-dark.scss +1 -0
  252. package/styles/drop-down-tree/material.css +32 -36
  253. package/styles/drop-down-tree/material.scss +1 -0
  254. package/styles/drop-down-tree/material3-dark.css +33 -37
  255. package/styles/drop-down-tree/material3-dark.scss +1 -0
  256. package/styles/drop-down-tree/material3.css +33 -37
  257. package/styles/drop-down-tree/material3.scss +1 -0
  258. package/styles/drop-down-tree/tailwind-dark.css +51 -73
  259. package/styles/drop-down-tree/tailwind-dark.scss +1 -0
  260. package/styles/drop-down-tree/tailwind.css +51 -73
  261. package/styles/drop-down-tree/tailwind.scss +1 -0
  262. package/styles/fabric-dark-lite.css +2730 -0
  263. package/styles/fabric-dark-lite.scss +28 -0
  264. package/styles/fabric-dark.css +657 -604
  265. package/styles/fabric-dark.scss +6 -1
  266. package/styles/fabric-lite.css +2731 -0
  267. package/styles/fabric-lite.scss +28 -0
  268. package/styles/fabric.css +667 -607
  269. package/styles/fabric.scss +6 -1
  270. package/styles/fluent-dark-lite.css +2866 -0
  271. package/styles/fluent-dark-lite.scss +28 -0
  272. package/styles/fluent-dark.css +703 -678
  273. package/styles/fluent-dark.scss +6 -1
  274. package/styles/fluent-lite.css +2866 -0
  275. package/styles/fluent-lite.scss +28 -0
  276. package/styles/fluent.css +703 -678
  277. package/styles/fluent.scss +6 -1
  278. package/styles/fluent2-lite.css +3050 -0
  279. package/styles/fluent2-lite.scss +28 -0
  280. package/styles/fluent2.css +739 -672
  281. package/styles/fluent2.scss +6 -1
  282. package/styles/highcontrast-light-lite.css +2847 -0
  283. package/styles/highcontrast-light-lite.scss +28 -0
  284. package/styles/highcontrast-light.css +652 -602
  285. package/styles/highcontrast-light.scss +6 -1
  286. package/styles/highcontrast-lite.css +2870 -0
  287. package/styles/highcontrast-lite.scss +28 -0
  288. package/styles/highcontrast.css +670 -619
  289. package/styles/highcontrast.scss +6 -1
  290. package/styles/list-box/_bigger.scss +173 -0
  291. package/styles/list-box/_bootstrap5-definition.scss +1 -0
  292. package/styles/list-box/_bootstrap5.3-definition.scss +17 -14
  293. package/styles/list-box/_fluent2-definition.scss +2 -0
  294. package/styles/list-box/_layout.scss +15 -127
  295. package/styles/list-box/_theme.scss +14 -51
  296. package/styles/list-box/bootstrap-dark.css +121 -129
  297. package/styles/list-box/bootstrap-dark.scss +1 -0
  298. package/styles/list-box/bootstrap.css +127 -135
  299. package/styles/list-box/bootstrap.scss +1 -0
  300. package/styles/list-box/bootstrap4.css +171 -183
  301. package/styles/list-box/bootstrap4.scss +1 -0
  302. package/styles/list-box/bootstrap5-dark.css +127 -149
  303. package/styles/list-box/bootstrap5-dark.scss +1 -0
  304. package/styles/list-box/bootstrap5.3.css +950 -0
  305. package/styles/list-box/bootstrap5.3.scss +6 -0
  306. package/styles/list-box/bootstrap5.css +127 -149
  307. package/styles/list-box/bootstrap5.scss +1 -0
  308. package/styles/list-box/fabric-dark.css +121 -129
  309. package/styles/list-box/fabric-dark.scss +1 -0
  310. package/styles/list-box/fabric.css +127 -135
  311. package/styles/list-box/fabric.scss +1 -0
  312. package/styles/list-box/fluent-dark.css +127 -149
  313. package/styles/list-box/fluent-dark.scss +1 -0
  314. package/styles/list-box/fluent.css +127 -149
  315. package/styles/list-box/fluent.scss +1 -0
  316. package/styles/list-box/fluent2.css +121 -156
  317. package/styles/list-box/fluent2.scss +1 -0
  318. package/styles/list-box/highcontrast-light.css +121 -131
  319. package/styles/list-box/highcontrast-light.scss +1 -0
  320. package/styles/list-box/highcontrast.css +127 -137
  321. package/styles/list-box/highcontrast.scss +1 -0
  322. package/styles/list-box/material-dark.css +121 -128
  323. package/styles/list-box/material-dark.scss +1 -0
  324. package/styles/list-box/material.css +127 -134
  325. package/styles/list-box/material.scss +1 -0
  326. package/styles/list-box/material3-dark.css +121 -128
  327. package/styles/list-box/material3-dark.scss +1 -0
  328. package/styles/list-box/material3.css +121 -128
  329. package/styles/list-box/material3.scss +1 -0
  330. package/styles/list-box/tailwind-dark.css +137 -162
  331. package/styles/list-box/tailwind-dark.scss +1 -0
  332. package/styles/list-box/tailwind.css +137 -162
  333. package/styles/list-box/tailwind.scss +1 -0
  334. package/styles/material-dark-lite.css +3513 -0
  335. package/styles/material-dark-lite.scss +28 -0
  336. package/styles/material-dark.css +1265 -1157
  337. package/styles/material-dark.scss +6 -1
  338. package/styles/material-lite.css +3545 -0
  339. package/styles/material-lite.scss +28 -0
  340. package/styles/material.css +1305 -1197
  341. package/styles/material.scss +6 -1
  342. package/styles/material3-dark-lite.css +3459 -0
  343. package/styles/material3-dark-lite.scss +28 -0
  344. package/styles/material3-dark.css +1614 -1248
  345. package/styles/material3-dark.scss +6 -1
  346. package/styles/material3-lite.css +3461 -0
  347. package/styles/material3-lite.scss +28 -0
  348. package/styles/material3.css +1614 -1248
  349. package/styles/material3.scss +6 -1
  350. package/styles/mention/bootstrap-dark.css +0 -5
  351. package/styles/mention/bootstrap.css +0 -5
  352. package/styles/mention/bootstrap4.css +0 -9
  353. package/styles/mention/bootstrap5-dark.css +0 -19
  354. package/styles/mention/bootstrap5.3.css +67 -0
  355. package/styles/mention/bootstrap5.3.scss +6 -0
  356. package/styles/mention/bootstrap5.css +0 -19
  357. package/styles/mention/fabric-dark.css +0 -5
  358. package/styles/mention/fabric.css +0 -5
  359. package/styles/mention/fluent-dark.css +0 -19
  360. package/styles/mention/fluent.css +0 -19
  361. package/styles/mention/fluent2.css +0 -22
  362. package/styles/mention/highcontrast-light.css +0 -7
  363. package/styles/mention/highcontrast.css +0 -7
  364. package/styles/mention/material-dark.css +0 -4
  365. package/styles/mention/material.css +0 -4
  366. package/styles/mention/material3-dark.css +0 -4
  367. package/styles/mention/material3.css +0 -4
  368. package/styles/mention/tailwind-dark.css +0 -22
  369. package/styles/mention/tailwind.css +0 -22
  370. package/styles/multi-select/_bds-definition.scss +0 -5
  371. package/styles/multi-select/_bigger.scss +2002 -0
  372. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -9
  373. package/styles/multi-select/_bootstrap-definition.scss +0 -9
  374. package/styles/multi-select/_bootstrap4-definition.scss +0 -44
  375. package/styles/multi-select/_bootstrap5-definition.scss +0 -5
  376. package/styles/multi-select/_bootstrap5.3-definition.scss +0 -5
  377. package/styles/multi-select/_fabric-dark-definition.scss +2 -4
  378. package/styles/multi-select/_fabric-definition.scss +2 -4
  379. package/styles/multi-select/_fluent-definition.scss +0 -10
  380. package/styles/multi-select/_fluent2-definition.scss +2 -5
  381. package/styles/multi-select/_fusionnew-definition.scss +0 -5
  382. package/styles/multi-select/_highcontrast-definition.scss +1 -2
  383. package/styles/multi-select/_highcontrast-light-definition.scss +1 -2
  384. package/styles/multi-select/_layout.scss +33 -934
  385. package/styles/multi-select/_tailwind-definition.scss +0 -5
  386. package/styles/multi-select/_theme.scss +13 -34
  387. package/styles/multi-select/bootstrap-dark.css +314 -273
  388. package/styles/multi-select/bootstrap-dark.scss +1 -0
  389. package/styles/multi-select/bootstrap.css +314 -273
  390. package/styles/multi-select/bootstrap.scss +1 -0
  391. package/styles/multi-select/bootstrap4.css +405 -347
  392. package/styles/multi-select/bootstrap4.scss +1 -0
  393. package/styles/multi-select/bootstrap5-dark.css +350 -320
  394. package/styles/multi-select/bootstrap5-dark.scss +1 -0
  395. package/styles/multi-select/bootstrap5.3.css +1424 -0
  396. package/styles/multi-select/bootstrap5.3.scss +10 -0
  397. package/styles/multi-select/bootstrap5.css +350 -320
  398. package/styles/multi-select/bootstrap5.scss +1 -0
  399. package/styles/multi-select/fabric-dark.css +320 -273
  400. package/styles/multi-select/fabric-dark.scss +1 -0
  401. package/styles/multi-select/fabric.css +320 -273
  402. package/styles/multi-select/fabric.scss +1 -0
  403. package/styles/multi-select/fluent-dark.css +366 -361
  404. package/styles/multi-select/fluent-dark.scss +1 -0
  405. package/styles/multi-select/fluent.css +366 -361
  406. package/styles/multi-select/fluent.scss +1 -0
  407. package/styles/multi-select/fluent2.css +399 -355
  408. package/styles/multi-select/fluent2.scss +1 -0
  409. package/styles/multi-select/highcontrast-light.css +321 -278
  410. package/styles/multi-select/highcontrast-light.scss +1 -0
  411. package/styles/multi-select/highcontrast.css +321 -278
  412. package/styles/multi-select/highcontrast.scss +1 -0
  413. package/styles/multi-select/icons/_bootstrap4.scss +0 -9
  414. package/styles/multi-select/icons/_fluent.scss +0 -21
  415. package/styles/multi-select/icons/_fluent2.scss +5 -354
  416. package/styles/multi-select/icons/_material-dark.scss +5 -354
  417. package/styles/multi-select/icons/_material.scss +5 -354
  418. package/styles/multi-select/icons/_material3.scss +5 -354
  419. package/styles/multi-select/material-dark.css +960 -857
  420. package/styles/multi-select/material-dark.scss +1 -0
  421. package/styles/multi-select/material.css +960 -857
  422. package/styles/multi-select/material.scss +1 -0
  423. package/styles/multi-select/material3-dark.css +1277 -916
  424. package/styles/multi-select/material3-dark.scss +1 -0
  425. package/styles/multi-select/material3.css +1277 -916
  426. package/styles/multi-select/material3.scss +1 -0
  427. package/styles/multi-select/tailwind-dark.css +351 -327
  428. package/styles/multi-select/tailwind-dark.scss +1 -0
  429. package/styles/multi-select/tailwind.css +351 -327
  430. package/styles/multi-select/tailwind.scss +1 -0
  431. package/styles/tailwind-dark-lite.css +2813 -0
  432. package/styles/tailwind-dark-lite.scss +28 -0
  433. package/styles/tailwind-dark.css +930 -848
  434. package/styles/tailwind-dark.scss +6 -1
  435. package/styles/tailwind-lite.css +2813 -0
  436. package/styles/tailwind-lite.scss +28 -0
  437. package/styles/tailwind.css +930 -848
  438. package/styles/tailwind.scss +6 -1
@@ -0,0 +1,2752 @@
1
+ .e-dropdownbase .e-list-item .e-list-icon {
2
+ padding: 0 10px 0 0;
3
+ }
4
+
5
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
6
+ padding: 0 8px 0 0;
7
+ }
8
+
9
+ .e-dropdownbase {
10
+ display: block;
11
+ height: 100%;
12
+ min-height: 36px;
13
+ position: relative;
14
+ width: 100%;
15
+ }
16
+ .e-dropdownbase .e-list-parent {
17
+ margin: 0;
18
+ padding: 0;
19
+ }
20
+
21
+ .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
22
+ cursor: default;
23
+ }
24
+
25
+ .e-dropdownbase .e-list-item {
26
+ cursor: pointer;
27
+ overflow: hidden;
28
+ position: relative;
29
+ text-overflow: ellipsis;
30
+ vertical-align: middle;
31
+ white-space: nowrap;
32
+ width: 100%;
33
+ }
34
+
35
+ .e-dropdownbase .e-list-item .e-list-icon {
36
+ font-size: 16px;
37
+ vertical-align: middle;
38
+ }
39
+
40
+ .e-dropdownbase .e-fixed-head {
41
+ position: absolute;
42
+ top: 0;
43
+ }
44
+
45
+ .e-dropdownbase.e-content {
46
+ overflow: auto;
47
+ position: relative;
48
+ }
49
+
50
+ .e-popup.e-ddl .e-dropdownbase.e-nodata,
51
+ .e-popup.e-mention .e-dropdownbase.e-nodata {
52
+ color: #a4a4a4;
53
+ cursor: default;
54
+ font-family: inherit;
55
+ font-size: 14px;
56
+ padding: 14px 16px;
57
+ text-align: center;
58
+ }
59
+
60
+ .e-mention.e-popup {
61
+ background: #6e6e6e;
62
+ border: 0;
63
+ -webkit-box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
64
+ box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
65
+ margin-top: 2px;
66
+ position: absolute;
67
+ }
68
+
69
+ .e-mention .e-dropdownbase .e-list-item .e-highlight {
70
+ display: inline;
71
+ font-weight: bold;
72
+ vertical-align: baseline;
73
+ }
74
+
75
+ .e-mention .e-mention-chip,
76
+ .e-mention .e-mention-chip:hover {
77
+ background: #2a2a2a;
78
+ border-radius: 2px;
79
+ border: none;
80
+ color: #0070f0;
81
+ cursor: default;
82
+ }
83
+
84
+ .e-mention.e-editable-element {
85
+ border: 2px solid #414141;
86
+ height: auto;
87
+ min-height: 120px;
88
+ width: 100%;
89
+ }
90
+
91
+ .e-form-mirror-div {
92
+ white-space: pre-wrap;
93
+ }
94
+
95
+ .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
96
+ padding-right: 30px;
97
+ }
98
+
99
+ .e-dropdownbase.e-dd-group .e-list-item {
100
+ padding-left: 30px;
101
+ text-indent: 0;
102
+ }
103
+
104
+ .e-small .e-dropdownbase.e-dd-group .e-list-item {
105
+ padding-left: 30px;
106
+ }
107
+
108
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
109
+ text-indent: 0;
110
+ }
111
+
112
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
113
+ cursor: pointer;
114
+ font-weight: normal;
115
+ overflow: hidden;
116
+ position: relative;
117
+ text-overflow: ellipsis;
118
+ vertical-align: middle;
119
+ white-space: nowrap;
120
+ width: 100%;
121
+ }
122
+
123
+ .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
124
+ padding-right: 30px;
125
+ }
126
+
127
+ .e-rtl .e-dropdownbase .e-list-item {
128
+ padding-left: 20px;
129
+ padding-right: 0;
130
+ }
131
+ .e-small.e-rtl .e-dropdownbase .e-list-item,
132
+ .e-small .e-rtl .e-dropdownbase .e-list-item,
133
+ .e-rtl .e-small .e-dropdownbase .e-list-item {
134
+ padding-left: 20px;
135
+ padding-right: 0;
136
+ }
137
+ .e-dropdownbase {
138
+ border-color: #414141;
139
+ }
140
+ .e-dropdownbase .e-list-item {
141
+ /* stylelint-disable property-no-vendor-prefix */
142
+ -webkit-tap-highlight-color: transparent;
143
+ border-bottom: 1px;
144
+ border-color: #6e6e6e;
145
+ color: #f0f0f0;
146
+ font-family: inherit;
147
+ font-size: 14px;
148
+ line-height: 26px;
149
+ min-height: 26px;
150
+ padding-right: 20px;
151
+ text-indent: 20px;
152
+ background-color: #2a2a2a;
153
+ }
154
+
155
+ .e-dropdownbase .e-list-group-item,
156
+ .e-fixed-head {
157
+ border-color: #6e6e6e;
158
+ color: #3e98ff;
159
+ font-family: inherit;
160
+ font-size: 12px;
161
+ font-weight: normal;
162
+ line-height: 26px;
163
+ min-height: 26px;
164
+ padding-left: 20px;
165
+ padding-right: 20px;
166
+ overflow: hidden;
167
+ text-overflow: ellipsis;
168
+ background-color: #2a2a2a;
169
+ }
170
+
171
+ .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
172
+ background-color: #0070f0;
173
+ border-color: #6e6e6e;
174
+ color: #fff;
175
+ }
176
+
177
+ .e-dropdownbase .e-list-item.e-hover {
178
+ background-color: #414141;
179
+ border-color: #6e6e6e;
180
+ color: #f0f0f0;
181
+ }
182
+
183
+ .e-dropdownbase .e-list-item:last-child {
184
+ border-bottom: 0;
185
+ }
186
+
187
+ .e-dropdownbase .e-list-item.e-item-focus {
188
+ background-color: #414141;
189
+ }
190
+
191
+ .e-multi-column.e-ddl.e-popup.e-popup-open table {
192
+ border-collapse: collapse;
193
+ table-layout: fixed;
194
+ width: 100%;
195
+ }
196
+
197
+ .e-multi-column.e-ddl.e-popup.e-popup-open th,
198
+ .e-multi-column.e-ddl.e-popup.e-popup-open td {
199
+ display: table-cell;
200
+ overflow: hidden;
201
+ padding-right: 16px;
202
+ text-indent: 10px;
203
+ text-overflow: ellipsis;
204
+ }
205
+
206
+ .e-multi-column.e-ddl.e-popup.e-popup-open th {
207
+ line-height: 36px;
208
+ text-align: left;
209
+ }
210
+
211
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header {
212
+ background-color: #2a2a2a;
213
+ border-color: #484848;
214
+ border-style: solid;
215
+ border-width: 0 0 1px 0;
216
+ color: #3e98ff;
217
+ font-family: inherit;
218
+ font-size: 12px;
219
+ font-weight: normal;
220
+ text-indent: 10px;
221
+ }
222
+
223
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-dropdownbase .e-list-item {
224
+ padding-right: 0;
225
+ }
226
+
227
+ .e-multi-column.e-ddl.e-popup.e-popup-open.e-scroller .e-ddl-header {
228
+ padding-right: 16px;
229
+ }
230
+
231
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header,
232
+ .e-multi-column.e-ddl.e-popup.e-popup-open.e-ddl-device .e-ddl-header {
233
+ padding-right: 0;
234
+ }
235
+
236
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-center {
237
+ text-align: center;
238
+ }
239
+
240
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-right {
241
+ text-align: right;
242
+ }
243
+
244
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-left {
245
+ text-align: left;
246
+ }
247
+
248
+ .e-small .e-dropdownbase .e-list-item,
249
+ .e-dropdownbase.e-small .e-list-item {
250
+ color: #f0f0f0;
251
+ line-height: 22px;
252
+ min-height: 22px;
253
+ text-indent: 12px;
254
+ }
255
+
256
+ .e-small .e-dropdownbase .e-list-group-item, .e-small .e-dropdownbase .e-fixed-head,
257
+ .e-dropdownbase.e-small .e-list-group-item,
258
+ .e-dropdownbase.e-small .e-fixed-head {
259
+ font-size: 12px;
260
+ line-height: 22px;
261
+ min-height: 22px;
262
+ padding-left: 20px;
263
+ }
264
+
265
+ .e-small .e-dropdownbase .e-list-item .e-list-icon,
266
+ .e-dropdownbase.e-small .e-list-item .e-list-icon {
267
+ font-size: 14px;
268
+ }
269
+
270
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
271
+ background-color: #2a2a2a;
272
+ border-bottom: 1px;
273
+ border-color: #6e6e6e;
274
+ color: #f0f0f0;
275
+ font-family: inherit;
276
+ text-indent: 20px;
277
+ font-size: 14px;
278
+ padding-right: 20px;
279
+ }
280
+
281
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
282
+ background-color: #414141;
283
+ }
284
+
285
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
286
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
287
+ background-color: #0070f0;
288
+ border-color: #6e6e6e;
289
+ color: #fff;
290
+ }
291
+
292
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
293
+ background-color: #414141;
294
+ border-color: #6e6e6e;
295
+ color: #f0f0f0;
296
+ }
297
+
298
+ .e-selectall-parent.e-item-focus {
299
+ background-color: #414141;
300
+ }
301
+
302
+ /* stylelint-disable property-no-vendor-prefix */
303
+ /* stylelint-disable property-no-vendor-prefix */
304
+ @-webkit-keyframes material-spinner-rotate {
305
+ 0% {
306
+ -webkit-transform: rotate(0);
307
+ transform: rotate(0);
308
+ }
309
+ 100% {
310
+ -webkit-transform: rotate(360deg);
311
+ transform: rotate(360deg);
312
+ }
313
+ }
314
+ @keyframes material-spinner-rotate {
315
+ 0% {
316
+ -webkit-transform: rotate(0);
317
+ transform: rotate(0);
318
+ }
319
+ 100% {
320
+ -webkit-transform: rotate(360deg);
321
+ transform: rotate(360deg);
322
+ }
323
+ }
324
+ @-webkit-keyframes fabric-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 fabric-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
+ .e-popup.e-ddl {
345
+ border-radius: 4px;
346
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
347
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
348
+ margin-top: 3px;
349
+ }
350
+ .e-popup.e-ddl .e-input-group {
351
+ width: auto;
352
+ }
353
+ .e-popup.e-ddl .e-input-group input {
354
+ line-height: 15px;
355
+ }
356
+
357
+ .e-popup.e-ddl .e-dropdownbase {
358
+ min-height: 26px;
359
+ }
360
+
361
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
362
+ display: -webkit-box;
363
+ display: -ms-flexbox;
364
+ display: flex;
365
+ width: auto;
366
+ }
367
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
368
+ border: 0;
369
+ }
370
+
371
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
372
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
373
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
374
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
375
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
376
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
377
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
378
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
379
+ background: transparent;
380
+ color: #f0f0f0;
381
+ }
382
+
383
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
384
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
385
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
386
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
387
+ border: 0;
388
+ }
389
+
390
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
391
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
392
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
393
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
394
+ -webkit-box-shadow: none;
395
+ box-shadow: none;
396
+ }
397
+
398
+ .e-ddl.e-popup .e-filter-parent {
399
+ border-bottom: 1px solid #484848;
400
+ }
401
+
402
+ .e-ddl .e-search-icon::before {
403
+ content: "\e993";
404
+ }
405
+
406
+ .e-ddl .e-back-icon::before {
407
+ content: "\e94b";
408
+ }
409
+
410
+ .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
411
+ content: "\e969";
412
+ font-family: "e-icons";
413
+ }
414
+
415
+ .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
416
+ display: block;
417
+ visibility: hidden;
418
+ }
419
+
420
+ .e-popup-full-page {
421
+ bottom: 0;
422
+ left: 0;
423
+ margin: 0;
424
+ overflow: hidden;
425
+ padding: 0;
426
+ right: 0;
427
+ top: 0;
428
+ }
429
+ .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
430
+ margin: 0;
431
+ }
432
+
433
+ .e-ddl.e-control-wrapper .e-ddl-disable-icon {
434
+ position: relative;
435
+ }
436
+
437
+ .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
438
+ content: "";
439
+ }
440
+
441
+ .e-ddl-device-filter .e-filter-parent {
442
+ background-color: #6e6e6e;
443
+ }
444
+
445
+ /* stylelint-disable property-no-vendor-prefix */
446
+ .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
447
+ display: none;
448
+ pointer-events: none;
449
+ position: absolute;
450
+ right: 0;
451
+ visibility: hidden;
452
+ }
453
+
454
+ /* stylelint-enable property-no-vendor-prefix */
455
+ .e-filter-parent {
456
+ border: #414141;
457
+ border-top-width: 0;
458
+ -webkit-box-shadow: none;
459
+ box-shadow: none;
460
+ display: block;
461
+ padding: 5px 8px;
462
+ }
463
+
464
+ .e-ddl.e-input-group:not(.e-disabled) {
465
+ cursor: pointer;
466
+ }
467
+
468
+ .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
469
+ width: 0;
470
+ }
471
+
472
+ .e-ddl.e-popup {
473
+ background: #313131;
474
+ border: 1px solid #414141;
475
+ position: absolute;
476
+ }
477
+ .e-ddl.e-popup .e-search-icon {
478
+ margin: 0;
479
+ opacity: 0.57;
480
+ padding: 8px;
481
+ }
482
+
483
+ .e-ddl.e-popup .e-filter-parent .e-back-icon {
484
+ padding: 0;
485
+ }
486
+
487
+ .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter:focus, .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
488
+ padding: 0 12px;
489
+ }
490
+
491
+ .e-ddl.e-popup .e-input-group {
492
+ margin-bottom: 0;
493
+ }
494
+
495
+ .e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
496
+ cursor: default;
497
+ }
498
+
499
+ /* stylelint-disable property-no-vendor-prefix */
500
+ .e-ddl.e-input-group .e-ddl-hidden,
501
+ .e-ddl.e-float-input .e-ddl-hidden {
502
+ -webkit-appearance: initial;
503
+ border: 0;
504
+ height: 0;
505
+ padding: 0;
506
+ visibility: hidden;
507
+ width: 0;
508
+ }
509
+
510
+ .e-ddl.e-input-group,
511
+ .e-ddl.e-input-group.e-input-focus:focus {
512
+ outline: none;
513
+ }
514
+
515
+ .e-dropdownbase .e-list-item .e-highlight {
516
+ display: inline;
517
+ font-weight: bold;
518
+ vertical-align: baseline;
519
+ }
520
+
521
+ .e-ddl.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
522
+ .e-float-input input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
523
+ .e-float-input.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide) {
524
+ opacity: 1;
525
+ }
526
+
527
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
528
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
529
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
530
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
531
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
532
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
533
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
534
+ display: -webkit-box;
535
+ display: -ms-flexbox;
536
+ display: flex;
537
+ }
538
+
539
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
540
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
541
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
542
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
543
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
544
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
545
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
546
+ display: none;
547
+ }
548
+
549
+ .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
550
+ .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
551
+ .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
552
+ .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
553
+ .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
554
+ .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
555
+ cursor: pointer;
556
+ display: -webkit-box;
557
+ display: -ms-flexbox;
558
+ display: flex;
559
+ }
560
+
561
+ .e-ddl.e-input-group .e-input-value,
562
+ .e-ddl.e-input-group .e-input-value:focus {
563
+ font-family: inherit;
564
+ font-size: 14px;
565
+ height: auto;
566
+ margin: 0;
567
+ outline: none;
568
+ width: 100%;
569
+ }
570
+ .e-ddl.e-input-group input[readonly].e-input,
571
+ .e-ddl.e-input-group input[readonly],
572
+ .e-ddl.e-input-group .e-dropdownlist {
573
+ pointer-events: none;
574
+ }
575
+
576
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
577
+ opacity: 0.7;
578
+ pointer-events: none;
579
+ }
580
+
581
+ ejs-autocomplete,
582
+ ejs-combobox,
583
+ ejs-dropdownlist {
584
+ display: block;
585
+ }
586
+
587
+ .e-small .e-ddl.e-popup .e-list-item,
588
+ .e-input-group.e-ddl.e-small .e-list-item {
589
+ font-size: 13px;
590
+ }
591
+ .e-small .e-ddl.e-popup .e-list-group-item,
592
+ .e-input-group.e-ddl.e-small .e-list-group-item {
593
+ font-size: 13px;
594
+ }
595
+
596
+ .e-small.e-ddl.e-popup .e-list-item,
597
+ .e-input-group.e-ddl.e-small .e-list-item {
598
+ font-size: 13px;
599
+ }
600
+ .e-small.e-ddl.e-popup .e-list-group-item,
601
+ .e-input-group.e-ddl.e-small .e-list-group-item {
602
+ font-size: 13px;
603
+ }
604
+
605
+ .e-content-placeholder.e-ddl.e-placeholder-ddl,
606
+ .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
607
+ .e-content-placeholder.e-combobox.e-placeholder-combobox {
608
+ background-size: 300px 33px;
609
+ min-height: 33px;
610
+ }
611
+
612
+ .e-popup {
613
+ border-color: #414141;
614
+ }
615
+
616
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
617
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
618
+ color: #fff;
619
+ }
620
+
621
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
622
+ border-color: transparent;
623
+ }
624
+
625
+ /* stylelint-disable */
626
+ /* stylelint-disable */
627
+ .e-ddt .e-ddt-icon::before {
628
+ content: "\e969";
629
+ }
630
+ .e-ddt .e-chips-close::before {
631
+ content: "\e842";
632
+ }
633
+
634
+ .e-ddt {
635
+ cursor: pointer;
636
+ outline: none;
637
+ }
638
+ .e-ddt .e-ddt-icon::before {
639
+ -webkit-transform: rotate(0deg);
640
+ transform: rotate(0deg);
641
+ -webkit-transition: -webkit-transform 300ms ease;
642
+ transition: -webkit-transform 300ms ease;
643
+ transition: transform 300ms ease;
644
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
645
+ }
646
+ .e-ddt.e-icon-anim .e-ddt-icon::before {
647
+ -webkit-transform: rotate(180deg);
648
+ transform: rotate(180deg);
649
+ -webkit-transition: -webkit-transform 300ms ease;
650
+ transition: -webkit-transform 300ms ease;
651
+ transition: transform 300ms ease;
652
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
653
+ }
654
+ .e-ddt .e-ddt-hidden {
655
+ border: 0;
656
+ height: 0;
657
+ visibility: hidden;
658
+ width: 0;
659
+ }
660
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
661
+ -webkit-box-sizing: content-box;
662
+ box-sizing: content-box;
663
+ min-height: 32px;
664
+ }
665
+ .e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
666
+ border: 0;
667
+ }
668
+ .e-ddt.e-input-group.e-control-wrapper .e-icon-hide, .e-ddt.e-float-input.e-control-wrapper .e-icon-hide {
669
+ display: none;
670
+ }
671
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
672
+ bottom: 0;
673
+ position: absolute;
674
+ right: 0;
675
+ }
676
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
677
+ right: 32px;
678
+ }
679
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
680
+ bottom: 0;
681
+ position: absolute;
682
+ right: 0;
683
+ }
684
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
685
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
686
+ .e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
687
+ .e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
688
+ .e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
689
+ padding-left: 0;
690
+ padding-right: 0;
691
+ }
692
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
693
+ display: -webkit-box;
694
+ display: -ms-flexbox;
695
+ display: flex;
696
+ }
697
+ .e-ddt .e-chips-wrapper {
698
+ width: 100%;
699
+ }
700
+ .e-ddt.e-show-chip .e-chips-close {
701
+ min-height: 30px;
702
+ min-width: 30px;
703
+ line-height: 30px;
704
+ text-align: center;
705
+ }
706
+ .e-ddt.e-show-chip .e-chips-close::before {
707
+ font-size: 10px;
708
+ }
709
+ .e-ddt.e-show-chip .e-chips-close::before {
710
+ vertical-align: middle;
711
+ }
712
+ .e-ddt.e-show-chip .e-chips {
713
+ -webkit-box-align: center;
714
+ -ms-flex-align: center;
715
+ align-items: center;
716
+ border-radius: 4px;
717
+ -webkit-box-sizing: border-box;
718
+ box-sizing: border-box;
719
+ display: -webkit-inline-box;
720
+ display: -ms-inline-flexbox;
721
+ display: inline-flex;
722
+ float: left;
723
+ height: 28px;
724
+ margin: 2px 1px;
725
+ max-width: calc(100% - 2px);
726
+ overflow: hidden;
727
+ padding: 0;
728
+ text-overflow: ellipsis;
729
+ white-space: nowrap;
730
+ }
731
+ .e-ddt.e-show-chip .e-chips > .e-chipcontent {
732
+ max-width: 100%;
733
+ overflow: hidden;
734
+ padding: 0 10px 0 10px;
735
+ text-indent: 0;
736
+ text-overflow: ellipsis;
737
+ white-space: nowrap;
738
+ }
739
+ .e-ddt .e-overflow {
740
+ white-space: nowrap;
741
+ }
742
+ .e-ddt .e-overflow.e-show-text {
743
+ padding: 6px 12px 0 12px;
744
+ }
745
+ .e-ddt .e-overflow.e-total-count {
746
+ -webkit-box-sizing: border-box;
747
+ box-sizing: border-box;
748
+ display: inline-block;
749
+ overflow: hidden;
750
+ text-overflow: ellipsis;
751
+ }
752
+ .e-ddt .e-overflow.e-total-count .e-remain {
753
+ padding: 0 10px 0 0;
754
+ }
755
+ .e-ddt .e-overflow.e-wrap-count {
756
+ padding-top: 5.5px;
757
+ }
758
+ .e-ddt .e-overflow .e-remain {
759
+ cursor: pointer;
760
+ display: inline-block;
761
+ font-size: 15px;
762
+ padding: 0 0 0 10px;
763
+ }
764
+ .e-ddt .e-overflow .e-remain.e-wrap-count {
765
+ padding-top: 6px;
766
+ }
767
+ .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
768
+ padding: 6px 12px 0 12px;
769
+ }
770
+ .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
771
+ margin-right: 32px;
772
+ max-width: calc(100% - 33px);
773
+ }
774
+ .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child {
775
+ margin-right: 32px;
776
+ max-width: calc(100% - 33px);
777
+ }
778
+ .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
779
+ margin-right: 64px;
780
+ max-width: calc(100% - 65px);
781
+ }
782
+ .e-ddt input[readonly],
783
+ .e-ddt .e-dropdowntree,
784
+ .e-ddt input[readonly].e-input {
785
+ pointer-events: none;
786
+ }
787
+ .e-ddt input[readonly].e-chip-input,
788
+ .e-ddt .e-dropdowntree.e-chip-input,
789
+ .e-ddt input[readonly].e-input.e-chip-input {
790
+ width: 0;
791
+ visibility: hidden;
792
+ }
793
+ .e-ddt.e-popup {
794
+ border: 1px solid #414141;
795
+ -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
796
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
797
+ position: absolute;
798
+ }
799
+ .e-ddt.e-popup .e-selectall-parent {
800
+ border-bottom: 1px solid;
801
+ cursor: pointer;
802
+ display: block;
803
+ line-height: 36px;
804
+ overflow: hidden;
805
+ position: relative;
806
+ text-indent: 38px;
807
+ white-space: nowrap;
808
+ width: 100%;
809
+ }
810
+ .e-ddt.e-popup .e-selectall-parent.e-hide-selectall {
811
+ display: none;
812
+ }
813
+ .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
814
+ position: relative;
815
+ text-indent: 0;
816
+ }
817
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
818
+ font-family: inherit;
819
+ font-size: 14px;
820
+ margin: 10px;
821
+ }
822
+ .e-ddt.e-popup .e-filter-wrap {
823
+ border-top-width: 0;
824
+ display: block;
825
+ padding: 5px 8px;
826
+ border: #414141;
827
+ border-bottom: 1px solid #484848;
828
+ }
829
+ .e-ddt.e-popup .e-filter-wrap .e-input,
830
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
831
+ padding: 0 12px;
832
+ }
833
+ .e-ddt.e-popup .e-filter-wrap .e-input-group {
834
+ margin-bottom: 0;
835
+ }
836
+ .e-ddt.e-popup .e-popup-content {
837
+ overflow: auto;
838
+ position: relative;
839
+ }
840
+ .e-ddt.e-popup .e-popup-content .e-ddt-nodata {
841
+ display: none;
842
+ }
843
+ .e-ddt.e-popup .e-popup-content.e-no-data {
844
+ cursor: default;
845
+ font-family: inherit;
846
+ font-size: 14px;
847
+ text-align: center;
848
+ padding: 14px 16px;
849
+ }
850
+ .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
851
+ display: none;
852
+ }
853
+ .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
854
+ display: block;
855
+ }
856
+ .e-ddt.e-popup .e-treeview {
857
+ display: inline-table;
858
+ width: 100%;
859
+ }
860
+ .e-ddt.e-popup .e-treeview .e-list-item {
861
+ padding: 0;
862
+ }
863
+ .e-ddt.e-popup .e-treeview .e-list-item .e-ul {
864
+ margin: 0;
865
+ padding: 0 0 0 14px;
866
+ }
867
+ .e-ddt.e-popup .e-treeview .e-fullrow {
868
+ height: 36px;
869
+ }
870
+ .e-ddt.e-popup .e-treeview > .e-ul {
871
+ overflow: hidden;
872
+ padding: 0 8px;
873
+ }
874
+ .e-ddt.e-popup .e-treeview.e-fullrow-wrap .e-text-content {
875
+ padding-bottom: 2px;
876
+ padding-top: 2px;
877
+ }
878
+ .e-ddt.e-popup .e-ddt-footer,
879
+ .e-ddt.e-popup .e-ddt-header {
880
+ cursor: default;
881
+ }
882
+ .e-ddt.e-rtl.e-show-chip .e-chips {
883
+ float: right;
884
+ }
885
+ .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
886
+ padding: 0 10px 0 0;
887
+ }
888
+ .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain.e-wrap-count {
889
+ padding-top: 5.5px;
890
+ }
891
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
892
+ position: absolute;
893
+ right: auto;
894
+ }
895
+ .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
896
+ padding: 0 0 0 10px;
897
+ }
898
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
899
+ padding: 6px 12px 0 12px;
900
+ }
901
+ .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
902
+ margin-right: 1px;
903
+ margin-left: 32px;
904
+ }
905
+ .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
906
+ margin-right: 1px;
907
+ margin-left: 32px;
908
+ }
909
+ .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
910
+ margin-right: 1px;
911
+ margin-left: 64px;
912
+ }
913
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
914
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,
915
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
916
+ .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
917
+ .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
918
+ left: 0;
919
+ right: auto;
920
+ }
921
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
922
+ left: 32px;
923
+ }
924
+ .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
925
+ padding: 0 14px 0 0;
926
+ }
927
+
928
+ .e-ddt-icon-hide {
929
+ display: none;
930
+ }
931
+
932
+ .e-ddt .e-chips {
933
+ background-color: #414141;
934
+ }
935
+ .e-ddt .e-chips .e-chips-close::before {
936
+ color: #f0f0f0;
937
+ }
938
+ .e-ddt .e-chips > .e-chipcontent {
939
+ color: #f0f0f0;
940
+ }
941
+ .e-ddt .e-overflow .e-remain {
942
+ color: #8d8d8d;
943
+ }
944
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
945
+ background-color: #1a1a1a;
946
+ }
947
+ .e-ddt.e-popup {
948
+ background: #313131;
949
+ border-color: #414141;
950
+ }
951
+ .e-ddt.e-popup .e-popup-content.e-no-data {
952
+ color: #a4a4a4;
953
+ }
954
+ .e-ddt.e-popup .e-selectall-parent {
955
+ border-bottom-color: #484848;
956
+ }
957
+ .e-ddt.e-popup .e-selectall-parent:focus {
958
+ background: #414141;
959
+ }
960
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
961
+ color: #f0f0f0;
962
+ }
963
+
964
+ /* stylelint-disable-line no-empty-source */
965
+ /* stylelint-disable-line no-empty-source */
966
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
967
+ line-height: 30px;
968
+ top: 0;
969
+ }
970
+
971
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
972
+ border-radius: 0 4px 4px 0;
973
+ border-right-width: 0;
974
+ height: 34px;
975
+ width: 36px;
976
+ }
977
+
978
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
979
+ border-left-width: 0;
980
+ border-radius: 4px 0 0 4px;
981
+ border-right-width: 1px;
982
+ }
983
+
984
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
985
+ height: 32px;
986
+ width: 32px;
987
+ }
988
+
989
+ .e-multi-select-wrapper .e-searcher input[type=text],
990
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
991
+ color: #fff;
992
+ }
993
+
994
+ .e-multiselect.e-input-group .e-ddl-icon::before {
995
+ content: "\e969";
996
+ font-family: "e-icons";
997
+ }
998
+
999
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
1000
+ content: "\e842";
1001
+ cursor: pointer;
1002
+ left: 10px;
1003
+ position: relative;
1004
+ top: 9px;
1005
+ }
1006
+
1007
+ .e-multi-select-wrapper .e-close-hooker::before {
1008
+ content: "\e842";
1009
+ cursor: pointer;
1010
+ left: 15px;
1011
+ position: relative;
1012
+ top: 17px;
1013
+ }
1014
+
1015
+ .e-multiselect.e-input-group .e-ddl-disable-icon::before {
1016
+ content: "";
1017
+ }
1018
+
1019
+ .e-multi-select-wrapper {
1020
+ -webkit-box-sizing: border-box;
1021
+ box-sizing: border-box;
1022
+ cursor: text;
1023
+ line-height: normal;
1024
+ min-height: 32px;
1025
+ padding: 0 32px 0 2px;
1026
+ position: relative;
1027
+ -webkit-user-select: none;
1028
+ -moz-user-select: none;
1029
+ -ms-user-select: none;
1030
+ user-select: none;
1031
+ width: 100%;
1032
+ }
1033
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1034
+ height: 27px;
1035
+ vertical-align: middle;
1036
+ }
1037
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1038
+ height: 100%;
1039
+ min-height: 100%;
1040
+ }
1041
+ .e-multi-select-wrapper .e-delim-view {
1042
+ white-space: nowrap;
1043
+ }
1044
+ .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 {
1045
+ -webkit-box-sizing: border-box;
1046
+ box-sizing: border-box;
1047
+ display: inline-block;
1048
+ overflow: hidden;
1049
+ text-overflow: ellipsis;
1050
+ }
1051
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1052
+ color: #fff;
1053
+ font-size: 10px;
1054
+ left: 17px;
1055
+ top: 8px;
1056
+ }
1057
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1058
+ background-color: #0070f0;
1059
+ color: #fff;
1060
+ padding: 13px 0 13px 0;
1061
+ }
1062
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1063
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1064
+ width: 0;
1065
+ }
1066
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1067
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1068
+ height: 1px;
1069
+ min-height: 1px;
1070
+ }
1071
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1072
+ max-width: 100%;
1073
+ }
1074
+
1075
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1076
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1077
+ display: -webkit-box;
1078
+ display: -ms-flexbox;
1079
+ display: flex;
1080
+ float: left;
1081
+ width: auto;
1082
+ }
1083
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1084
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1085
+ display: -webkit-inline-box;
1086
+ display: -ms-inline-flexbox;
1087
+ display: inline-flex;
1088
+ float: none;
1089
+ }
1090
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1091
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1092
+ width: 0;
1093
+ }
1094
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1095
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1096
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1097
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1098
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1099
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1100
+ display: none;
1101
+ }
1102
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1103
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1104
+ padding: 0 48px 0 0;
1105
+ }
1106
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1107
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1108
+ -webkit-box-align: center;
1109
+ -ms-flex-align: center;
1110
+ align-items: center;
1111
+ display: inline;
1112
+ max-width: 100%;
1113
+ word-break: break-word;
1114
+ }
1115
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1116
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1117
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1118
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1119
+ -webkit-box-align: center;
1120
+ -ms-flex-align: center;
1121
+ align-items: center;
1122
+ cursor: pointer;
1123
+ display: none;
1124
+ -webkit-box-orient: horizontal;
1125
+ -webkit-box-direction: normal;
1126
+ -ms-flex-direction: row;
1127
+ flex-direction: row;
1128
+ margin-top: -3.2em;
1129
+ outline: 0;
1130
+ padding: 0;
1131
+ position: absolute;
1132
+ right: 0;
1133
+ top: 100%;
1134
+ }
1135
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1136
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1137
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1138
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1139
+ display: -webkit-box;
1140
+ display: -ms-flexbox;
1141
+ display: flex;
1142
+ }
1143
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1144
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1145
+ margin-right: 0;
1146
+ margin-top: -2.65em;
1147
+ right: 0;
1148
+ }
1149
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1150
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1151
+ top: -1px;
1152
+ }
1153
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1154
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1155
+ font-size: 10px;
1156
+ }
1157
+
1158
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1159
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1160
+ float: right;
1161
+ }
1162
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1163
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1164
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1165
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1166
+ left: 0;
1167
+ right: auto;
1168
+ }
1169
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1170
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1171
+ padding: 0 0 0 48px;
1172
+ }
1173
+
1174
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1175
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1176
+ opacity: 0.7;
1177
+ pointer-events: none;
1178
+ }
1179
+
1180
+ .e-multiselect.e-input-group,
1181
+ .e-multiselect.e-float-input {
1182
+ word-wrap: initial;
1183
+ }
1184
+
1185
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1186
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1187
+ top: 17px;
1188
+ }
1189
+
1190
+ .e-multi-select-wrapper.e-close-icon-hide {
1191
+ padding-right: 0;
1192
+ }
1193
+
1194
+ .e-multi-select-wrapper .e-chips-collection {
1195
+ cursor: default;
1196
+ display: block;
1197
+ }
1198
+
1199
+ .e-multi-select-wrapper .e-multi-hidden {
1200
+ border: 0;
1201
+ height: 0;
1202
+ position: absolute;
1203
+ visibility: hidden;
1204
+ width: 0;
1205
+ }
1206
+
1207
+ .e-multi-select-wrapper .e-chips {
1208
+ -webkit-box-align: center;
1209
+ -ms-flex-align: center;
1210
+ align-items: center;
1211
+ display: -webkit-inline-box;
1212
+ display: -ms-inline-flexbox;
1213
+ display: inline-flex;
1214
+ float: left;
1215
+ margin: 2px 4px 2px 0;
1216
+ max-width: 100%;
1217
+ overflow: hidden;
1218
+ padding: 0;
1219
+ text-overflow: ellipsis;
1220
+ white-space: nowrap;
1221
+ }
1222
+
1223
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
1224
+ max-width: 100%;
1225
+ overflow: hidden;
1226
+ padding: 6px 10px 6px 10px;
1227
+ text-indent: 0;
1228
+ text-overflow: ellipsis;
1229
+ white-space: nowrap;
1230
+ }
1231
+
1232
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
1233
+ display: inline-block;
1234
+ float: none;
1235
+ }
1236
+
1237
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1238
+ padding: 7px 10px 7px 10px;
1239
+ }
1240
+
1241
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1242
+ padding: 7px 10px 7px 10px;
1243
+ }
1244
+
1245
+ .e-multi-select-wrapper .e-chips-close {
1246
+ -ms-flex-item-align: center;
1247
+ align-self: center;
1248
+ display: -webkit-box;
1249
+ display: -ms-flexbox;
1250
+ display: flex;
1251
+ float: right;
1252
+ font-family: "e-icons";
1253
+ height: 30px;
1254
+ margin: 0 0 0;
1255
+ width: 30px;
1256
+ }
1257
+
1258
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
1259
+ margin: 0 0 0;
1260
+ }
1261
+
1262
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1263
+ margin: 1px 0 0;
1264
+ }
1265
+
1266
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1267
+ cursor: default;
1268
+ font-size: 10px;
1269
+ height: 40px;
1270
+ margin-top: -4em;
1271
+ position: absolute;
1272
+ right: 0;
1273
+ width: 40px;
1274
+ top: 100%;
1275
+ }
1276
+
1277
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1278
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1279
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1280
+ right: 38px;
1281
+ }
1282
+
1283
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1284
+ left: 38px;
1285
+ right: auto;
1286
+ }
1287
+
1288
+ .e-multi-select-wrapper input[type=text] {
1289
+ background: none;
1290
+ border: 0;
1291
+ font-family: inherit;
1292
+ font-size: 15px;
1293
+ font-weight: normal;
1294
+ height: 32px;
1295
+ min-height: 32px;
1296
+ outline: none;
1297
+ padding: 0 0 0 12px;
1298
+ text-indent: 0;
1299
+ }
1300
+
1301
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1302
+ background: none;
1303
+ border: 0;
1304
+ color: inherit;
1305
+ font-family: inherit;
1306
+ font-size: 14px;
1307
+ font-weight: normal;
1308
+ height: 32px;
1309
+ min-height: 32px;
1310
+ outline: none;
1311
+ padding: 0;
1312
+ text-indent: 6px;
1313
+ }
1314
+
1315
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1316
+ padding: 5px;
1317
+ }
1318
+
1319
+ /* stylelint-disable property-no-vendor-prefix */
1320
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
1321
+ display: none;
1322
+ }
1323
+
1324
+ .e-multi-select-wrapper .e-searcher {
1325
+ display: block;
1326
+ float: left;
1327
+ width: auto;
1328
+ }
1329
+
1330
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1331
+ width: calc(100% - 43px);
1332
+ }
1333
+
1334
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1335
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1336
+ width: calc(100% - 37px);
1337
+ }
1338
+
1339
+ .e-multi-select-wrapper .e-delim-values {
1340
+ font-family: inherit;
1341
+ font-size: 14px;
1342
+ line-height: 32px;
1343
+ max-width: 100%;
1344
+ padding-left: 6px;
1345
+ padding-right: 6px;
1346
+ vertical-align: middle;
1347
+ }
1348
+
1349
+ .e-multi-select-list-wrapper .e-hide-listitem,
1350
+ .e-multi-select-list-wrapper .e-hide-group-header {
1351
+ display: none;
1352
+ }
1353
+
1354
+ .e-multi-select-wrapper .e-delim-values .e-remain {
1355
+ color: #8d8d8d;
1356
+ cursor: pointer;
1357
+ display: inline-block;
1358
+ font-size: 15px;
1359
+ padding-left: 10px;
1360
+ }
1361
+
1362
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
1363
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
1364
+ cursor: not-allowed;
1365
+ }
1366
+
1367
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1368
+ height: 46px;
1369
+ left: 0;
1370
+ margin: 0 0 0 0;
1371
+ margin-left: auto;
1372
+ position: relative;
1373
+ top: 0;
1374
+ width: 46px;
1375
+ }
1376
+
1377
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1378
+ -ms-flex-item-align: center;
1379
+ align-self: center;
1380
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1381
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1382
+ display: -webkit-inline-box;
1383
+ display: -ms-inline-flexbox;
1384
+ display: inline-flex;
1385
+ padding: 0 0 0 20px;
1386
+ width: 92%;
1387
+ }
1388
+
1389
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
1390
+ content: "";
1391
+ }
1392
+
1393
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
1394
+ float: none;
1395
+ }
1396
+
1397
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
1398
+ padding-left: 0;
1399
+ }
1400
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
1401
+ padding: 0 2px 0 32px;
1402
+ }
1403
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1404
+ left: -10px;
1405
+ }
1406
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1407
+ margin: 0;
1408
+ margin-right: auto;
1409
+ }
1410
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
1411
+ float: right;
1412
+ }
1413
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
1414
+ float: right;
1415
+ margin: 2px 0 2px 4px;
1416
+ padding: 0 8px 0 0;
1417
+ }
1418
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
1419
+ padding: 6px 10px 6px 10px;
1420
+ }
1421
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
1422
+ float: left;
1423
+ }
1424
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
1425
+ left: -10px;
1426
+ }
1427
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
1428
+ padding: 0 4px 0 8px;
1429
+ }
1430
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
1431
+ padding: 8px 4px;
1432
+ }
1433
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1434
+ padding: 0 8px 0 4px;
1435
+ }
1436
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1437
+ padding: 12px 4px;
1438
+ }
1439
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1440
+ left: 38px;
1441
+ position: absolute;
1442
+ right: auto;
1443
+ }
1444
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
1445
+ left: -15px;
1446
+ }
1447
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
1448
+ padding-right: 10px;
1449
+ }
1450
+
1451
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
1452
+ left: 38px;
1453
+ }
1454
+
1455
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1456
+ left: -15px;
1457
+ }
1458
+
1459
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1460
+ bottom: 1px;
1461
+ margin-right: 8px;
1462
+ position: relative;
1463
+ text-indent: 0;
1464
+ vertical-align: middle;
1465
+ }
1466
+
1467
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
1468
+ padding-left: 14px;
1469
+ }
1470
+
1471
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1472
+ padding-right: 29px;
1473
+ }
1474
+
1475
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1476
+ bottom: 1px;
1477
+ margin-right: 8px;
1478
+ position: relative;
1479
+ text-indent: 0;
1480
+ vertical-align: middle;
1481
+ }
1482
+
1483
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1484
+ margin-left: 12px;
1485
+ margin-right: 0;
1486
+ }
1487
+
1488
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
1489
+ margin-left: 12px;
1490
+ margin-right: 0;
1491
+ }
1492
+
1493
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
1494
+ padding-right: 0;
1495
+ }
1496
+
1497
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
1498
+ padding-right: 0;
1499
+ }
1500
+
1501
+ .e-multi-select-list-wrapper .e-selectall-parent {
1502
+ cursor: pointer;
1503
+ display: block;
1504
+ line-height: 26px;
1505
+ overflow: hidden;
1506
+ text-overflow: ellipsis;
1507
+ padding-right: 20px;
1508
+ position: relative;
1509
+ text-indent: 21px;
1510
+ white-space: nowrap;
1511
+ width: 100%;
1512
+ }
1513
+
1514
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
1515
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
1516
+ padding-left: 20px;
1517
+ padding-right: 0;
1518
+ }
1519
+
1520
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
1521
+ color: #f0f0f0;
1522
+ font-family: inherit;
1523
+ font-size: 14px;
1524
+ }
1525
+
1526
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1527
+ bottom: 1px;
1528
+ margin-right: 8px;
1529
+ position: relative;
1530
+ text-indent: 0;
1531
+ vertical-align: middle;
1532
+ }
1533
+
1534
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
1535
+ margin-left: 12px;
1536
+ margin-right: 0;
1537
+ }
1538
+
1539
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
1540
+ float: right;
1541
+ margin-top: 0;
1542
+ }
1543
+
1544
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1545
+ float: left;
1546
+ }
1547
+
1548
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
1549
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
1550
+ padding: 0;
1551
+ }
1552
+
1553
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
1554
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
1555
+ padding: 8px;
1556
+ }
1557
+
1558
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1559
+ padding-left: 8px;
1560
+ }
1561
+
1562
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
1563
+ padding: 0;
1564
+ }
1565
+
1566
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
1567
+ line-height: 20px;
1568
+ padding-left: 10px;
1569
+ }
1570
+
1571
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
1572
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
1573
+ opacity: 0.3;
1574
+ }
1575
+
1576
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
1577
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
1578
+ opacity: 0.7;
1579
+ }
1580
+
1581
+ .e-multi-select-wrapper input[readonly=true] {
1582
+ pointer-events: none;
1583
+ }
1584
+
1585
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
1586
+ pointer-events: none;
1587
+ }
1588
+
1589
+ ejs-multiselect {
1590
+ display: block;
1591
+ }
1592
+
1593
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
1594
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
1595
+ line-height: 22px;
1596
+ }
1597
+
1598
+ .e-small .e-multi-select-wrapper .e-chips-close {
1599
+ height: 24px;
1600
+ width: 24px;
1601
+ }
1602
+
1603
+ .e-small .e-multi-select-wrapper {
1604
+ min-height: 24px;
1605
+ }
1606
+
1607
+ .e-small .e-multi-select-wrapper input[type=text] {
1608
+ height: 26px;
1609
+ min-height: 26px;
1610
+ }
1611
+
1612
+ .e-small .e-multi-select-wrapper .e-delim-values {
1613
+ font-size: 13px;
1614
+ line-height: 26px;
1615
+ }
1616
+
1617
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1618
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1619
+ margin-top: -3.5em;
1620
+ }
1621
+
1622
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1623
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1624
+ margin-top: -2.6em;
1625
+ }
1626
+
1627
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1628
+ background-size: 300px 33px;
1629
+ min-height: 33px;
1630
+ }
1631
+
1632
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
1633
+ color: inherit;
1634
+ }
1635
+
1636
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1637
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1638
+ -webkit-box-align: normal;
1639
+ -ms-flex-align: normal;
1640
+ align-items: normal;
1641
+ }
1642
+
1643
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1644
+ padding: 0 12px 0 8px;
1645
+ }
1646
+
1647
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
1648
+ padding: 0;
1649
+ }
1650
+
1651
+ .e-filled.e-float-input .e-multi-select-wrapper {
1652
+ padding: 11px 12px 0;
1653
+ }
1654
+
1655
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
1656
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
1657
+ padding: 12px 12px 0 8px;
1658
+ }
1659
+
1660
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1661
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
1662
+ padding: 0;
1663
+ }
1664
+
1665
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1666
+ height: 28px;
1667
+ }
1668
+
1669
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1670
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1671
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
1672
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1673
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1674
+ height: 24px;
1675
+ }
1676
+
1677
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1678
+ height: 18px;
1679
+ }
1680
+
1681
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1682
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1683
+ margin: 8px 8px 0 0;
1684
+ padding: 0 8px;
1685
+ }
1686
+
1687
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1688
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1689
+ margin: 8px 0 0 8px;
1690
+ padding: 0 8px;
1691
+ }
1692
+
1693
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
1694
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
1695
+ height: 16px;
1696
+ margin: 4px 4px 0 0;
1697
+ padding-right: 8px;
1698
+ }
1699
+
1700
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1701
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1702
+ margin: 4px 0 0 4px;
1703
+ }
1704
+
1705
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
1706
+ font-size: 13px;
1707
+ padding: 0 8px 0 0;
1708
+ }
1709
+
1710
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1711
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1712
+ font-size: 12px;
1713
+ }
1714
+
1715
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1716
+ font-size: 12px;
1717
+ padding: 0 4px 0 0;
1718
+ }
1719
+
1720
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1721
+ padding: 0 0 0 4px;
1722
+ }
1723
+
1724
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1725
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1726
+ font-size: 10px;
1727
+ }
1728
+
1729
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
1730
+ font-size: 13px;
1731
+ padding-right: 4px;
1732
+ }
1733
+
1734
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
1735
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
1736
+ height: 38px;
1737
+ margin-top: -38px;
1738
+ right: 12px;
1739
+ top: 100%;
1740
+ width: 16px;
1741
+ }
1742
+
1743
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1744
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1745
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1746
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1747
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1748
+ display: none;
1749
+ }
1750
+
1751
+ .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
1752
+ margin-right: 0;
1753
+ }
1754
+
1755
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1756
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1757
+ cursor: not-allowed;
1758
+ }
1759
+
1760
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1761
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
1762
+ cursor: pointer;
1763
+ }
1764
+
1765
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1766
+ color: #f0f0f0;
1767
+ }
1768
+
1769
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
1770
+ background-color: #505050;
1771
+ }
1772
+
1773
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1774
+ background-color: #505050;
1775
+ }
1776
+
1777
+ .e-multiselect {
1778
+ -webkit-box-sizing: border-box;
1779
+ box-sizing: border-box;
1780
+ }
1781
+
1782
+ /* stylelint-disable property-no-vendor-prefix */
1783
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
1784
+ -webkit-text-fill-color: #f0f0f0;
1785
+ color: #f0f0f0;
1786
+ font-family: inherit;
1787
+ font-size: 15px;
1788
+ }
1789
+
1790
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1791
+ color: #f0f0f0;
1792
+ }
1793
+
1794
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1795
+ color: #f0f0f0;
1796
+ }
1797
+
1798
+ .e-multi-select-wrapper .e-chips {
1799
+ background-color: #414141;
1800
+ border-radius: 4px;
1801
+ height: 28px;
1802
+ }
1803
+
1804
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1805
+ background-color: #484848;
1806
+ }
1807
+
1808
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
1809
+ color: #f0f0f0;
1810
+ }
1811
+
1812
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
1813
+ -webkit-text-fill-color: #f0f0f0;
1814
+ color: #f0f0f0;
1815
+ font-size: 10px;
1816
+ }
1817
+
1818
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1819
+ background-color: #0070f0;
1820
+ border-radius: 4px;
1821
+ color: #fff;
1822
+ height: 46px;
1823
+ line-height: 46px;
1824
+ }
1825
+
1826
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1827
+ color: #fff;
1828
+ }
1829
+
1830
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
1831
+ height: 32px;
1832
+ }
1833
+
1834
+ .e-popup.e-multi-select-list-wrapper {
1835
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1836
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1837
+ -webkit-box-sizing: content-box;
1838
+ box-sizing: content-box;
1839
+ overflow: initial;
1840
+ }
1841
+
1842
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
1843
+ border-bottom: 1px solid transparent;
1844
+ border-left: 1px solid #0070f0;
1845
+ border-right: 1px solid #0070f0;
1846
+ border-top: 1px solid #001124;
1847
+ }
1848
+
1849
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
1850
+ background-color: transparent;
1851
+ border-color: transparent;
1852
+ color: #f0f0f0;
1853
+ }
1854
+
1855
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
1856
+ background-color: transparent;
1857
+ border-color: transparent;
1858
+ color: #f0f0f0;
1859
+ }
1860
+
1861
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
1862
+ color: #f0f0f0;
1863
+ }
1864
+
1865
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
1866
+ color: #f0f0f0;
1867
+ }
1868
+
1869
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
1870
+ background-color: #414141;
1871
+ }
1872
+
1873
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
1874
+ background-color: #414141;
1875
+ }
1876
+
1877
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
1878
+ border-bottom: 1px solid transparent;
1879
+ border-top: 1px solid transparent;
1880
+ }
1881
+
1882
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
1883
+ border-bottom: 1px solid transparent;
1884
+ }
1885
+
1886
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
1887
+ border-top: 1px solid transparent;
1888
+ }
1889
+
1890
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1891
+ background-color: #0070f0;
1892
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1893
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1894
+ color: #fff;
1895
+ border: 1px solid #104888;
1896
+ }
1897
+
1898
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1899
+ background-color: #0070f0;
1900
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1901
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1902
+ color: #fff;
1903
+ border: 1px solid #104888;
1904
+ }
1905
+
1906
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
1907
+ border: 1px solid transparent;
1908
+ }
1909
+
1910
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
1911
+ border: 1px solid transparent;
1912
+ }
1913
+
1914
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1915
+ color: #767676;
1916
+ }
1917
+
1918
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1919
+ color: #767676;
1920
+ }
1921
+
1922
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1923
+ color: #767676;
1924
+ }
1925
+
1926
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1927
+ color: #767676;
1928
+ }
1929
+
1930
+ .e-ul.e-reorder {
1931
+ border-bottom: 1px solid #484848;
1932
+ }
1933
+
1934
+ .e-multi-select-list-wrapper .e-selectall-parent {
1935
+ border-bottom: 1px solid #484848;
1936
+ }
1937
+
1938
+ .e-multi-select-wrapper .e-delim-values {
1939
+ -webkit-text-fill-color: #f0f0f0;
1940
+ color: #f0f0f0;
1941
+ }
1942
+
1943
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1944
+ color: #fff;
1945
+ }
1946
+
1947
+ .e-small .e-multi-select-wrapper .e-chips {
1948
+ height: 22px;
1949
+ }
1950
+
1951
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1952
+ font-size: 13px;
1953
+ }
1954
+
1955
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1956
+ font-size: 8px;
1957
+ }
1958
+
1959
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
1960
+ left: 8px;
1961
+ }
1962
+
1963
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1964
+ -webkit-text-fill-color: #9c9c9c;
1965
+ color: #9c9c9c;
1966
+ }
1967
+
1968
+ .e-listbox-tool .e-moveup::before {
1969
+ content: "\e651";
1970
+ }
1971
+
1972
+ .e-listbox-tool .e-movedown::before {
1973
+ content: "\e652";
1974
+ }
1975
+
1976
+ .e-listbox-tool .e-moveto::before {
1977
+ content: "\e653";
1978
+ }
1979
+
1980
+ .e-listbox-tool .e-movefrom::before {
1981
+ content: "\e654";
1982
+ }
1983
+
1984
+ .e-listbox-tool .e-moveallto::before {
1985
+ content: "\e655";
1986
+ }
1987
+
1988
+ .e-listbox-tool .e-moveallfrom::before {
1989
+ content: "\e656";
1990
+ }
1991
+
1992
+ /* stylelint-disable property-no-vendor-prefix */
1993
+ .e-listbox-wrapper,
1994
+ .e-listbox-container,
1995
+ .e-listboxtool-wrapper {
1996
+ -webkit-overflow-scrolling: touch;
1997
+ -webkit-box-sizing: border-box;
1998
+ box-sizing: border-box;
1999
+ cursor: pointer;
2000
+ display: block;
2001
+ position: relative;
2002
+ -webkit-user-select: none;
2003
+ -moz-user-select: none;
2004
+ -ms-user-select: none;
2005
+ user-select: none;
2006
+ width: 100%;
2007
+ }
2008
+ .e-listbox-wrapper *,
2009
+ .e-listbox-container *,
2010
+ .e-listboxtool-wrapper * {
2011
+ -webkit-box-sizing: border-box;
2012
+ box-sizing: border-box;
2013
+ }
2014
+ .e-listbox-wrapper:focus,
2015
+ .e-listbox-container:focus,
2016
+ .e-listboxtool-wrapper:focus {
2017
+ outline: none;
2018
+ }
2019
+ .e-listbox-wrapper.e-disabled,
2020
+ .e-listbox-container.e-disabled,
2021
+ .e-listboxtool-wrapper.e-disabled {
2022
+ cursor: default;
2023
+ pointer-events: none;
2024
+ }
2025
+ .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2026
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
2027
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2028
+ text-align: center;
2029
+ }
2030
+ .e-listbox-wrapper .e-list-parent,
2031
+ .e-listbox-container .e-list-parent,
2032
+ .e-listboxtool-wrapper .e-list-parent {
2033
+ height: 100%;
2034
+ min-height: 40px;
2035
+ }
2036
+ .e-listbox-wrapper .e-list-item,
2037
+ .e-listbox-container .e-list-item,
2038
+ .e-listboxtool-wrapper .e-list-item {
2039
+ border-bottom: 0 solid;
2040
+ outline: none;
2041
+ }
2042
+ .e-listbox-wrapper .e-list-item.e-disabled,
2043
+ .e-listbox-container .e-list-item.e-disabled,
2044
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
2045
+ pointer-events: none;
2046
+ }
2047
+ .e-listbox-wrapper .e-disable,
2048
+ .e-listbox-container .e-disable,
2049
+ .e-listboxtool-wrapper .e-disable {
2050
+ opacity: 0.7;
2051
+ }
2052
+ .e-listbox-wrapper .e-list-parent,
2053
+ .e-listbox-container .e-list-parent,
2054
+ .e-listboxtool-wrapper .e-list-parent {
2055
+ margin: 0;
2056
+ padding: 0;
2057
+ }
2058
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2059
+ .e-listbox-container .e-list-header .e-text.header,
2060
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2061
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2062
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2063
+ display: none;
2064
+ }
2065
+ .e-listbox-wrapper .e-icon-back,
2066
+ .e-listbox-container .e-icon-back,
2067
+ .e-listboxtool-wrapper .e-icon-back {
2068
+ margin-top: -2px;
2069
+ }
2070
+ .e-listbox-wrapper .e-list-header,
2071
+ .e-listbox-container .e-list-header,
2072
+ .e-listboxtool-wrapper .e-list-header {
2073
+ -webkit-box-align: center;
2074
+ -ms-flex-align: center;
2075
+ align-items: center;
2076
+ border-bottom: 1px solid;
2077
+ display: -webkit-box;
2078
+ display: -ms-flexbox;
2079
+ display: flex;
2080
+ font-weight: bold;
2081
+ height: 40px;
2082
+ padding: 0 20px;
2083
+ }
2084
+ .e-listbox-wrapper .e-has-header > .e-view,
2085
+ .e-listbox-container .e-has-header > .e-view,
2086
+ .e-listboxtool-wrapper .e-has-header > .e-view {
2087
+ top: 45px;
2088
+ }
2089
+ .e-listbox-wrapper .e-but-back,
2090
+ .e-listbox-container .e-but-back,
2091
+ .e-listboxtool-wrapper .e-but-back {
2092
+ cursor: pointer;
2093
+ padding-right: 10px;
2094
+ }
2095
+ .e-listbox-wrapper .e-list-group-item:first-child,
2096
+ .e-listbox-container .e-list-group-item:first-child,
2097
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
2098
+ border: 0;
2099
+ border-bottom: 1px solid #414141;
2100
+ }
2101
+ .e-listbox-wrapper .e-list-group-item,
2102
+ .e-listbox-container .e-list-group-item,
2103
+ .e-listboxtool-wrapper .e-list-group-item {
2104
+ border-bottom: 1px solid #414141;
2105
+ border-top: 0 solid;
2106
+ font-weight: 600;
2107
+ height: 40px;
2108
+ line-height: 36px;
2109
+ padding: 13px 16px;
2110
+ }
2111
+ .e-listbox-wrapper .e-icon-collapsible,
2112
+ .e-listbox-container .e-icon-collapsible,
2113
+ .e-listboxtool-wrapper .e-icon-collapsible {
2114
+ cursor: pointer;
2115
+ font-size: 12px;
2116
+ position: absolute;
2117
+ right: 0%;
2118
+ top: 50%;
2119
+ -webkit-transform: translateY(-50%);
2120
+ transform: translateY(-50%);
2121
+ }
2122
+ .e-listbox-wrapper .e-text-content,
2123
+ .e-listbox-container .e-text-content,
2124
+ .e-listboxtool-wrapper .e-text-content {
2125
+ height: 100%;
2126
+ position: relative;
2127
+ vertical-align: middle;
2128
+ }
2129
+ .e-listbox-wrapper .e-text-content *,
2130
+ .e-listbox-container .e-text-content *,
2131
+ .e-listboxtool-wrapper .e-text-content * {
2132
+ display: inline-block;
2133
+ vertical-align: middle;
2134
+ }
2135
+ .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
2136
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
2137
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
2138
+ width: calc(100% - 40px);
2139
+ }
2140
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2141
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2142
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2143
+ width: calc(100% - 90px);
2144
+ }
2145
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2146
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2147
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2148
+ width: calc(100% - 80px);
2149
+ }
2150
+ .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2151
+ .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2152
+ .e-listboxtool-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2153
+ width: calc(100% - 92px);
2154
+ }
2155
+ .e-listbox-wrapper .e-checkbox .e-checkbox-left,
2156
+ .e-listbox-container .e-checkbox .e-checkbox-left,
2157
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
2158
+ margin: -4px 10px 0 0;
2159
+ }
2160
+ .e-listbox-wrapper .e-checkbox .e-checkbox-right,
2161
+ .e-listbox-container .e-checkbox .e-checkbox-right,
2162
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
2163
+ margin: -4px 0 0 10px;
2164
+ }
2165
+ .e-listbox-wrapper .e-list-text,
2166
+ .e-listbox-container .e-list-text,
2167
+ .e-listboxtool-wrapper .e-list-text {
2168
+ cursor: pointer;
2169
+ display: inline-block;
2170
+ overflow: hidden;
2171
+ text-overflow: ellipsis;
2172
+ vertical-align: top;
2173
+ white-space: nowrap;
2174
+ width: 100%;
2175
+ }
2176
+ .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2177
+ .e-listbox-container .e-list-icon + .e-list-text,
2178
+ .e-listbox-container .e-icon-wrapper .e-list-text,
2179
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2180
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2181
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2182
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2183
+ width: calc(100% - 60px);
2184
+ }
2185
+ .e-listbox-wrapper .e-list-icon,
2186
+ .e-listbox-container .e-list-icon,
2187
+ .e-listboxtool-wrapper .e-list-icon {
2188
+ height: 30px;
2189
+ margin-right: 10px;
2190
+ width: 30px;
2191
+ }
2192
+ .e-listbox-wrapper .e-content,
2193
+ .e-listbox-container .e-content,
2194
+ .e-listboxtool-wrapper .e-content {
2195
+ overflow: hidden;
2196
+ position: relative;
2197
+ }
2198
+ .e-listbox-wrapper .e-list-header .e-text,
2199
+ .e-listbox-container .e-list-header .e-text,
2200
+ .e-listboxtool-wrapper .e-list-header .e-text {
2201
+ cursor: pointer;
2202
+ text-indent: 0;
2203
+ }
2204
+ .e-listbox-wrapper .e-text .e-headertext,
2205
+ .e-listbox-container .e-text .e-headertext,
2206
+ .e-listboxtool-wrapper .e-text .e-headertext {
2207
+ display: inline-block;
2208
+ line-height: 1px;
2209
+ }
2210
+ .e-listbox-wrapper.e-rtl,
2211
+ .e-listbox-container.e-rtl,
2212
+ .e-listboxtool-wrapper.e-rtl {
2213
+ direction: rtl;
2214
+ }
2215
+ .e-listbox-wrapper.e-rtl .e-list-icon,
2216
+ .e-listbox-container.e-rtl .e-list-icon,
2217
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
2218
+ margin-left: 16px;
2219
+ margin-right: 0;
2220
+ }
2221
+ .e-listbox-wrapper.e-rtl .e-icon-collapsible,
2222
+ .e-listbox-container.e-rtl .e-icon-collapsible,
2223
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
2224
+ left: 0%;
2225
+ right: initial;
2226
+ top: 50%;
2227
+ -webkit-transform: translateY(-50%) rotate(180deg);
2228
+ transform: translateY(-50%) rotate(180deg);
2229
+ }
2230
+ .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2231
+ .e-listbox-container.e-rtl .e-list-header .e-text,
2232
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
2233
+ cursor: pointer;
2234
+ }
2235
+ .e-listbox-wrapper.e-rtl .e-but-back,
2236
+ .e-listbox-container.e-rtl .e-but-back,
2237
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
2238
+ -webkit-transform: rotate(180deg);
2239
+ transform: rotate(180deg);
2240
+ }
2241
+ .e-listbox-wrapper.e-rtl .e-icon-back,
2242
+ .e-listbox-container.e-rtl .e-icon-back,
2243
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
2244
+ margin-top: -1px;
2245
+ }
2246
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2247
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2248
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2249
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2250
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2251
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2252
+ margin: -4px 0 0 10px;
2253
+ }
2254
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
2255
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
2256
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2257
+ margin: -4px 10px 0 0;
2258
+ }
2259
+ .e-listbox-wrapper .e-checkbox-wrapper,
2260
+ .e-listbox-container .e-checkbox-wrapper,
2261
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
2262
+ margin: -4px 10px 0 0;
2263
+ text-indent: 0;
2264
+ vertical-align: middle;
2265
+ }
2266
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2267
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
2268
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
2269
+ position: absolute;
2270
+ right: 0;
2271
+ top: 30%;
2272
+ }
2273
+ .e-listbox-wrapper .e-input-group,
2274
+ .e-listbox-container .e-input-group,
2275
+ .e-listboxtool-wrapper .e-input-group {
2276
+ padding: 4px 8px;
2277
+ }
2278
+ .e-listbox-wrapper .e-input-focus,
2279
+ .e-listbox-container .e-input-focus,
2280
+ .e-listboxtool-wrapper .e-input-focus {
2281
+ padding: 4px 4px 4px 8px;
2282
+ }
2283
+ .e-listbox-wrapper .e-hidden-select,
2284
+ .e-listbox-container .e-hidden-select,
2285
+ .e-listboxtool-wrapper .e-hidden-select {
2286
+ height: 1px;
2287
+ opacity: 0;
2288
+ position: absolute;
2289
+ width: 100%;
2290
+ }
2291
+ .e-listbox-wrapper .e-placeholder,
2292
+ .e-listbox-container .e-placeholder,
2293
+ .e-listboxtool-wrapper .e-placeholder {
2294
+ background-color: #0070f0;
2295
+ display: block;
2296
+ height: 1px;
2297
+ }
2298
+
2299
+ ejs-listbox {
2300
+ display: block;
2301
+ }
2302
+
2303
+ .e-listbox-wrapper:not(.e-listbox-container),
2304
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2305
+ overflow: auto;
2306
+ }
2307
+
2308
+ .e-listbox-wrapper.e-sortableclone,
2309
+ .e-listbox-container.e-sortableclone,
2310
+ .e-listboxtool-wrapper.e-sortableclone {
2311
+ border-width: 0;
2312
+ overflow: visible;
2313
+ }
2314
+ .e-listbox-wrapper.e-sortableclone .e-list-item,
2315
+ .e-listbox-container.e-sortableclone .e-list-item,
2316
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2317
+ list-style-type: none;
2318
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2319
+ }
2320
+ .e-listbox-wrapper.e-sortableclone .e-ripple,
2321
+ .e-listbox-container.e-sortableclone .e-ripple,
2322
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
2323
+ overflow: visible;
2324
+ }
2325
+ .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
2326
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
2327
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
2328
+ display: none;
2329
+ }
2330
+ .e-listbox-wrapper.e-sortableclone .e-list-badge,
2331
+ .e-listbox-container.e-sortableclone .e-list-badge,
2332
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2333
+ -webkit-box-align: center;
2334
+ -ms-flex-align: center;
2335
+ align-items: center;
2336
+ background-color: #0070f0;
2337
+ border: 1px solid #fff;
2338
+ border-radius: 50%;
2339
+ color: #fff;
2340
+ display: -webkit-box;
2341
+ display: -ms-flexbox;
2342
+ display: flex;
2343
+ font-size: 12px;
2344
+ height: 22px;
2345
+ -webkit-box-pack: center;
2346
+ -ms-flex-pack: center;
2347
+ justify-content: center;
2348
+ position: absolute;
2349
+ right: -10px;
2350
+ top: -10px;
2351
+ width: 22px;
2352
+ }
2353
+
2354
+ .e-listboxtool-wrapper.e-sortableclone {
2355
+ display: block;
2356
+ }
2357
+
2358
+ .e-listboxtool-wrapper,
2359
+ .e-listboxtool-container {
2360
+ cursor: pointer;
2361
+ display: -webkit-box;
2362
+ display: -ms-flexbox;
2363
+ display: flex;
2364
+ }
2365
+ .e-listboxtool-wrapper *,
2366
+ .e-listboxtool-container * {
2367
+ -webkit-box-sizing: border-box;
2368
+ box-sizing: border-box;
2369
+ }
2370
+ .e-listboxtool-wrapper.e-disabled,
2371
+ .e-listboxtool-container.e-disabled {
2372
+ cursor: default;
2373
+ pointer-events: none;
2374
+ }
2375
+ .e-listboxtool-wrapper .e-listbox-wrapper,
2376
+ .e-listboxtool-wrapper .e-list-wrap,
2377
+ .e-listboxtool-container .e-listbox-wrapper,
2378
+ .e-listboxtool-container .e-list-wrap {
2379
+ -webkit-box-flex: 1;
2380
+ -ms-flex: 1;
2381
+ flex: 1;
2382
+ }
2383
+ .e-listboxtool-wrapper.e-right .e-listbox-tool,
2384
+ .e-listboxtool-container.e-right .e-listbox-tool {
2385
+ margin-left: 15px;
2386
+ }
2387
+ .e-listboxtool-wrapper.e-left .e-listbox-tool,
2388
+ .e-listboxtool-container.e-left .e-listbox-tool {
2389
+ margin-right: 15px;
2390
+ }
2391
+ .e-listboxtool-wrapper .e-listbox-tool,
2392
+ .e-listboxtool-container .e-listbox-tool {
2393
+ border: 1px solid #484848;
2394
+ overflow: auto;
2395
+ padding: 8px;
2396
+ }
2397
+ .e-listboxtool-wrapper .e-listbox-tool .e-btn,
2398
+ .e-listboxtool-container .e-listbox-tool .e-btn {
2399
+ display: list-item;
2400
+ list-style-type: none;
2401
+ margin-bottom: 10px;
2402
+ }
2403
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2404
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2405
+ position: absolute;
2406
+ right: 0;
2407
+ top: 30%;
2408
+ }
2409
+
2410
+ .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2411
+ .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2412
+ margin-right: 15px;
2413
+ }
2414
+ .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
2415
+ .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
2416
+ margin-left: 15px;
2417
+ }
2418
+
2419
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2420
+ .e-listbox-wrapper .e-list-nrt,
2421
+ .e-listbox-wrapper .e-selectall-parent,
2422
+ .e-listbox-container:not(.e-list-template) .e-list-item,
2423
+ .e-listbox-container .e-list-nrt,
2424
+ .e-listbox-container .e-selectall-parent,
2425
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2426
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
2427
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
2428
+ height: 40px;
2429
+ line-height: 1;
2430
+ padding: 13px 16px;
2431
+ position: relative;
2432
+ }
2433
+
2434
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2435
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
2436
+ height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
2437
+ }
2438
+
2439
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2440
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
2441
+ }
2442
+
2443
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2444
+ height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
2445
+ }
2446
+
2447
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
2448
+ height: calc(100% - 91.5px) !important; /* stylelint-disable-line declaration-no-important */
2449
+ }
2450
+
2451
+ .e-listbox-wrapper,
2452
+ .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2453
+ .e-listboxtool-container.e-listbox-container .e-ul {
2454
+ border: 1px solid #484848;
2455
+ }
2456
+
2457
+ .e-listbox-wrapper,
2458
+ .e-listbox-container,
2459
+ .e-listboxtool-wrapper {
2460
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
2461
+ font-size: 14px;
2462
+ }
2463
+ .e-listbox-wrapper .e-list-header,
2464
+ .e-listbox-container .e-list-header,
2465
+ .e-listboxtool-wrapper .e-list-header {
2466
+ background-color: #6e6e6e;
2467
+ border-color: #414141;
2468
+ color: rgba(255, 255, 255, 0.95);
2469
+ font-size: 14px;
2470
+ }
2471
+
2472
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
2473
+ .e-listbox-container.e-filter-list .e-list-parent,
2474
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
2475
+ height: calc(100% - 52px);
2476
+ }
2477
+
2478
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2479
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
2480
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
2481
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2482
+ }
2483
+
2484
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2485
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
2486
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
2487
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2488
+ }
2489
+
2490
+ .e-listbox-wrapper .e-list-item,
2491
+ .e-listbox-container .e-list-item,
2492
+ .e-listboxtool-wrapper .e-list-item {
2493
+ background-color: #1a1a1a;
2494
+ border-bottom: 1px solid #414141;
2495
+ border-left: 0 solid transparent;
2496
+ border-right: 0 solid transparent;
2497
+ border-top: 0 solid transparent;
2498
+ color: #f0f0f0;
2499
+ }
2500
+
2501
+ .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),
2502
+ .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
2503
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
2504
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
2505
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
2506
+ background-color: #313131;
2507
+ border-color: transparent;
2508
+ color: rgba(255, 255, 255, 0.87);
2509
+ }
2510
+
2511
+ .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
2512
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
2513
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
2514
+ background-color: #1a1a1a;
2515
+ color: #f0f0f0;
2516
+ }
2517
+
2518
+ .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,
2519
+ .e-listbox-container .e-list-item.e-focused,
2520
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
2521
+ .e-listbox-container .e-list-item.e-selected,
2522
+ .e-listboxtool-wrapper .e-list-item.e-focused,
2523
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
2524
+ .e-listboxtool-wrapper .e-list-item.e-selected {
2525
+ background-color: #414141;
2526
+ color: rgba(255, 255, 255, 0.87);
2527
+ }
2528
+
2529
+ .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,
2530
+ .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2531
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
2532
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2533
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
2534
+ background-color: #1a1a1a;
2535
+ border-color: #f0f0f0;
2536
+ color: #f0f0f0;
2537
+ }
2538
+
2539
+ .e-listbox-wrapper .e-list-group-item,
2540
+ .e-listbox-container .e-list-group-item,
2541
+ .e-listboxtool-wrapper .e-list-group-item {
2542
+ background-color: #1a1a1a;
2543
+ border-color: #414141;
2544
+ color: #3e98ff;
2545
+ font-size: 14px;
2546
+ }
2547
+
2548
+ .e-listbox-wrapper .e-selectall-parent,
2549
+ .e-listbox-container .e-selectall-parent,
2550
+ .e-listboxtool-wrapper .e-selectall-parent {
2551
+ background-color: #1a1a1a;
2552
+ border-bottom: 1px solid #484848;
2553
+ color: #f0f0f0;
2554
+ }
2555
+
2556
+ .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
2557
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
2558
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
2559
+ background-color: transparent;
2560
+ }
2561
+
2562
+ .e-listbox-wrapper.e-list-template .e-list-wrapper,
2563
+ .e-listbox-container.e-list-template .e-list-wrapper,
2564
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
2565
+ height: inherit;
2566
+ position: relative;
2567
+ }
2568
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2569
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2570
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
2571
+ padding: 0.7142em 1.0714em;
2572
+ }
2573
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
2574
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
2575
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
2576
+ padding: 0.7142em 1.0714em;
2577
+ }
2578
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2579
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2580
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
2581
+ color: #fff;
2582
+ display: block;
2583
+ font-size: 18px;
2584
+ font-weight: 500;
2585
+ margin: 0;
2586
+ overflow: hidden;
2587
+ padding: 0.038em 0;
2588
+ text-overflow: ellipsis;
2589
+ white-space: nowrap;
2590
+ }
2591
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2592
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2593
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
2594
+ color: #393939;
2595
+ display: block;
2596
+ font-size: 14px;
2597
+ margin: 0;
2598
+ padding: 0.038em 0;
2599
+ word-wrap: break-word;
2600
+ }
2601
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2602
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2603
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
2604
+ overflow: hidden;
2605
+ text-overflow: ellipsis;
2606
+ white-space: nowrap;
2607
+ }
2608
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2609
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2610
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2611
+ height: 2.8571em;
2612
+ left: 1.0667em;
2613
+ position: absolute;
2614
+ width: 2.8571em;
2615
+ left: 1.0667em;
2616
+ }
2617
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2618
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2619
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
2620
+ padding-left: 4.6428em;
2621
+ padding-right: 1.0714em;
2622
+ }
2623
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2624
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2625
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
2626
+ padding-left: 1.0714em;
2627
+ padding-right: 4.6428em;
2628
+ }
2629
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2630
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2631
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2632
+ height: 2.8571em;
2633
+ left: 1.0667em;
2634
+ position: absolute;
2635
+ width: 2.8571em;
2636
+ right: 1.0667em;
2637
+ }
2638
+ .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,
2639
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2640
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2641
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2642
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2643
+ top: 0.7142em;
2644
+ }
2645
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2646
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2647
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
2648
+ font-size: 15px;
2649
+ height: 1.333em;
2650
+ line-height: 1.433em;
2651
+ padding: 0;
2652
+ position: absolute;
2653
+ right: 1em;
2654
+ top: 50%;
2655
+ -webkit-transform: translateY(-50%);
2656
+ transform: translateY(-50%);
2657
+ width: 2em;
2658
+ }
2659
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2660
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2661
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
2662
+ padding-left: 4.6428em;
2663
+ padding-right: 3.9285em;
2664
+ }
2665
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2666
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2667
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
2668
+ padding-left: 1.0714em;
2669
+ padding-right: 3.9285em;
2670
+ }
2671
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2672
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2673
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
2674
+ display: block;
2675
+ margin: 0;
2676
+ overflow: hidden;
2677
+ padding: 0.83em 0;
2678
+ text-overflow: ellipsis;
2679
+ white-space: nowrap;
2680
+ }
2681
+ .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,
2682
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2683
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
2684
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2685
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
2686
+ color: rgba(255, 255, 255, 0.87);
2687
+ }
2688
+ .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,
2689
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
2690
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
2691
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
2692
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
2693
+ color: rgba(255, 255, 255, 0.87);
2694
+ }
2695
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2696
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2697
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2698
+ left: inherit;
2699
+ right: 1.0667em;
2700
+ }
2701
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2702
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2703
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
2704
+ padding-left: 1.0714em;
2705
+ padding-right: 4.6428em;
2706
+ }
2707
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2708
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2709
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
2710
+ padding-left: 4.6428em;
2711
+ padding-right: 1.0714em;
2712
+ }
2713
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2714
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2715
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2716
+ left: 1.0667em;
2717
+ right: inherit;
2718
+ }
2719
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2720
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2721
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
2722
+ left: 1em;
2723
+ right: inherit;
2724
+ }
2725
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2726
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2727
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
2728
+ padding-left: 3.9285em;
2729
+ padding-right: 4.6428em;
2730
+ }
2731
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2732
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2733
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
2734
+ padding-left: 3.9285em;
2735
+ padding-right: 1.0714em;
2736
+ }
2737
+
2738
+ .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 {
2739
+ height: 100%;
2740
+ }
2741
+
2742
+ .e-listbox-container.e-filter-list .e-list-wrap {
2743
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2744
+ }
2745
+
2746
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
2747
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2748
+ }
2749
+
2750
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
2751
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2752
+ }