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