@syncfusion/ej2-dropdowns 26.2.13 → 27.1.50

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