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