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