@syncfusion/ej2-dropdowns 26.2.13 → 27.1.50

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