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