@syncfusion/ej2-dropdowns 26.2.11 → 27.1.48

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