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