@syncfusion/ej2-dropdowns 26.2.13 → 27.1.48

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