@syncfusion/ej2-navigations 25.2.6 → 26.1.35-7502

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 (642) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-navigations.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +1311 -1106
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +960 -740
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +12 -12
  13. package/src/accordion/accordion.d.ts +0 -3
  14. package/src/accordion/accordion.js +5 -5
  15. package/src/appbar/appbar.js +1 -1
  16. package/src/breadcrumb/breadcrumb-model.d.ts +7 -0
  17. package/src/breadcrumb/breadcrumb.d.ts +6 -0
  18. package/src/breadcrumb/breadcrumb.js +20 -6
  19. package/src/carousel/carousel.d.ts +1 -0
  20. package/src/carousel/carousel.js +12 -9
  21. package/src/common/menu-base.js +21 -13
  22. package/src/sidebar/sidebar-model.d.ts +5 -6
  23. package/src/sidebar/sidebar.d.ts +8 -6
  24. package/src/sidebar/sidebar.js +2 -3
  25. package/src/stepper/stepper-model.d.ts +7 -1
  26. package/src/stepper/stepper.d.ts +7 -3
  27. package/src/stepper/stepper.js +141 -76
  28. package/src/stepper-base/stepper-base-model.d.ts +1 -1
  29. package/src/stepper-base/stepper-base.d.ts +4 -4
  30. package/src/stepper-base/stepper-base.js +13 -8
  31. package/src/tab/tab-model.d.ts +1 -1
  32. package/src/tab/tab.d.ts +0 -3
  33. package/src/tab/tab.js +2 -2
  34. package/src/toolbar/toolbar-model.d.ts +1 -1
  35. package/src/toolbar/toolbar.js +13 -9
  36. package/src/treeview/treeview-model.d.ts +60 -53
  37. package/src/treeview/treeview.d.ts +134 -29
  38. package/src/treeview/treeview.js +572 -392
  39. package/styles/accordion/_bds-definition.scss +0 -13
  40. package/styles/accordion/_bootstrap-dark-definition.scss +0 -9
  41. package/styles/accordion/_bootstrap-definition.scss +0 -14
  42. package/styles/accordion/_bootstrap4-definition.scss +0 -9
  43. package/styles/accordion/_bootstrap5-definition.scss +8 -22
  44. package/styles/accordion/_bootstrap5.3-definition.scss +168 -0
  45. package/styles/accordion/_fabric-dark-definition.scss +0 -8
  46. package/styles/accordion/_fabric-definition.scss +0 -13
  47. package/styles/accordion/_fluent-definition.scss +0 -13
  48. package/styles/accordion/_fluent2-definition.scss +167 -0
  49. package/styles/accordion/_fusionnew-definition.scss +1 -15
  50. package/styles/accordion/_highcontrast-definition.scss +0 -13
  51. package/styles/accordion/_highcontrast-light-definition.scss +0 -11
  52. package/styles/accordion/_layout.scss +0 -2
  53. package/styles/accordion/_material-dark-definition.scss +0 -11
  54. package/styles/accordion/_material-definition.scss +0 -13
  55. package/styles/accordion/_material3-definition.scss +3 -17
  56. package/styles/accordion/_tailwind-definition.scss +0 -13
  57. package/styles/accordion/_theme.scss +0 -3
  58. package/styles/accordion/bootstrap-dark.css +11 -9
  59. package/styles/accordion/bootstrap.css +11 -10
  60. package/styles/accordion/bootstrap4.css +11 -9
  61. package/styles/accordion/bootstrap5-dark.css +20 -20
  62. package/styles/accordion/bootstrap5.css +20 -20
  63. package/styles/accordion/fabric-dark.css +11 -9
  64. package/styles/accordion/fabric.css +11 -10
  65. package/styles/accordion/fluent-dark.css +11 -10
  66. package/styles/accordion/fluent.css +11 -10
  67. package/styles/accordion/fluent2.css +1574 -0
  68. package/styles/accordion/fluent2.scss +4 -0
  69. package/styles/accordion/highcontrast-light.css +11 -9
  70. package/styles/accordion/highcontrast.css +11 -10
  71. package/styles/accordion/icons/_bds.scss +0 -2
  72. package/styles/accordion/icons/_bootstrap-dark.scss +0 -2
  73. package/styles/accordion/icons/_bootstrap.scss +0 -2
  74. package/styles/accordion/icons/_bootstrap4.scss +0 -2
  75. package/styles/accordion/icons/_bootstrap5.3.scss +15 -0
  76. package/styles/accordion/icons/_bootstrap5.scss +0 -2
  77. package/styles/accordion/icons/_fabric-dark.scss +0 -2
  78. package/styles/accordion/icons/_fabric.scss +0 -2
  79. package/styles/accordion/icons/_fluent.scss +0 -2
  80. package/styles/accordion/icons/_fluent2.scss +15 -0
  81. package/styles/accordion/icons/_fusionnew.scss +0 -2
  82. package/styles/accordion/icons/_highcontrast-light.scss +0 -2
  83. package/styles/accordion/icons/_highcontrast.scss +0 -2
  84. package/styles/accordion/icons/_material-dark.scss +0 -2
  85. package/styles/accordion/icons/_material.scss +0 -2
  86. package/styles/accordion/icons/_material3.scss +0 -2
  87. package/styles/accordion/icons/_tailwind.scss +0 -2
  88. package/styles/accordion/material-dark.css +11 -9
  89. package/styles/accordion/material.css +11 -10
  90. package/styles/accordion/material3-dark.css +12 -12
  91. package/styles/accordion/material3.css +12 -12
  92. package/styles/accordion/tailwind-dark.css +11 -10
  93. package/styles/accordion/tailwind.css +11 -10
  94. package/styles/appbar/_bds-definition.scss +1 -3
  95. package/styles/appbar/_bootstrap-dark-definition.scss +0 -2
  96. package/styles/appbar/_bootstrap-definition.scss +0 -2
  97. package/styles/appbar/_bootstrap4-definition.scss +0 -2
  98. package/styles/appbar/_bootstrap5-definition.scss +0 -2
  99. package/styles/appbar/_bootstrap5.3-definition.scss +6 -0
  100. package/styles/appbar/_fabric-dark-definition.scss +0 -2
  101. package/styles/appbar/_fabric-definition.scss +0 -2
  102. package/styles/appbar/_fluent-definition.scss +0 -2
  103. package/styles/appbar/_fluent2-definition.scss +24 -0
  104. package/styles/appbar/_fusionnew-definition.scss +0 -2
  105. package/styles/appbar/_highcontrast-definition.scss +0 -2
  106. package/styles/appbar/_highcontrast-light-definition.scss +0 -2
  107. package/styles/appbar/_layout.scss +3 -2
  108. package/styles/appbar/_material-dark-definition.scss +0 -2
  109. package/styles/appbar/_material-definition.scss +0 -2
  110. package/styles/appbar/_material3-definition.scss +0 -2
  111. package/styles/appbar/_tailwind-definition.scss +0 -2
  112. package/styles/appbar/_theme.scss +0 -2
  113. package/styles/appbar/bootstrap-dark.css +52 -23
  114. package/styles/appbar/bootstrap.css +52 -23
  115. package/styles/appbar/bootstrap4.css +52 -23
  116. package/styles/appbar/bootstrap5-dark.css +52 -23
  117. package/styles/appbar/bootstrap5.css +52 -23
  118. package/styles/appbar/fabric-dark.css +52 -23
  119. package/styles/appbar/fabric.css +52 -23
  120. package/styles/appbar/fluent-dark.css +52 -23
  121. package/styles/appbar/fluent.css +52 -23
  122. package/styles/appbar/fluent2.css +1332 -0
  123. package/styles/appbar/fluent2.scss +3 -0
  124. package/styles/appbar/highcontrast-light.css +52 -23
  125. package/styles/appbar/highcontrast.css +52 -23
  126. package/styles/appbar/material-dark.css +52 -23
  127. package/styles/appbar/material.css +52 -23
  128. package/styles/appbar/material3-dark.css +62 -26
  129. package/styles/appbar/material3.css +62 -26
  130. package/styles/appbar/tailwind-dark.css +52 -23
  131. package/styles/appbar/tailwind.css +52 -23
  132. package/styles/bootstrap-dark.css +1042 -643
  133. package/styles/bootstrap-dark.scss +47 -14
  134. package/styles/bootstrap.css +1050 -656
  135. package/styles/bootstrap.scss +47 -14
  136. package/styles/bootstrap4.css +1060 -673
  137. package/styles/bootstrap4.scss +47 -14
  138. package/styles/bootstrap5-dark.css +1101 -736
  139. package/styles/bootstrap5-dark.scss +47 -14
  140. package/styles/bootstrap5.css +1101 -736
  141. package/styles/bootstrap5.scss +47 -14
  142. package/styles/breadcrumb/_all.scss +0 -1
  143. package/styles/breadcrumb/_bds-definition.scss +1 -1
  144. package/styles/breadcrumb/_bootstrap5.3-definition.scss +57 -0
  145. package/styles/breadcrumb/_fluent-definition.scss +2 -1
  146. package/styles/breadcrumb/_fluent2-definition.scss +61 -0
  147. package/styles/breadcrumb/_layout.scss +92 -10
  148. package/styles/breadcrumb/_theme.scss +31 -2
  149. package/styles/breadcrumb/bootstrap-dark.css +37 -22
  150. package/styles/breadcrumb/bootstrap.css +37 -22
  151. package/styles/breadcrumb/bootstrap4.css +37 -22
  152. package/styles/breadcrumb/bootstrap5-dark.css +37 -22
  153. package/styles/breadcrumb/bootstrap5.css +37 -22
  154. package/styles/breadcrumb/fabric-dark.css +37 -22
  155. package/styles/breadcrumb/fabric.css +37 -22
  156. package/styles/breadcrumb/fluent-dark.css +39 -24
  157. package/styles/breadcrumb/fluent.css +39 -24
  158. package/styles/breadcrumb/fluent2.css +1489 -0
  159. package/styles/breadcrumb/fluent2.scss +4 -0
  160. package/styles/breadcrumb/highcontrast-light.css +37 -22
  161. package/styles/breadcrumb/highcontrast.css +37 -22
  162. package/styles/breadcrumb/icons/_bds.scss +0 -2
  163. package/styles/breadcrumb/icons/_bootstrap-dark.scss +0 -2
  164. package/styles/breadcrumb/icons/_bootstrap.scss +0 -2
  165. package/styles/breadcrumb/icons/_bootstrap4.scss +0 -2
  166. package/styles/breadcrumb/icons/_bootstrap5.3.scss +23 -0
  167. package/styles/breadcrumb/icons/_bootstrap5.scss +0 -2
  168. package/styles/breadcrumb/icons/_fabric-dark.scss +0 -2
  169. package/styles/breadcrumb/icons/_fabric.scss +0 -2
  170. package/styles/breadcrumb/icons/_fluent.scss +0 -2
  171. package/styles/breadcrumb/icons/_fluent2.scss +23 -0
  172. package/styles/breadcrumb/icons/_fusionnew.scss +0 -2
  173. package/styles/breadcrumb/icons/_highcontrast-light.scss +0 -2
  174. package/styles/breadcrumb/icons/_highcontrast.scss +0 -2
  175. package/styles/breadcrumb/icons/_material-dark.scss +0 -2
  176. package/styles/breadcrumb/icons/_material.scss +0 -2
  177. package/styles/breadcrumb/icons/_material3.scss +0 -2
  178. package/styles/breadcrumb/icons/_tailwind-dark.scss +0 -2
  179. package/styles/breadcrumb/icons/_tailwind.scss +0 -2
  180. package/styles/breadcrumb/material-dark.css +37 -22
  181. package/styles/breadcrumb/material.css +37 -22
  182. package/styles/breadcrumb/material3-dark.css +39 -23
  183. package/styles/breadcrumb/material3.css +39 -23
  184. package/styles/breadcrumb/tailwind-dark.css +37 -22
  185. package/styles/breadcrumb/tailwind.css +37 -22
  186. package/styles/carousel/_bds-definition.scss +0 -7
  187. package/styles/carousel/_bootstrap-dark-definition.scss +0 -7
  188. package/styles/carousel/_bootstrap-definition.scss +0 -7
  189. package/styles/carousel/_bootstrap4-definition.scss +0 -7
  190. package/styles/carousel/_bootstrap5-definition.scss +0 -7
  191. package/styles/carousel/_bootstrap5.3-definition.scss +20 -0
  192. package/styles/carousel/_fabric-dark-definition.scss +0 -7
  193. package/styles/carousel/_fabric-definition.scss +0 -7
  194. package/styles/carousel/_fluent-definition.scss +0 -7
  195. package/styles/carousel/_fluent2-definition.scss +21 -0
  196. package/styles/carousel/_fusionnew-definition.scss +0 -7
  197. package/styles/carousel/_highcontrast-definition.scss +0 -7
  198. package/styles/carousel/_highcontrast-light-definition.scss +0 -7
  199. package/styles/carousel/_layout.scss +0 -2
  200. package/styles/carousel/_material-dark-definition.scss +0 -7
  201. package/styles/carousel/_material-definition.scss +0 -7
  202. package/styles/carousel/_material3-definition.scss +0 -7
  203. package/styles/carousel/_tailwind-definition.scss +0 -7
  204. package/styles/carousel/_theme.scss +8 -2
  205. package/styles/carousel/bootstrap-dark.css +93 -39
  206. package/styles/carousel/bootstrap.css +93 -39
  207. package/styles/carousel/bootstrap4.css +93 -39
  208. package/styles/carousel/bootstrap5-dark.css +93 -39
  209. package/styles/carousel/bootstrap5.css +93 -39
  210. package/styles/carousel/fabric-dark.css +93 -39
  211. package/styles/carousel/fabric.css +93 -39
  212. package/styles/carousel/fluent-dark.css +93 -39
  213. package/styles/carousel/fluent.css +93 -39
  214. package/styles/carousel/fluent2.css +1405 -0
  215. package/styles/carousel/fluent2.scss +5 -0
  216. package/styles/carousel/highcontrast-light.css +93 -39
  217. package/styles/carousel/highcontrast.css +93 -39
  218. package/styles/carousel/icons/_bootstrap5.3.scss +30 -0
  219. package/styles/carousel/icons/_fluent2.scss +30 -0
  220. package/styles/carousel/material-dark.css +93 -39
  221. package/styles/carousel/material.css +93 -39
  222. package/styles/carousel/material3-dark.css +98 -41
  223. package/styles/carousel/material3.css +98 -41
  224. package/styles/carousel/tailwind-dark.css +93 -39
  225. package/styles/carousel/tailwind.css +93 -39
  226. package/styles/context-menu/_bds-definition.scss +5 -2
  227. package/styles/context-menu/_bootstrap-dark-definition.scss +0 -3
  228. package/styles/context-menu/_bootstrap5-definition.scss +0 -1
  229. package/styles/context-menu/_bootstrap5.3-definition.scss +51 -0
  230. package/styles/context-menu/_fabric-dark-definition.scss +0 -3
  231. package/styles/context-menu/_fluent-definition.scss +0 -1
  232. package/styles/context-menu/_fluent2-definition.scss +52 -0
  233. package/styles/context-menu/_fusionnew-definition.scss +0 -1
  234. package/styles/context-menu/_highcontrast-light-definition.scss +0 -3
  235. package/styles/context-menu/_layout-mixin.scss +24 -0
  236. package/styles/context-menu/_layout.scss +44 -4
  237. package/styles/context-menu/_material-dark-definition.scss +0 -3
  238. package/styles/context-menu/_material3-definition.scss +0 -1
  239. package/styles/context-menu/_tailwind-definition.scss +0 -1
  240. package/styles/context-menu/_theme-mixin.scss +13 -0
  241. package/styles/context-menu/_theme.scss +6 -3
  242. package/styles/context-menu/bootstrap-dark.css +19 -11
  243. package/styles/context-menu/bootstrap.css +21 -12
  244. package/styles/context-menu/bootstrap4.css +21 -12
  245. package/styles/context-menu/bootstrap5-dark.css +36 -14
  246. package/styles/context-menu/bootstrap5.css +36 -14
  247. package/styles/context-menu/fabric-dark.css +19 -11
  248. package/styles/context-menu/fabric.css +19 -11
  249. package/styles/context-menu/fluent-dark.css +36 -14
  250. package/styles/context-menu/fluent.css +36 -14
  251. package/styles/context-menu/fluent2.css +1497 -0
  252. package/styles/context-menu/fluent2.scss +7 -0
  253. package/styles/context-menu/highcontrast-light.css +19 -11
  254. package/styles/context-menu/highcontrast.css +19 -11
  255. package/styles/context-menu/icons/_bds.scss +0 -2
  256. package/styles/context-menu/icons/_bootstrap-dark.scss +0 -2
  257. package/styles/context-menu/icons/_bootstrap.scss +0 -2
  258. package/styles/context-menu/icons/_bootstrap4.scss +0 -2
  259. package/styles/context-menu/icons/_bootstrap5.3.scss +31 -0
  260. package/styles/context-menu/icons/_bootstrap5.scss +0 -2
  261. package/styles/context-menu/icons/_fabric-dark.scss +0 -2
  262. package/styles/context-menu/icons/_fabric.scss +0 -2
  263. package/styles/context-menu/icons/_fluent.scss +0 -2
  264. package/styles/context-menu/icons/_fluent2.scss +31 -0
  265. package/styles/context-menu/icons/_fusionnew.scss +0 -2
  266. package/styles/context-menu/icons/_highcontrast-light.scss +0 -2
  267. package/styles/context-menu/icons/_highcontrast.scss +0 -2
  268. package/styles/context-menu/icons/_material-dark.scss +0 -2
  269. package/styles/context-menu/icons/_material.scss +0 -2
  270. package/styles/context-menu/icons/_material3.scss +0 -2
  271. package/styles/context-menu/icons/_tailwind-dark.scss +0 -2
  272. package/styles/context-menu/icons/_tailwind.scss +0 -2
  273. package/styles/context-menu/material-dark.css +49 -15
  274. package/styles/context-menu/material.css +49 -15
  275. package/styles/context-menu/material3-dark.css +38 -15
  276. package/styles/context-menu/material3.css +38 -15
  277. package/styles/context-menu/tailwind-dark.css +36 -14
  278. package/styles/context-menu/tailwind.css +36 -14
  279. package/styles/fabric-dark.css +1040 -641
  280. package/styles/fabric-dark.scss +47 -14
  281. package/styles/fabric.css +1042 -652
  282. package/styles/fabric.scss +47 -14
  283. package/styles/fluent-dark.css +1074 -698
  284. package/styles/fluent-dark.scss +47 -14
  285. package/styles/fluent.css +1074 -698
  286. package/styles/fluent.scss +47 -14
  287. package/styles/fluent2.css +13003 -0
  288. package/styles/fluent2.scss +47 -0
  289. package/styles/h-scroll/_bootstrap5.3-definition.scss +83 -0
  290. package/styles/h-scroll/_fluent2-definition.scss +83 -0
  291. package/styles/h-scroll/bootstrap-dark.css +22 -10
  292. package/styles/h-scroll/bootstrap.css +22 -10
  293. package/styles/h-scroll/bootstrap4.css +22 -10
  294. package/styles/h-scroll/bootstrap5-dark.css +41 -14
  295. package/styles/h-scroll/bootstrap5.css +41 -14
  296. package/styles/h-scroll/fabric-dark.css +22 -10
  297. package/styles/h-scroll/fabric.css +22 -10
  298. package/styles/h-scroll/fluent-dark.css +41 -14
  299. package/styles/h-scroll/fluent.css +41 -14
  300. package/styles/h-scroll/fluent2.css +1341 -0
  301. package/styles/h-scroll/fluent2.scss +4 -0
  302. package/styles/h-scroll/highcontrast-light.css +22 -10
  303. package/styles/h-scroll/highcontrast.css +22 -10
  304. package/styles/h-scroll/icons/_bootstrap5.3.scss +49 -0
  305. package/styles/h-scroll/icons/_fluent2.scss +49 -0
  306. package/styles/h-scroll/material-dark.css +41 -14
  307. package/styles/h-scroll/material.css +41 -14
  308. package/styles/h-scroll/material3-dark.css +44 -15
  309. package/styles/h-scroll/material3.css +44 -15
  310. package/styles/h-scroll/tailwind-dark.css +41 -14
  311. package/styles/h-scroll/tailwind.css +41 -14
  312. package/styles/highcontrast-light.css +1040 -641
  313. package/styles/highcontrast-light.scss +47 -14
  314. package/styles/highcontrast.css +1056 -655
  315. package/styles/highcontrast.scss +47 -14
  316. package/styles/material-dark.css +1144 -709
  317. package/styles/material-dark.scss +47 -14
  318. package/styles/material.css +1157 -726
  319. package/styles/material.scss +47 -14
  320. package/styles/material3-dark.css +1148 -731
  321. package/styles/material3-dark.scss +47 -14
  322. package/styles/material3.css +1148 -731
  323. package/styles/material3.scss +47 -14
  324. package/styles/menu/_bds-definition.scss +0 -1
  325. package/styles/menu/_bootstrap-dark-definition.scss +0 -3
  326. package/styles/menu/_bootstrap5-definition.scss +0 -1
  327. package/styles/menu/_bootstrap5.3-definition.scss +66 -0
  328. package/styles/menu/_fabric-dark-definition.scss +0 -3
  329. package/styles/menu/_fluent-definition.scss +0 -1
  330. package/styles/menu/_fluent2-definition.scss +67 -0
  331. package/styles/menu/_fusionnew-definition.scss +0 -1
  332. package/styles/menu/_layout.scss +38 -17
  333. package/styles/menu/_material-dark-definition.scss +0 -3
  334. package/styles/menu/_material3-definition.scss +0 -1
  335. package/styles/menu/_tailwind-definition.scss +0 -1
  336. package/styles/menu/_theme.scss +46 -14
  337. package/styles/menu/bootstrap-dark.css +41 -39
  338. package/styles/menu/bootstrap.css +43 -40
  339. package/styles/menu/bootstrap4.css +47 -50
  340. package/styles/menu/bootstrap5-dark.css +58 -42
  341. package/styles/menu/bootstrap5.css +58 -42
  342. package/styles/menu/fabric-dark.css +41 -39
  343. package/styles/menu/fabric.css +41 -39
  344. package/styles/menu/fluent-dark.css +60 -47
  345. package/styles/menu/fluent.css +60 -47
  346. package/styles/menu/fluent2.css +2226 -0
  347. package/styles/menu/fluent2.scss +8 -0
  348. package/styles/menu/highcontrast-light.css +41 -39
  349. package/styles/menu/highcontrast.css +41 -39
  350. package/styles/menu/icons/_bds.scss +2 -32
  351. package/styles/menu/icons/_bootstrap-dark.scss +2 -31
  352. package/styles/menu/icons/_bootstrap.scss +2 -32
  353. package/styles/menu/icons/_bootstrap4.scss +2 -32
  354. package/styles/menu/icons/_bootstrap5.3.scss +104 -0
  355. package/styles/menu/icons/_bootstrap5.scss +2 -32
  356. package/styles/menu/icons/_fabric-dark.scss +2 -32
  357. package/styles/menu/icons/_fabric.scss +2 -32
  358. package/styles/menu/icons/_fluent.scss +2 -32
  359. package/styles/menu/icons/_fluent2.scss +104 -0
  360. package/styles/menu/icons/_fusionnew.scss +2 -32
  361. package/styles/menu/icons/_highcontrast-light.scss +2 -32
  362. package/styles/menu/icons/_highcontrast.scss +2 -32
  363. package/styles/menu/icons/_material-dark.scss +2 -32
  364. package/styles/menu/icons/_material.scss +2 -32
  365. package/styles/menu/icons/_material3.scss +2 -32
  366. package/styles/menu/icons/_tailwind-dark.scss +2 -32
  367. package/styles/menu/icons/_tailwind.scss +2 -32
  368. package/styles/menu/material-dark.css +71 -43
  369. package/styles/menu/material.css +71 -43
  370. package/styles/menu/material3-dark.css +61 -43
  371. package/styles/menu/material3.css +61 -43
  372. package/styles/menu/tailwind-dark.css +58 -42
  373. package/styles/menu/tailwind.css +58 -42
  374. package/styles/pager/_bds-definition.scss +6 -6
  375. package/styles/pager/_bootstrap-dark-definition.scss +2 -2
  376. package/styles/pager/_bootstrap-definition.scss +8 -8
  377. package/styles/pager/_bootstrap4-definition.scss +10 -10
  378. package/styles/pager/_bootstrap5-definition.scss +19 -19
  379. package/styles/pager/_bootstrap5.3-definition.scss +166 -0
  380. package/styles/pager/_fabric-dark-definition.scss +3 -5
  381. package/styles/pager/_fabric-definition.scss +3 -3
  382. package/styles/pager/_fluent-definition.scss +11 -11
  383. package/styles/pager/_fluent2-definition.scss +152 -0
  384. package/styles/pager/_fusionnew-definition.scss +19 -19
  385. package/styles/pager/_highcontrast-definition.scss +2 -2
  386. package/styles/pager/_highcontrast-light-definition.scss +2 -4
  387. package/styles/pager/_layout.scss +340 -339
  388. package/styles/pager/_material-dark-definition.scss +4 -6
  389. package/styles/pager/_material-definition.scss +4 -4
  390. package/styles/pager/_material3-definition.scss +22 -22
  391. package/styles/pager/_tailwind-definition.scss +17 -17
  392. package/styles/pager/_theme.scss +43 -26
  393. package/styles/pager/bootstrap-dark.css +88 -76
  394. package/styles/pager/bootstrap.css +90 -78
  395. package/styles/pager/bootstrap4.css +90 -78
  396. package/styles/pager/bootstrap5-dark.css +114 -111
  397. package/styles/pager/bootstrap5.css +114 -111
  398. package/styles/pager/fabric-dark.css +86 -74
  399. package/styles/pager/fabric.css +86 -74
  400. package/styles/pager/fluent-dark.css +92 -80
  401. package/styles/pager/fluent.css +92 -80
  402. package/styles/pager/fluent2.css +1862 -0
  403. package/styles/pager/fluent2.scss +4 -0
  404. package/styles/pager/highcontrast-light.css +86 -74
  405. package/styles/pager/highcontrast.css +86 -74
  406. package/styles/pager/icons/_bootstrap5.3.scss +50 -0
  407. package/styles/pager/icons/_fluent2.scss +50 -0
  408. package/styles/pager/material-dark.css +86 -74
  409. package/styles/pager/material.css +86 -74
  410. package/styles/pager/material3-dark.css +107 -106
  411. package/styles/pager/material3.css +107 -106
  412. package/styles/pager/tailwind-dark.css +139 -144
  413. package/styles/pager/tailwind.css +139 -144
  414. package/styles/sidebar/_bds-definition.scss +8 -0
  415. package/styles/sidebar/_bootstrap5.3-definition.scss +6 -0
  416. package/styles/sidebar/_fluent2-definition.scss +8 -0
  417. package/styles/sidebar/_material3-definition.scss +0 -3
  418. package/styles/sidebar/_theme.scss +114 -45
  419. package/styles/sidebar/bootstrap-dark.css +124 -49
  420. package/styles/sidebar/bootstrap.css +124 -49
  421. package/styles/sidebar/bootstrap4.css +124 -49
  422. package/styles/sidebar/bootstrap5-dark.css +122 -47
  423. package/styles/sidebar/bootstrap5.css +122 -47
  424. package/styles/sidebar/fabric-dark.css +124 -49
  425. package/styles/sidebar/fabric.css +124 -49
  426. package/styles/sidebar/fluent-dark.css +122 -47
  427. package/styles/sidebar/fluent.css +122 -47
  428. package/styles/sidebar/fluent2.css +1263 -0
  429. package/styles/sidebar/fluent2.scss +3 -0
  430. package/styles/sidebar/highcontrast-light.css +124 -49
  431. package/styles/sidebar/highcontrast.css +124 -49
  432. package/styles/sidebar/material-dark.css +124 -49
  433. package/styles/sidebar/material.css +124 -49
  434. package/styles/sidebar/material3-dark.css +125 -49
  435. package/styles/sidebar/material3.css +125 -49
  436. package/styles/sidebar/tailwind-dark.css +122 -47
  437. package/styles/sidebar/tailwind.css +122 -47
  438. package/styles/stepper/_bds-definition.scss +0 -7
  439. package/styles/stepper/_bootstrap-dark-definition.scss +0 -7
  440. package/styles/stepper/_bootstrap-definition.scss +0 -7
  441. package/styles/stepper/_bootstrap4-definition.scss +0 -7
  442. package/styles/stepper/_bootstrap5-definition.scss +0 -7
  443. package/styles/stepper/_bootstrap5.3-definition.scss +73 -0
  444. package/styles/stepper/_fabric-dark-definition.scss +0 -7
  445. package/styles/stepper/_fabric-definition.scss +0 -7
  446. package/styles/stepper/_fluent-definition.scss +0 -7
  447. package/styles/stepper/_fluent2-definition.scss +72 -0
  448. package/styles/stepper/_fusionnew-definition.scss +0 -7
  449. package/styles/stepper/_highcontrast-definition.scss +0 -7
  450. package/styles/stepper/_highcontrast-light-definition.scss +0 -7
  451. package/styles/stepper/_layout.scss +90 -143
  452. package/styles/stepper/_material-dark-definition.scss +0 -7
  453. package/styles/stepper/_material-definition.scss +0 -7
  454. package/styles/stepper/_material3-definition.scss +0 -7
  455. package/styles/stepper/_tailwind-definition.scss +0 -7
  456. package/styles/stepper/_theme.scss +12 -20
  457. package/styles/stepper/bootstrap-dark.css +162 -118
  458. package/styles/stepper/bootstrap.css +162 -118
  459. package/styles/stepper/bootstrap4.css +162 -118
  460. package/styles/stepper/bootstrap5-dark.css +162 -118
  461. package/styles/stepper/bootstrap5.css +162 -118
  462. package/styles/stepper/fabric-dark.css +162 -118
  463. package/styles/stepper/fabric.css +162 -118
  464. package/styles/stepper/fluent-dark.css +162 -118
  465. package/styles/stepper/fluent.css +162 -118
  466. package/styles/stepper/fluent2.css +1742 -0
  467. package/styles/stepper/fluent2.scss +5 -0
  468. package/styles/stepper/highcontrast-light.css +162 -118
  469. package/styles/stepper/highcontrast.css +162 -118
  470. package/styles/stepper/icons/_bootstrap5.3.scss +5 -0
  471. package/styles/stepper/icons/_fluent2.scss +5 -0
  472. package/styles/stepper/material-dark.css +162 -118
  473. package/styles/stepper/material.css +162 -118
  474. package/styles/stepper/material3-dark.css +167 -119
  475. package/styles/stepper/material3.css +167 -119
  476. package/styles/stepper/tailwind-dark.css +162 -118
  477. package/styles/stepper/tailwind.css +162 -118
  478. package/styles/tab/_bds-definition.scss +5 -45
  479. package/styles/tab/_bootstrap-dark-definition.scss +0 -26
  480. package/styles/tab/_bootstrap-definition.scss +0 -35
  481. package/styles/tab/_bootstrap4-definition.scss +9 -42
  482. package/styles/tab/_bootstrap5-definition.scss +0 -26
  483. package/styles/tab/_bootstrap5.3-definition.scss +635 -0
  484. package/styles/tab/_fabric-dark-definition.scss +0 -22
  485. package/styles/tab/_fabric-definition.scss +1 -36
  486. package/styles/tab/_fluent-definition.scss +0 -31
  487. package/styles/tab/_fluent2-definition.scss +667 -0
  488. package/styles/tab/_fusionnew-definition.scss +0 -26
  489. package/styles/tab/_highcontrast-definition.scss +0 -35
  490. package/styles/tab/_highcontrast-light-definition.scss +0 -24
  491. package/styles/tab/_icons.scss +0 -2
  492. package/styles/tab/_layout.scss +29 -31
  493. package/styles/tab/_material-dark-definition.scss +0 -28
  494. package/styles/tab/_material-definition.scss +0 -39
  495. package/styles/tab/_material3-definition.scss +3 -28
  496. package/styles/tab/_tailwind-definition.scss +0 -39
  497. package/styles/tab/_theme.scss +21 -2
  498. package/styles/tab/bootstrap-dark.css +171 -78
  499. package/styles/tab/bootstrap.css +171 -83
  500. package/styles/tab/bootstrap4.css +177 -87
  501. package/styles/tab/bootstrap5-dark.css +171 -84
  502. package/styles/tab/bootstrap5.css +171 -84
  503. package/styles/tab/fabric-dark.css +171 -78
  504. package/styles/tab/fabric.css +173 -85
  505. package/styles/tab/fluent-dark.css +171 -81
  506. package/styles/tab/fluent.css +171 -81
  507. package/styles/tab/fluent2.css +5251 -0
  508. package/styles/tab/fluent2.scss +5 -0
  509. package/styles/tab/highcontrast-light.css +171 -78
  510. package/styles/tab/highcontrast.css +171 -83
  511. package/styles/tab/icons/_bds.scss +0 -2
  512. package/styles/tab/icons/_bootstrap-dark.scss +0 -2
  513. package/styles/tab/icons/_bootstrap.scss +0 -2
  514. package/styles/tab/icons/_bootstrap4.scss +0 -2
  515. package/styles/tab/icons/_bootstrap5.3.scss +90 -0
  516. package/styles/tab/icons/_bootstrap5.scss +0 -2
  517. package/styles/tab/icons/_fabric-dark.scss +0 -2
  518. package/styles/tab/icons/_fabric.scss +0 -2
  519. package/styles/tab/icons/_fluent.scss +0 -2
  520. package/styles/tab/icons/_fluent2.scss +98 -0
  521. package/styles/tab/icons/_fusionnew.scss +0 -2
  522. package/styles/tab/icons/_highcontrast-light.scss +0 -2
  523. package/styles/tab/icons/_highcontrast.scss +0 -2
  524. package/styles/tab/icons/_material-dark.scss +0 -2
  525. package/styles/tab/icons/_material.scss +0 -2
  526. package/styles/tab/icons/_material3.scss +0 -2
  527. package/styles/tab/icons/_tailwind.scss +0 -2
  528. package/styles/tab/material-dark.css +232 -84
  529. package/styles/tab/material.css +232 -90
  530. package/styles/tab/material3-dark.css +174 -85
  531. package/styles/tab/material3.css +174 -85
  532. package/styles/tab/tailwind-dark.css +217 -87
  533. package/styles/tab/tailwind.css +217 -87
  534. package/styles/tailwind-dark.css +1165 -763
  535. package/styles/tailwind-dark.scss +47 -14
  536. package/styles/tailwind.css +1165 -763
  537. package/styles/tailwind.scss +47 -14
  538. package/styles/toolbar/_bds-definition.scss +0 -18
  539. package/styles/toolbar/_bootstrap-dark-definition.scss +0 -15
  540. package/styles/toolbar/_bootstrap-definition.scss +0 -3
  541. package/styles/toolbar/_bootstrap4-definition.scss +0 -13
  542. package/styles/toolbar/_bootstrap5-definition.scss +0 -22
  543. package/styles/toolbar/_bootstrap5.3-definition.scss +198 -0
  544. package/styles/toolbar/_fabric-dark-definition.scss +0 -15
  545. package/styles/toolbar/_fabric-definition.scss +0 -13
  546. package/styles/toolbar/_fluent-definition.scss +0 -13
  547. package/styles/toolbar/_fluent2-definition.scss +197 -0
  548. package/styles/toolbar/_fusionnew-definition.scss +0 -22
  549. package/styles/toolbar/_highcontrast-definition.scss +0 -14
  550. package/styles/toolbar/_highcontrast-light-definition.scss +0 -15
  551. package/styles/toolbar/_layout.scss +18 -32
  552. package/styles/toolbar/_material-dark-definition.scss +0 -16
  553. package/styles/toolbar/_material-definition.scss +0 -16
  554. package/styles/toolbar/_material3-definition.scss +0 -21
  555. package/styles/toolbar/_tailwind-definition.scss +0 -13
  556. package/styles/toolbar/_theme.scss +66 -5
  557. package/styles/toolbar/bootstrap-dark.css +94 -61
  558. package/styles/toolbar/bootstrap.css +96 -62
  559. package/styles/toolbar/bootstrap4.css +96 -62
  560. package/styles/toolbar/bootstrap5-dark.css +111 -64
  561. package/styles/toolbar/bootstrap5.css +111 -64
  562. package/styles/toolbar/fabric-dark.css +94 -61
  563. package/styles/toolbar/fabric.css +94 -61
  564. package/styles/toolbar/fluent-dark.css +111 -64
  565. package/styles/toolbar/fluent.css +111 -64
  566. package/styles/toolbar/fluent2.css +2224 -0
  567. package/styles/toolbar/fluent2.scss +8 -0
  568. package/styles/toolbar/highcontrast-light.css +94 -61
  569. package/styles/toolbar/highcontrast.css +94 -61
  570. package/styles/toolbar/icons/_bds.scss +0 -2
  571. package/styles/toolbar/icons/_bootstrap-dark.scss +0 -2
  572. package/styles/toolbar/icons/_bootstrap.scss +0 -2
  573. package/styles/toolbar/icons/_bootstrap4.scss +0 -2
  574. package/styles/toolbar/icons/_bootstrap5.3.scss +14 -0
  575. package/styles/toolbar/icons/_bootstrap5.scss +0 -2
  576. package/styles/toolbar/icons/_fabric-dark.scss +0 -2
  577. package/styles/toolbar/icons/_fabric.scss +0 -2
  578. package/styles/toolbar/icons/_fluent.scss +0 -2
  579. package/styles/toolbar/icons/_fluent2.scss +14 -0
  580. package/styles/toolbar/icons/_fusionnew.scss +0 -2
  581. package/styles/toolbar/icons/_highcontrast-light.scss +0 -2
  582. package/styles/toolbar/icons/_highcontrast.scss +0 -2
  583. package/styles/toolbar/icons/_material-dark.scss +0 -2
  584. package/styles/toolbar/icons/_material.scss +0 -2
  585. package/styles/toolbar/icons/_material3.scss +0 -2
  586. package/styles/toolbar/icons/_tailwind.scss +0 -2
  587. package/styles/toolbar/material-dark.css +143 -69
  588. package/styles/toolbar/material.css +143 -70
  589. package/styles/toolbar/material3-dark.css +123 -65
  590. package/styles/toolbar/material3.css +123 -65
  591. package/styles/toolbar/tailwind-dark.css +111 -64
  592. package/styles/toolbar/tailwind.css +111 -64
  593. package/styles/treeview/_bootstrap5.3-definition.scss +119 -0
  594. package/styles/treeview/_fluent2-definition.scss +126 -0
  595. package/styles/treeview/_layout.scss +154 -146
  596. package/styles/treeview/_material3-definition.scss +1 -12
  597. package/styles/treeview/_theme.scss +154 -168
  598. package/styles/treeview/bootstrap-dark.css +106 -98
  599. package/styles/treeview/bootstrap.css +112 -100
  600. package/styles/treeview/bootstrap4.css +112 -104
  601. package/styles/treeview/bootstrap5-dark.css +112 -103
  602. package/styles/treeview/bootstrap5.css +112 -103
  603. package/styles/treeview/fabric-dark.css +106 -98
  604. package/styles/treeview/fabric.css +106 -98
  605. package/styles/treeview/fluent-dark.css +112 -103
  606. package/styles/treeview/fluent.css +112 -103
  607. package/styles/treeview/fluent2.css +2052 -0
  608. package/styles/treeview/fluent2.scss +6 -0
  609. package/styles/treeview/highcontrast-light.css +106 -98
  610. package/styles/treeview/highcontrast.css +122 -103
  611. package/styles/treeview/icons/_bootstrap5.3.scss +43 -0
  612. package/styles/treeview/icons/_fluent2.scss +43 -0
  613. package/styles/treeview/material-dark.css +115 -99
  614. package/styles/treeview/material.css +129 -101
  615. package/styles/treeview/material3-dark.css +136 -109
  616. package/styles/treeview/material3.css +136 -109
  617. package/styles/treeview/tailwind-dark.css +113 -105
  618. package/styles/treeview/tailwind.css +113 -105
  619. package/styles/v-scroll/_bootstrap5.3-definition.scss +49 -0
  620. package/styles/v-scroll/_fluent2-definition.scss +49 -0
  621. package/styles/v-scroll/bootstrap-dark.css +22 -10
  622. package/styles/v-scroll/bootstrap.css +22 -10
  623. package/styles/v-scroll/bootstrap4.css +22 -10
  624. package/styles/v-scroll/bootstrap5-dark.css +22 -10
  625. package/styles/v-scroll/bootstrap5.css +22 -10
  626. package/styles/v-scroll/fabric-dark.css +22 -10
  627. package/styles/v-scroll/fabric.css +22 -10
  628. package/styles/v-scroll/fluent-dark.css +22 -10
  629. package/styles/v-scroll/fluent.css +22 -10
  630. package/styles/v-scroll/fluent2.css +1248 -0
  631. package/styles/v-scroll/fluent2.scss +4 -0
  632. package/styles/v-scroll/highcontrast-light.css +22 -10
  633. package/styles/v-scroll/highcontrast.css +22 -10
  634. package/styles/v-scroll/icons/_bootstrap5.3.scss +27 -0
  635. package/styles/v-scroll/icons/_fluent2.scss +27 -0
  636. package/styles/v-scroll/material-dark.css +41 -14
  637. package/styles/v-scroll/material.css +41 -14
  638. package/styles/v-scroll/material3-dark.css +25 -11
  639. package/styles/v-scroll/material3.css +25 -11
  640. package/styles/v-scroll/tailwind-dark.css +22 -10
  641. package/styles/v-scroll/tailwind.css +22 -10
  642. package/CHANGELOG.md +0 -2357
@@ -44,7 +44,7 @@
44
44
  .e-bigger .e-pager,
45
45
  .e-pager.e-bigger {
46
46
  font-size: 16px;
47
- padding: 7px 8px 7px 8px;
47
+ padding: 7px 8px;
48
48
  }
49
49
  .e-bigger .e-pager div.e-icons,
50
50
  .e-pager.e-bigger div.e-icons {
@@ -63,6 +63,10 @@
63
63
  margin-top: -24px;
64
64
  width: 90px;
65
65
  }
66
+ .e-bigger .e-pager .e-pagercontainer,
67
+ .e-pager.e-bigger .e-pagercontainer {
68
+ margin: 0 0 -6px 0.8px;
69
+ }
66
70
  .e-bigger .e-pager .e-pagercontainer .e-firstpage,
67
71
  .e-bigger .e-pager .e-pagercontainer .e-prevpage,
68
72
  .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
@@ -79,21 +83,13 @@
79
83
  .e-pager.e-bigger .e-pagercontainer .e-lastpage,
80
84
  .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
81
85
  .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
82
- padding: 16px 14px 14px 14px;
86
+ padding: 16px 14px 14px;
83
87
  }
84
88
  .e-bigger .e-pager .e-pagerconstant,
85
89
  .e-pager.e-bigger .e-pagerconstant {
86
90
  margin-bottom: 6px;
87
91
  margin-left: 16px;
88
92
  }
89
- .e-bigger .e-pager .e-pagercontainer,
90
- .e-pager.e-bigger .e-pagercontainer {
91
- margin: 0 0 -6px 0.8px;
92
- }
93
- .e-bigger .e-pager.e-rtl .e-pagercontainer,
94
- .e-pager.e-bigger.e-rtl .e-pagercontainer {
95
- margin: 0 0 -5px 0;
96
- }
97
93
  @media (max-width: 769px) {
98
94
  .e-bigger .e-pager,
99
95
  .e-pager.e-bigger {
@@ -114,37 +110,15 @@
114
110
  .e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
115
111
  margin-left: 0;
116
112
  }
117
- .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-bigger .e-pager.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
118
- .e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
119
- .e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
120
- margin-left: 0;
121
- margin-right: 0;
122
- }
123
- .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
124
- .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
125
- margin-left: 6px;
126
- margin-top: 0;
127
- }
128
113
  .e-bigger .e-pager .e-numericitem,
129
114
  .e-pager.e-bigger .e-numericitem {
130
115
  margin: 0;
131
116
  }
132
- .e-bigger .e-pager .e-numericitem.e-currentitem,
133
- .e-pager.e-bigger .e-numericitem.e-currentitem {
134
- padding: 9px 13px 10px 12px;
135
- }
136
- .e-bigger .e-pager .e-numericitem.e-currentitem:hover,
117
+ .e-bigger .e-pager .e-numericitem.e-currentitem, .e-bigger .e-pager .e-numericitem.e-currentitem:hover,
118
+ .e-pager.e-bigger .e-numericitem.e-currentitem,
137
119
  .e-pager.e-bigger .e-numericitem.e-currentitem:hover {
138
120
  padding: 9px 13px 10px 12px;
139
121
  }
140
- .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
141
- .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem {
142
- padding: 9px 13px 10px 12px;
143
- }
144
- .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
145
- .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem:hover {
146
- padding: 9px 13px 10px 12px;
147
- }
148
122
  .e-bigger .e-pager .e-pp.e-spacing,
149
123
  .e-bigger .e-pager .e-np.e-spacing,
150
124
  .e-bigger .e-pager .e-pp.e-spacing:hover,
@@ -153,7 +127,7 @@
153
127
  .e-pager.e-bigger .e-np.e-spacing,
154
128
  .e-pager.e-bigger .e-pp.e-spacing:hover,
155
129
  .e-pager.e-bigger .e-np.e-spacing:hover {
156
- padding: 14px 14px 13px 14px;
130
+ padding: 14px 14px 13px;
157
131
  }
158
132
  .e-bigger .e-pager .e-spacing,
159
133
  .e-bigger .e-pager .e-numericitem:hover,
@@ -162,7 +136,45 @@
162
136
  .e-pager.e-bigger .e-numericitem:hover,
163
137
  .e-pager.e-bigger .e-currentitem {
164
138
  border-radius: 0;
165
- padding: 12px 15px 13px 15px;
139
+ padding: 12px 15px 13px;
140
+ }
141
+ .e-bigger .e-pager.e-rtl .e-spacing,
142
+ .e-bigger .e-pager.e-rtl .e-numericitem:hover,
143
+ .e-bigger .e-pager.e-rtl .e-currentitem,
144
+ .e-pager.e-bigger.e-rtl .e-spacing,
145
+ .e-pager.e-bigger.e-rtl .e-numericitem:hover,
146
+ .e-pager.e-bigger.e-rtl .e-currentitem {
147
+ padding: 14px 14px 13px;
148
+ }
149
+ .e-bigger .e-pager.e-rtl .e-pagerdropdown,
150
+ .e-pager.e-bigger.e-rtl .e-pagerdropdown {
151
+ margin: -26px 16px 0 0;
152
+ }
153
+ .e-bigger .e-pager.e-rtl .e-pagerconstant,
154
+ .e-pager.e-bigger.e-rtl .e-pagerconstant {
155
+ margin: 0 16px 7px 0;
156
+ }
157
+ .e-bigger .e-pager.e-rtl .e-pagercontainer,
158
+ .e-pager.e-bigger.e-rtl .e-pagercontainer {
159
+ margin: 0 0 -5px;
160
+ }
161
+ .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
162
+ .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
163
+ .e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
164
+ .e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
165
+ margin-left: 0;
166
+ margin-right: 0;
167
+ }
168
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
169
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
170
+ margin-left: 6px;
171
+ margin-top: 0;
172
+ }
173
+ .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
174
+ .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
175
+ .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
176
+ .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem:hover {
177
+ padding: 9px 13px 10px 12px;
166
178
  }
167
179
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
168
180
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
@@ -173,13 +185,17 @@
173
185
  margin-top: 0;
174
186
  padding: 14px 14px 13px;
175
187
  }
176
- .e-bigger .e-pager.e-rtl .e-pagerdropdown,
177
- .e-pager.e-bigger.e-rtl .e-pagerdropdown {
178
- margin: -26px 16px 0 0;
188
+ .e-bigger .e-pager.e-rtl.e-adaptive div.e-parentmsgbar,
189
+ .e-pager.e-bigger.e-rtl.e-adaptive div.e-parentmsgbar {
190
+ margin-top: -2px;
179
191
  }
180
- .e-bigger .e-pager.e-rtl .e-pagerconstant,
181
- .e-pager.e-bigger.e-rtl .e-pagerconstant {
182
- margin: 0 16px 7px 0;
192
+ .e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerdropdown,
193
+ .e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerdropdown {
194
+ margin: 1px 4px 0 2px;
195
+ }
196
+ .e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerconstant.e-page-all,
197
+ .e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerconstant.e-page-all {
198
+ top: 13px;
183
199
  }
184
200
  .e-bigger .e-pager .e-pagercontainer .e-firstpage,
185
201
  .e-bigger .e-pager .e-pagercontainer .e-prevpage,
@@ -198,7 +214,7 @@
198
214
  .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
199
215
  .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
200
216
  margin-right: 0;
201
- padding: 16px 14px 14px 14px;
217
+ padding: 16px 14px 14px;
202
218
  }
203
219
  .e-bigger .e-pager .e-pp,
204
220
  .e-bigger .e-pager .e-np,
@@ -222,32 +238,21 @@
222
238
  .e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
223
239
  top: 10px;
224
240
  }
225
- .e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar,
226
- .e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
227
- margin-top: -2px;
228
- }
229
- .e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown,
230
- .e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
231
- margin: 1px 4px 0 2px;
232
- }
233
- .e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all,
234
- .e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
235
- top: 13px;
236
- }
237
241
 
238
242
  .e-pager {
239
243
  border-style: solid;
240
244
  border-width: 1px;
241
245
  display: inline-block;
242
246
  font-size: 14px;
243
- padding: 7px 8px 7px 8px;
247
+ padding: 7px 8px;
244
248
  white-space: normal;
245
249
  width: 100%;
246
250
  /* stylelint-disable */
247
251
  /* stylelint-enable */
248
252
  }
249
253
  .e-pager [class^=e-] {
250
- box-sizing: border-box;
254
+ -webkit-box-sizing: border-box;
255
+ box-sizing: border-box;
251
256
  }
252
257
  .e-pager .e-pager-default.e-hide,
253
258
  .e-pager .e-pagesizes.e-hide,
@@ -289,24 +294,12 @@
289
294
  line-height: 1;
290
295
  margin-right: 0;
291
296
  min-width: 26px;
292
- padding: 13px 12px 10px 12px;
297
+ padding: 13px 12px 10px;
293
298
  text-align: center;
294
299
  }
295
- .e-pager .e-numericitem.e-currentitem {
296
- padding: 7.4px 10.5px 8.4px 9.5px;
297
- }
298
- .e-pager .e-numericitem.e-currentitem:hover {
300
+ .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
299
301
  padding: 7.4px 10.5px 8.4px 9.5px;
300
302
  }
301
- .e-pager.e-rtl .e-numericitem.e-currentitem {
302
- border-left-color: #86b7fe;
303
- border-left-style: solid;
304
- border-left-width: 3px;
305
- padding: 7px 10.5px 8px 9.5px;
306
- }
307
- .e-pager.e-rtl .e-numericitem.e-currentitem:hover {
308
- padding: 7px 10.5px 8px 9.5px;
309
- }
310
303
  .e-pager div.e-pagermsgdiv {
311
304
  padding-right: 6px;
312
305
  padding-top: 4px;
@@ -323,7 +316,7 @@
323
316
  .e-pager .e-currentitem {
324
317
  border-radius: 0;
325
318
  cursor: pointer;
326
- padding: 10px 12.5px 11.5px 12.5px;
319
+ padding: 10px 12.5px 11.5px;
327
320
  text-decoration: none;
328
321
  }
329
322
  .e-pager .e-currentitem {
@@ -336,6 +329,7 @@
336
329
  .e-pager a {
337
330
  display: inline;
338
331
  -webkit-user-select: none;
332
+ -moz-user-select: none;
339
333
  -ms-user-select: none;
340
334
  user-select: none;
341
335
  }
@@ -425,33 +419,38 @@
425
419
  .e-pager .e-pp:hover,
426
420
  .e-pager .e-np:hover {
427
421
  font-size: 14px;
422
+ padding: 10.4px 10.5px 11.4px;
428
423
  font-weight: bold;
429
424
  letter-spacing: 0;
430
- padding: 10.4px 10.5px 11.4px 10.5px;
431
425
  }
432
426
  .e-pager .e-np.e-focused,
433
427
  .e-pager .e-pp.e-focused {
434
428
  line-height: 1;
435
- padding: 10.4px 10.5px 11.4px 10.5px;
429
+ padding: 10.4px 10.5px 11.4px;
436
430
  }
437
431
  .e-pager.e-adaptive {
432
+ display: -webkit-box;
438
433
  display: -ms-flexbox;
439
434
  display: flex;
440
- -ms-flex-align: center;
441
- align-items: center;
442
- -ms-flex-pack: justify;
443
- justify-content: space-between;
435
+ -webkit-box-align: center;
436
+ -ms-flex-align: center;
437
+ align-items: center;
438
+ -webkit-box-pack: justify;
439
+ -ms-flex-pack: justify;
440
+ justify-content: space-between;
444
441
  padding: 8px;
445
442
  }
446
443
  .e-pager.e-adaptive div.e-parentmsgbar {
447
444
  margin: 0 5px;
448
445
  margin-top: -6px;
449
- -ms-flex-positive: 1;
450
- flex-grow: 1;
446
+ -webkit-box-flex: 1;
447
+ -ms-flex-positive: 1;
448
+ flex-grow: 1;
451
449
  min-width: 10px;
452
450
  white-space: nowrap;
453
451
  }
454
452
  .e-pager.e-adaptive .e-pagesizes {
453
+ display: -webkit-inline-box;
455
454
  display: -ms-inline-flexbox;
456
455
  display: inline-flex;
457
456
  width: auto;
@@ -460,8 +459,9 @@
460
459
  margin: 2px 2px 0 4px;
461
460
  width: 77px;
462
461
  min-width: 77px;
463
- -ms-flex-order: 2;
464
- order: 2;
462
+ -webkit-box-ordinal-group: 3;
463
+ -ms-flex-order: 2;
464
+ order: 2;
465
465
  height: 40px;
466
466
  padding-right: 5px;
467
467
  }
@@ -469,8 +469,9 @@
469
469
  font-size: 12px;
470
470
  position: relative;
471
471
  top: 6px;
472
- -ms-flex-order: 1;
473
- order: 1;
472
+ -webkit-box-ordinal-group: 2;
473
+ -ms-flex-order: 1;
474
+ order: 1;
474
475
  min-width: 52px;
475
476
  max-height: 34px;
476
477
  margin: 0 8px 0 10px;
@@ -495,21 +496,18 @@
495
496
  padding: 13px 0;
496
497
  }
497
498
  .e-pager div.e-parentmsgbar {
498
- box-sizing: border-box;
499
- display: inline-block;
500
- float: initial;
501
499
  padding-bottom: 0;
502
500
  padding-right: 0;
503
501
  padding-top: 0;
502
+ -webkit-box-sizing: border-box;
503
+ box-sizing: border-box;
504
+ display: inline-block;
505
+ float: initial;
504
506
  text-align: center;
505
507
  width: calc(60% - 48px);
506
508
  }
507
- .e-pager .e-pagesizes {
508
- display: none;
509
- }
510
- .e-pager .e-pagecountmsg {
511
- display: none;
512
- }
509
+ .e-pager .e-pagesizes,
510
+ .e-pager .e-pagecountmsg,
513
511
  .e-pager .e-pagercontainer {
514
512
  display: none;
515
513
  }
@@ -521,7 +519,8 @@
521
519
  .e-pager .e-mnext,
522
520
  .e-pager .e-mlast {
523
521
  border: 0;
524
- box-sizing: border-box;
522
+ -webkit-box-sizing: border-box;
523
+ box-sizing: border-box;
525
524
  display: inline-block;
526
525
  padding: 1% 5%;
527
526
  }
@@ -549,6 +548,14 @@
549
548
  .e-pager.e-rtl {
550
549
  direction: rtl;
551
550
  }
551
+ .e-pager.e-rtl .e-numericitem.e-currentitem, .e-pager.e-rtl .e-numericitem.e-currentitem:hover {
552
+ padding: 7px 10.5px 8px 9.5px;
553
+ }
554
+ .e-pager.e-rtl .e-numericitem.e-currentitem {
555
+ border-left-color: #86b7fe;
556
+ border-left-style: solid;
557
+ border-left-width: 3px;
558
+ }
552
559
  .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
553
560
  .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
554
561
  margin-left: 0;
@@ -619,17 +626,17 @@
619
626
  border-right-style: solid;
620
627
  min-width: 26px;
621
628
  }
622
- .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl.e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
629
+ .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
623
630
  margin-left: 0;
624
631
  margin-right: 0;
625
632
  }
626
633
  .e-pager.e-rtl .e-spacing, .e-pager.e-rtl .e-numericitem:hover, .e-pager.e-rtl .e-currentitem {
627
634
  margin: 0;
628
- padding: 10.4px 12.5px 11px 12.5px;
635
+ padding: 10.4px 12.5px 11px;
629
636
  }
630
637
  .e-pager.e-rtl .e-pp, .e-pager.e-rtl .e-np, .e-pager.e-rtl .e-pp:hover, .e-pager.e-rtl .e-np:hover {
631
638
  margin-top: 0;
632
- padding: 10px 10.5px 11px 10.5px;
639
+ padding: 10px 10.5px 11px;
633
640
  }
634
641
  .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
635
642
  margin: 0 5px;
@@ -674,6 +681,9 @@
674
681
  float: right;
675
682
  }
676
683
  }
684
+ .e-pager.sf-pager .e-pagercontainer {
685
+ font-size: 0;
686
+ }
677
687
  .e-pager.sf-pager .e-pagercontainer .e-first,
678
688
  .e-pager.sf-pager .e-pagercontainer .e-prev,
679
689
  .e-pager.sf-pager .e-pagercontainer .e-next,
@@ -683,9 +693,6 @@
683
693
  .e-pager.sf-pager .e-numericcontainer a {
684
694
  font-size: 14px;
685
695
  }
686
- .e-pager.sf-pager .e-pagercontainer {
687
- font-size: 0;
688
- }
689
696
  .e-pager.sf-pager .e-link,
690
697
  .e-pager.sf-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
691
698
  margin-left: 0;
@@ -693,8 +700,8 @@
693
700
 
694
701
  /*! Pager theme */
695
702
  .e-pager {
696
- background-color: #fff;
697
703
  border-color: #dee2e6;
704
+ background: #fff;
698
705
  color: #495057;
699
706
  opacity: 1;
700
707
  }
@@ -729,7 +736,6 @@
729
736
  }
730
737
  .e-pager .e-numericitem {
731
738
  background: #fff;
732
- border-right-color: #dee2e6;
733
739
  color: #0d6efd;
734
740
  }
735
741
  .e-pager .e-prevpagedisabled,
@@ -751,6 +757,7 @@
751
757
  background-color: #fff;
752
758
  border-color: #dee2e6;
753
759
  }
760
+ .e-pager .e-numericitem,
754
761
  .e-pager .e-firstpage,
755
762
  .e-pager .e-prevpage,
756
763
  .e-pager .e-firstpagedisabled,
@@ -781,10 +788,12 @@
781
788
  }
782
789
  .e-pager .e-currentitem.e-numericitem.e-focused {
783
790
  background: #e9ecef;
784
- box-shadow: 0 0 0 1px #0d6efd inset;
791
+ -webkit-box-shadow: 0 0 0 1px #0d6efd inset;
792
+ box-shadow: 0 0 0 1px #0d6efd inset;
785
793
  }
786
794
  .e-pager .e-focused {
787
- box-shadow: 0 0 0 1px #0d6efd inset;
795
+ -webkit-box-shadow: 0 0 0 1px #0d6efd inset;
796
+ box-shadow: 0 0 0 1px #0d6efd inset;
788
797
  }
789
798
  @media (max-width: 590px) {
790
799
  .e-pager .e-pager-default:hover {
@@ -793,24 +802,31 @@
793
802
  opacity: 1;
794
803
  }
795
804
  }
796
- .e-pager.e-rtl .e-numericitem {
797
- border-left-color: #dee2e6;
798
- }
799
- .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled {
800
- border-left-color: #dee2e6;
801
- }
802
- .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
805
+ .e-pager.e-rtl .e-numericitem, .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
803
806
  border-left-color: #dee2e6;
804
807
  }
805
808
 
806
809
  /*! component's theme wise override definitions and variables */
810
+ @-webkit-keyframes hscroll-popup-shadow {
811
+ 0% {
812
+ border-color: rgba(255, 255, 255, 0.5);
813
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
814
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
815
+ }
816
+ 100% {
817
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
818
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
819
+ }
820
+ }
807
821
  @keyframes hscroll-popup-shadow {
808
822
  0% {
809
823
  border-color: rgba(255, 255, 255, 0.5);
810
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
824
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
825
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
811
826
  }
812
827
  100% {
813
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
828
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
829
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
814
830
  }
815
831
  }
816
832
  /*! hscroll icons */
@@ -887,12 +903,14 @@
887
903
  padding-right: initial;
888
904
  }
889
905
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
890
- transform: skewX(-16deg) translateX(-6px);
906
+ -webkit-transform: skewX(-16deg) translateX(-6px);
907
+ transform: skewX(-16deg) translateX(-6px);
891
908
  }
892
909
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
893
910
  left: 48px;
894
911
  right: auto;
895
- transform: skewX(-16deg) translateX(-6px);
912
+ -webkit-transform: skewX(-16deg) translateX(-6px);
913
+ transform: skewX(-16deg) translateX(-6px);
896
914
  }
897
915
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
898
916
  left: auto;
@@ -905,12 +923,14 @@
905
923
  padding-right: 40px;
906
924
  }
907
925
  .e-hscroll.e-scroll-device .e-scroll-nav {
908
- transform: skewX(-16deg) translateX(6px);
926
+ -webkit-transform: skewX(-16deg) translateX(6px);
927
+ transform: skewX(-16deg) translateX(6px);
909
928
  width: 48px;
910
929
  }
911
930
  .e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
912
931
  font-size: 18px;
913
- transform: skewX(16deg);
932
+ -webkit-transform: skewX(16deg);
933
+ transform: skewX(16deg);
914
934
  }
915
935
  .e-hscroll.e-scroll-device .e-scroll-overlay {
916
936
  opacity: 0.5;
@@ -922,7 +942,8 @@
922
942
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
923
943
  left: auto;
924
944
  right: 48px;
925
- transform: skewX(-16deg) translateX(6px);
945
+ -webkit-transform: skewX(-16deg) translateX(6px);
946
+ transform: skewX(-16deg) translateX(6px);
926
947
  }
927
948
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
928
949
  left: 0;
@@ -952,10 +973,12 @@
952
973
  right: 0;
953
974
  }
954
975
  .e-hscroll .e-scroll-nav {
955
- -ms-flex-align: center;
956
- align-items: center;
976
+ -webkit-box-align: center;
977
+ -ms-flex-align: center;
978
+ align-items: center;
957
979
  bottom: 0;
958
980
  cursor: pointer;
981
+ display: -webkit-box;
959
982
  display: -ms-flexbox;
960
983
  display: flex;
961
984
  min-height: 38px;
@@ -993,13 +1016,15 @@
993
1016
  }
994
1017
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
995
1018
  border-color: #dee2e6;
996
- box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
1019
+ -webkit-box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
1020
+ box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
997
1021
  }
998
1022
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
999
1023
  background-color: #e9ecef;
1000
1024
  border-color: #dee2e6;
1001
1025
  border-width: 1px;
1002
- box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
1026
+ -webkit-box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
1027
+ box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
1003
1028
  }
1004
1029
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
1005
1030
  color: #6c757d;
@@ -1009,9 +1034,11 @@
1009
1034
  background-repeat: repeat-x;
1010
1035
  }
1011
1036
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
1037
+ background-image: -webkit-gradient(linear, left top, right top, from(#e9ecef), to(rgba(233, 236, 239, 0)));
1012
1038
  background-image: linear-gradient(-270deg, #e9ecef 0%, rgba(233, 236, 239, 0) 100%);
1013
1039
  }
1014
1040
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
1041
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(233, 236, 239, 0)), to(#e9ecef));
1015
1042
  background-image: linear-gradient(-270deg, rgba(233, 236, 239, 0) 0%, #e9ecef 100%);
1016
1043
  }
1017
1044
  .e-hscroll.e-rtl .e-scroll-nav {
@@ -1051,7 +1078,8 @@
1051
1078
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
1052
1079
  background: #e9ecef;
1053
1080
  border: 0;
1054
- box-shadow: none;
1081
+ -webkit-box-shadow: none;
1082
+ box-shadow: none;
1055
1083
  color: #495057;
1056
1084
  }
1057
1085
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active .e-icons {
@@ -1070,7 +1098,8 @@
1070
1098
  background-color: transparent;
1071
1099
  border-radius: 50%;
1072
1100
  border-width: 1px;
1073
- box-sizing: border-box;
1101
+ -webkit-box-sizing: border-box;
1102
+ box-sizing: border-box;
1074
1103
  content: "";
1075
1104
  height: 1px;
1076
1105
  left: 50%;
@@ -1080,7 +1109,8 @@
1080
1109
  width: 1px;
1081
1110
  }
1082
1111
  .e-hscroll .e-scroll-nav:active::after {
1083
- animation: hscroll-popup-shadow 0.6s ease-out 0ms;
1112
+ -webkit-animation: hscroll-popup-shadow 0.6s ease-out 0ms;
1113
+ animation: hscroll-popup-shadow 0.6s ease-out 0ms;
1084
1114
  visibility: visible;
1085
1115
  }
1086
1116
 
@@ -1129,12 +1159,14 @@
1129
1159
  width: inherit;
1130
1160
  }
1131
1161
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
1132
- transform: skewX(-16deg) translateX(-6px);
1162
+ -webkit-transform: skewX(-16deg) translateX(-6px);
1163
+ transform: skewX(-16deg) translateX(-6px);
1133
1164
  }
1134
1165
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
1135
1166
  left: 48px;
1136
1167
  right: auto;
1137
- transform: skewX(-16deg) translateX(-6px);
1168
+ -webkit-transform: skewX(-16deg) translateX(-6px);
1169
+ transform: skewX(-16deg) translateX(-6px);
1138
1170
  }
1139
1171
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
1140
1172
  left: auto;
@@ -1144,13 +1176,15 @@
1144
1176
  padding: 0 28px;
1145
1177
  }
1146
1178
  .e-vscroll.e-scroll-device .e-scroll-nav {
1147
- transform: skewX(-16deg) translateX(6px);
1179
+ -webkit-transform: skewX(-16deg) translateX(6px);
1180
+ transform: skewX(-16deg) translateX(6px);
1148
1181
  width: 48px;
1149
1182
  z-index: 1001;
1150
1183
  }
1151
1184
  .e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
1152
1185
  font-size: 14px;
1153
- transform: skewX(16deg);
1186
+ -webkit-transform: skewX(16deg);
1187
+ transform: skewX(16deg);
1154
1188
  }
1155
1189
  .e-vscroll.e-scroll-device .e-scroll-overlay {
1156
1190
  opacity: 0.5;
@@ -1162,7 +1196,8 @@
1162
1196
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
1163
1197
  left: auto;
1164
1198
  right: 48px;
1165
- transform: skewX(-16deg) translateX(6px);
1199
+ -webkit-transform: skewX(-16deg) translateX(6px);
1200
+ transform: skewX(-16deg) translateX(6px);
1166
1201
  }
1167
1202
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
1168
1203
  left: 0;
@@ -1189,9 +1224,11 @@
1189
1224
  right: auto;
1190
1225
  }
1191
1226
  .e-vscroll .e-scroll-nav {
1192
- -ms-flex-align: center;
1193
- align-items: center;
1227
+ -webkit-box-align: center;
1228
+ -ms-flex-align: center;
1229
+ align-items: center;
1194
1230
  cursor: pointer;
1231
+ display: -webkit-box;
1195
1232
  display: -ms-flexbox;
1196
1233
  display: flex;
1197
1234
  height: 38px;
@@ -1224,13 +1261,15 @@
1224
1261
  }
1225
1262
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
1226
1263
  border-color: #6c757d;
1227
- box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
1264
+ -webkit-box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
1265
+ box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
1228
1266
  }
1229
1267
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
1230
1268
  background-color: #e9ecef;
1231
1269
  border-color: #6c757d;
1232
1270
  border-width: 1px;
1233
- box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
1271
+ -webkit-box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
1272
+ box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
1234
1273
  }
1235
1274
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
1236
1275
  color: #6c757d;
@@ -1240,9 +1279,11 @@
1240
1279
  background-repeat: repeat-x;
1241
1280
  }
1242
1281
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
1282
+ background-image: -webkit-gradient(linear, left top, right top, from(#e9ecef), to(rgba(233, 236, 239, 0)));
1243
1283
  background-image: linear-gradient(-270deg, #e9ecef 0%, rgba(233, 236, 239, 0) 100%);
1244
1284
  }
1245
1285
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
1286
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(233, 236, 239, 0)), to(#e9ecef));
1246
1287
  background-image: linear-gradient(-270deg, rgba(233, 236, 239, 0) 0%, #e9ecef 100%);
1247
1288
  }
1248
1289
  .e-vscroll.e-rtl .e-scroll-nav {
@@ -1268,7 +1309,8 @@
1268
1309
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
1269
1310
  background: #dee2e6;
1270
1311
  border: 0;
1271
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1312
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1313
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1272
1314
  color: #495057;
1273
1315
  }
1274
1316
  .e-vscroll .e-scroll-nav {
@@ -1287,19 +1329,8 @@
1287
1329
  content: "";
1288
1330
  }
1289
1331
 
1290
- /*! component's theme wise override definitions and variables */
1291
- @keyframes hscroll-popup-shadow {
1292
- 0% {
1293
- border-color: rgba(255, 255, 255, 0.5);
1294
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1295
- }
1296
- 100% {
1297
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1298
- }
1299
- }
1300
- /*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */ /*! Toolbar's bootstrap5 theme wise override definitions and variables */
1332
+ /* stylelint-disable-line no-empty-source */
1301
1333
  /* stylelint-disable */
1302
- /*! toolbar icons */
1303
1334
  .e-toolbar .e-popup-down-icon::before {
1304
1335
  content: "\e729";
1305
1336
  line-height: normal;
@@ -1309,7 +1340,6 @@
1309
1340
  line-height: normal;
1310
1341
  }
1311
1342
 
1312
- /*! toolbar layout */
1313
1343
  /* stylelint-disable property-no-vendor-prefix */
1314
1344
  .e-bigger .e-toolbar,
1315
1345
  .e-toolbar.e-bigger {
@@ -1553,10 +1583,8 @@
1553
1583
  margin-right: initial;
1554
1584
  }
1555
1585
  .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
1556
- .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
1557
- margin: 0;
1558
- }
1559
1586
  .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item,
1587
+ .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
1560
1588
  .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
1561
1589
  margin: 0;
1562
1590
  }
@@ -1582,12 +1610,14 @@
1582
1610
  min-height: 38px;
1583
1611
  position: relative;
1584
1612
  -webkit-user-select: none;
1613
+ -moz-user-select: none;
1585
1614
  -ms-user-select: none;
1586
1615
  user-select: none;
1587
1616
  white-space: nowrap;
1588
1617
  overflow: hidden;
1589
1618
  }
1590
1619
  .e-toolbar.e-spacer-toolbar .e-toolbar-items {
1620
+ display: -webkit-box;
1591
1621
  display: -ms-flexbox;
1592
1622
  display: flex;
1593
1623
  -ms-flex-wrap: nowrap;
@@ -1606,7 +1636,8 @@
1606
1636
  visibility: hidden;
1607
1637
  }
1608
1638
  .e-toolbar.e-control[class*=e-toolbar] {
1609
- box-sizing: content-box;
1639
+ -webkit-box-sizing: content-box;
1640
+ box-sizing: content-box;
1610
1641
  }
1611
1642
  .e-toolbar.e-corner {
1612
1643
  border-radius: 4px;
@@ -1616,12 +1647,14 @@
1616
1647
  }
1617
1648
  .e-toolbar .e-toolbar-items {
1618
1649
  border-radius: 0 0 0 0;
1650
+ display: -webkit-inline-box;
1619
1651
  display: -ms-inline-flexbox;
1620
1652
  display: inline-flex;
1621
1653
  height: 100%;
1622
1654
  vertical-align: middle;
1623
- -ms-flex-align: center;
1624
- align-items: center;
1655
+ -webkit-box-align: center;
1656
+ -ms-flex-align: center;
1657
+ align-items: center;
1625
1658
  }
1626
1659
  .e-toolbar .e-toolbar-items.e-toolbar-multirow {
1627
1660
  margin-bottom: 1px;
@@ -1684,9 +1717,7 @@
1684
1717
  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
1685
1718
  margin-right: 8px;
1686
1719
  }
1687
- .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
1688
- margin: 0;
1689
- }
1720
+ .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
1690
1721
  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
1691
1722
  margin: 0;
1692
1723
  }
@@ -1696,29 +1727,36 @@
1696
1727
  .e-toolbar .e-toolbar-item {
1697
1728
  -ms-flex-line-pack: center;
1698
1729
  align-content: center;
1699
- -ms-flex-align: center;
1700
- align-items: center;
1730
+ -webkit-box-align: center;
1731
+ -ms-flex-align: center;
1732
+ align-items: center;
1701
1733
  cursor: pointer;
1734
+ display: -webkit-inline-box;
1702
1735
  display: -ms-inline-flexbox;
1703
1736
  display: inline-flex;
1704
1737
  min-height: 38px;
1705
1738
  vertical-align: middle;
1706
1739
  width: auto;
1707
- -ms-flex: 0 0 auto;
1708
- flex: 0 0 auto;
1740
+ -webkit-box-flex: 0;
1741
+ -ms-flex: 0 0 auto;
1742
+ flex: 0 0 auto;
1709
1743
  }
1710
1744
  .e-toolbar .e-toolbar-item.e-spacer {
1711
- -ms-flex-positive: 1;
1712
- flex-grow: 1;
1745
+ -webkit-box-flex: 1;
1746
+ -ms-flex-positive: 1;
1747
+ flex-grow: 1;
1713
1748
  }
1714
1749
  .e-toolbar .e-toolbar-item .e-tbar-btn {
1750
+ display: -webkit-box;
1715
1751
  display: -ms-flexbox;
1716
1752
  display: flex;
1717
- -ms-flex-align: center;
1718
- align-items: center;
1753
+ -webkit-box-align: center;
1754
+ -ms-flex-align: center;
1755
+ align-items: center;
1719
1756
  vertical-align: middle;
1720
- -ms-flex-pack: center;
1721
- justify-content: center;
1757
+ -webkit-box-pack: center;
1758
+ -ms-flex-pack: center;
1759
+ justify-content: center;
1722
1760
  margin: 0;
1723
1761
  min-height: 32px;
1724
1762
  min-width: 32px;
@@ -1787,10 +1825,13 @@
1787
1825
  height: auto;
1788
1826
  }
1789
1827
  .e-toolbar.e-vertical {
1828
+ display: -webkit-box;
1790
1829
  display: -ms-flexbox;
1791
1830
  display: flex;
1792
- -ms-flex-direction: column;
1793
- flex-direction: column;
1831
+ -webkit-box-orient: vertical;
1832
+ -webkit-box-direction: normal;
1833
+ -ms-flex-direction: column;
1834
+ flex-direction: column;
1794
1835
  }
1795
1836
  .e-toolbar.e-vertical .e-toolbar-items .e-vscroll-bar .e-vscroll-content {
1796
1837
  -ms-touch-action: pan-x pinch-zoom;
@@ -1818,6 +1859,7 @@
1818
1859
  margin-right: 0;
1819
1860
  }
1820
1861
  .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item {
1862
+ display: -webkit-box;
1821
1863
  display: -ms-flexbox;
1822
1864
  display: flex;
1823
1865
  height: auto;
@@ -1849,10 +1891,12 @@
1849
1891
  top: 0;
1850
1892
  }
1851
1893
  .e-toolbar .e-hor-nav {
1852
- -ms-flex-align: center;
1853
- align-items: center;
1894
+ -webkit-box-align: center;
1895
+ -ms-flex-align: center;
1896
+ align-items: center;
1854
1897
  border-radius: 0 0 0 0;
1855
1898
  cursor: pointer;
1899
+ display: -webkit-box;
1856
1900
  display: -ms-flexbox;
1857
1901
  display: flex;
1858
1902
  height: 100%;
@@ -1869,14 +1913,17 @@
1869
1913
  .e-toolbar .e-popup-down-icon.e-icons,
1870
1914
  .e-toolbar .e-popup-up-icon.e-icons {
1871
1915
  color: #6c757d;
1916
+ display: -webkit-box;
1872
1917
  display: -ms-flexbox;
1873
1918
  display: flex;
1874
1919
  text-align: center;
1875
1920
  vertical-align: middle;
1876
- -ms-flex-align: center;
1877
- align-items: center;
1878
- -ms-flex-pack: center;
1879
- justify-content: center;
1921
+ -webkit-box-align: center;
1922
+ -ms-flex-align: center;
1923
+ align-items: center;
1924
+ -webkit-box-pack: center;
1925
+ -ms-flex-pack: center;
1926
+ justify-content: center;
1880
1927
  width: 100%;
1881
1928
  font-size: 18px;
1882
1929
  }
@@ -1893,11 +1940,13 @@
1893
1940
  position: absolute;
1894
1941
  }
1895
1942
  .e-toolbar .e-toolbar-pop .e-toolbar-item {
1943
+ display: -webkit-box;
1896
1944
  display: -ms-flexbox;
1897
1945
  display: flex;
1898
1946
  height: 38px;
1899
- -ms-flex-pack: center;
1900
- justify-content: center;
1947
+ -webkit-box-pack: center;
1948
+ -ms-flex-pack: center;
1949
+ justify-content: center;
1901
1950
  min-height: 38px;
1902
1951
  }
1903
1952
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-toolbar-popup.e-hidden {
@@ -1909,8 +1958,9 @@
1909
1958
  padding: 6px 12px;
1910
1959
  border: none;
1911
1960
  border-radius: 4px;
1912
- -ms-flex-pack: start;
1913
- justify-content: flex-start;
1961
+ -webkit-box-pack: start;
1962
+ -ms-flex-pack: start;
1963
+ justify-content: flex-start;
1914
1964
  }
1915
1965
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
1916
1966
  margin: 0;
@@ -1958,11 +2008,13 @@
1958
2008
  padding-right: 8px;
1959
2009
  padding-top: 0;
1960
2010
  margin-left: -1px;
1961
- box-shadow: none;
2011
+ -webkit-box-shadow: none;
2012
+ box-shadow: none;
1962
2013
  display: inline;
1963
2014
  white-space: normal;
1964
2015
  }
1965
2016
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item {
2017
+ display: -webkit-inline-box;
1966
2018
  display: -ms-inline-flexbox;
1967
2019
  display: inline-flex;
1968
2020
  min-height: 38px;
@@ -1980,13 +2032,16 @@
1980
2032
  }
1981
2033
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon:not(.e-toolbar-pop),
1982
2034
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon:not(.e-toolbar-pop) {
2035
+ display: -webkit-box;
1983
2036
  display: -ms-flexbox;
1984
2037
  display: flex;
1985
- -ms-flex-align: center;
1986
- align-items: center;
2038
+ -webkit-box-align: center;
2039
+ -ms-flex-align: center;
2040
+ align-items: center;
1987
2041
  vertical-align: middle;
1988
- -ms-flex-pack: center;
1989
- justify-content: center;
2042
+ -webkit-box-pack: center;
2043
+ -ms-flex-pack: center;
2044
+ justify-content: center;
1990
2045
  padding: 5px 6px;
1991
2046
  font-size: 16px;
1992
2047
  }
@@ -2040,7 +2095,6 @@
2040
2095
  }
2041
2096
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
2042
2097
  -ms-flex-item-align: center;
2043
- -ms-grid-row-align: center;
2044
2098
  align-self: center;
2045
2099
  text-overflow: ellipsis;
2046
2100
  }
@@ -2048,6 +2102,7 @@
2048
2102
  display: none;
2049
2103
  }
2050
2104
  .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-separator:last-of-type {
2105
+ display: -webkit-inline-box;
2051
2106
  display: -ms-inline-flexbox;
2052
2107
  display: inline-flex;
2053
2108
  }
@@ -2070,9 +2125,7 @@
2070
2125
  margin-left: 8px;
2071
2126
  margin-right: initial;
2072
2127
  }
2073
- .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
2074
- margin: 0;
2075
- }
2128
+ .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
2076
2129
  .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
2077
2130
  margin: 0;
2078
2131
  }
@@ -2109,9 +2162,7 @@
2109
2162
  right: auto;
2110
2163
  border-radius: 0 0 0 0;
2111
2164
  }
2112
- .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item {
2113
- margin: 0;
2114
- }
2165
+ .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item,
2115
2166
  .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item {
2116
2167
  margin: 0;
2117
2168
  }
@@ -2131,20 +2182,21 @@
2131
2182
  padding-left: 0;
2132
2183
  }
2133
2184
 
2134
- /*! toolbar theme */
2135
2185
  /* stylelint-disable property-no-vendor-prefix */
2136
2186
  .e-toolbar {
2137
2187
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2138
2188
  background: #f8f9fa;
2139
2189
  border: 0 solid #dee2e6;
2140
- box-shadow: none;
2190
+ -webkit-box-shadow: none;
2191
+ box-shadow: none;
2141
2192
  }
2142
2193
  .e-toolbar .e-toolbar-items {
2143
2194
  background: #f8f9fa;
2144
2195
  }
2145
2196
  .e-toolbar .e-toolbar-item .e-tbar-btn {
2146
2197
  background: #f8f9fa;
2147
- box-shadow: none;
2198
+ -webkit-box-shadow: none;
2199
+ box-shadow: none;
2148
2200
  color: #212529;
2149
2201
  border: none;
2150
2202
  }
@@ -2156,13 +2208,15 @@
2156
2208
  }
2157
2209
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active {
2158
2210
  background: #565e64;
2159
- box-shadow: none;
2211
+ -webkit-box-shadow: none;
2212
+ box-shadow: none;
2160
2213
  }
2161
2214
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active .e-tbar-btn-text {
2162
2215
  color: #fff;
2163
2216
  }
2164
2217
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active:focus {
2165
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
2218
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
2219
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
2166
2220
  }
2167
2221
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
2168
2222
  background: none;
@@ -2171,7 +2225,8 @@
2171
2225
  border-color: #6c757d;
2172
2226
  border-style: solid;
2173
2227
  border-width: 0;
2174
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
2228
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
2229
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
2175
2230
  }
2176
2231
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
2177
2232
  color: #6c757d;
@@ -2207,7 +2262,8 @@
2207
2262
  border-style: solid;
2208
2263
  border-width: 0;
2209
2264
  border-radius: 4px;
2210
- box-shadow: none;
2265
+ -webkit-box-shadow: none;
2266
+ box-shadow: none;
2211
2267
  color: #495057;
2212
2268
  }
2213
2269
  .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
@@ -2255,7 +2311,8 @@
2255
2311
  }
2256
2312
  .e-toolbar .e-hor-nav:active {
2257
2313
  border: 0;
2258
- box-shadow: none;
2314
+ -webkit-box-shadow: none;
2315
+ box-shadow: none;
2259
2316
  color: #495057;
2260
2317
  background: #f8f9fa;
2261
2318
  }
@@ -2297,7 +2354,8 @@
2297
2354
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
2298
2355
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
2299
2356
  background: #5c636a;
2300
- box-shadow: none;
2357
+ -webkit-box-shadow: none;
2358
+ box-shadow: none;
2301
2359
  border-color: #5c636a;
2302
2360
  border-style: solid;
2303
2361
  border-width: 0;
@@ -2319,31 +2377,35 @@
2319
2377
  .e-toolbar .e-toolbar-pop {
2320
2378
  background: #fff;
2321
2379
  border: 0 solid #dee2e6;
2322
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
2380
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
2381
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
2323
2382
  }
2324
2383
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn {
2325
2384
  background: transparent;
2326
2385
  }
2327
2386
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
2328
2387
  background: #5c636a;
2329
- box-shadow: none;
2388
+ -webkit-box-shadow: none;
2389
+ box-shadow: none;
2330
2390
  border-color: #6c757d;
2331
2391
  border-style: solid;
2332
2392
  border-width: 0;
2333
2393
  }
2334
2394
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
2335
2395
  background: transparent;
2336
- box-shadow: none;
2396
+ -webkit-box-shadow: none;
2397
+ box-shadow: none;
2337
2398
  border-color: #dee2e6;
2338
2399
  border-style: solid;
2339
2400
  border-width: 0;
2340
2401
  }
2341
2402
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus {
2342
2403
  background: #5c636a;
2343
- box-shadow: none;
2344
2404
  border-color: #6c757d;
2345
2405
  border-style: solid;
2346
2406
  border-width: 0;
2407
+ -webkit-box-shadow: none;
2408
+ box-shadow: none;
2347
2409
  }
2348
2410
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
2349
2411
  outline: 0;
@@ -2353,7 +2415,8 @@
2353
2415
  }
2354
2416
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
2355
2417
  background: #f8f9fa;
2356
- box-shadow: none;
2418
+ -webkit-box-shadow: none;
2419
+ box-shadow: none;
2357
2420
  border: none;
2358
2421
  }
2359
2422
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
@@ -2362,7 +2425,8 @@
2362
2425
  border-color: #6c757d;
2363
2426
  border-style: solid;
2364
2427
  border-width: 0;
2365
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
2428
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
2429
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
2366
2430
  }
2367
2431
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
2368
2432
  background: #5c636a;
@@ -2374,7 +2438,8 @@
2374
2438
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
2375
2439
  background: #565e64;
2376
2440
  border-radius: 4px;
2377
- box-shadow: none;
2441
+ -webkit-box-shadow: none;
2442
+ box-shadow: none;
2378
2443
  border-color: #dee2e6;
2379
2444
  border-style: solid;
2380
2445
  border-width: 0;
@@ -2401,17 +2466,14 @@
2401
2466
  border-width: 0 0 0 0;
2402
2467
  }
2403
2468
 
2404
- /*! Accordion's bootstrap5 theme wise override definitions and variables */
2405
- /* stylelint-disable */
2406
- /*! accordion icons */
2407
2469
  .e-accordion .e-tgl-collapse-icon::before {
2408
2470
  content: "\e729";
2409
2471
  }
2410
2472
  .e-accordion .e-tgl-collapse-icon.e-expand-icon {
2411
- transform: rotate(-180deg);
2473
+ -webkit-transform: rotate(-180deg);
2474
+ transform: rotate(-180deg);
2412
2475
  }
2413
2476
 
2414
- /*! accordion layout */
2415
2477
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
2416
2478
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2417
2479
  font-size: 16px;
@@ -2427,7 +2489,8 @@
2427
2489
  }
2428
2490
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
2429
2491
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2430
- box-shadow: none;
2492
+ -webkit-box-shadow: none;
2493
+ box-shadow: none;
2431
2494
  padding: 12px 0 12px 28px;
2432
2495
  }
2433
2496
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -2593,6 +2656,7 @@
2593
2656
  vertical-align: middle;
2594
2657
  }
2595
2658
  .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
2659
+ -webkit-transition: 0.5s ease 0s;
2596
2660
  transition: 0.5s ease 0s;
2597
2661
  }
2598
2662
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
@@ -2615,7 +2679,8 @@
2615
2679
  padding: 10px 0 10px 26px;
2616
2680
  }
2617
2681
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2618
- box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2682
+ -webkit-box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2683
+ box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2619
2684
  }
2620
2685
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2621
2686
  padding: 0;
@@ -2677,8 +2742,6 @@
2677
2742
  padding: 0 0 0 8px;
2678
2743
  }
2679
2744
 
2680
- /*! accordion theme */
2681
- /* stylelint-disable property-no-vendor-prefix */
2682
2745
  .e-accordion {
2683
2746
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2684
2747
  background: #fff;
@@ -2823,7 +2886,8 @@
2823
2886
  }
2824
2887
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2825
2888
  border: 0;
2826
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2889
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2890
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2827
2891
  background: none;
2828
2892
  }
2829
2893
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
@@ -2835,10 +2899,10 @@
2835
2899
  color: #0d6efd;
2836
2900
  }
2837
2901
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons {
2838
- color: #0d6efd;
2902
+ color: #0c63e4;
2839
2903
  }
2840
2904
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
2841
- color: #0d6efd;
2905
+ color: #0c63e4;
2842
2906
  }
2843
2907
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-acrdn-header-content {
2844
2908
  color: #212529;
@@ -2850,16 +2914,16 @@
2850
2914
  background: #e7f1ff;
2851
2915
  }
2852
2916
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-icons {
2853
- color: #0d6efd;
2917
+ color: #0c63e4;
2854
2918
  }
2855
2919
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons {
2856
2920
  color: #6c757d;
2857
2921
  }
2858
2922
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content {
2859
- color: #0d6efd;
2923
+ color: #0c63e4;
2860
2924
  }
2861
2925
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content {
2862
- color: #0d6efd;
2926
+ color: #0c63e4;
2863
2927
  }
2864
2928
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon {
2865
2929
  color: #6c757d;
@@ -2868,12 +2932,12 @@
2868
2932
  border-color: #dee2e6;
2869
2933
  }
2870
2934
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
2871
- color: #0d6efd;
2935
+ color: #0c63e4;
2872
2936
  }
2873
2937
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
2874
2938
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
2875
2939
  .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
2876
- color: #0d6efd;
2940
+ color: #0c63e4;
2877
2941
  }
2878
2942
  .e-accordion .e-acrdn-item.e-select.e-item-focus {
2879
2943
  border-color: #dee2e6;
@@ -2895,13 +2959,14 @@
2895
2959
  border-bottom: 1px none #dee2e6;
2896
2960
  }
2897
2961
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
2898
- color: #0d6efd;
2962
+ color: #0c63e4;
2899
2963
  }
2900
2964
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
2901
- color: #0d6efd;
2965
+ color: #0c63e4;
2902
2966
  }
2903
2967
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2904
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2968
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2969
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2905
2970
  position: relative;
2906
2971
  z-index: 2;
2907
2972
  }
@@ -2942,7 +3007,6 @@
2942
3007
  font-size: 14px;
2943
3008
  }
2944
3009
 
2945
- /*! Carousel component bootstrap5 theme definitions and variables */
2946
3010
  .e-carousel .e-previous-icon::before {
2947
3011
  content: "\e765";
2948
3012
  }
@@ -2962,7 +3026,6 @@
2962
3026
  content: "\e765";
2963
3027
  }
2964
3028
 
2965
- /*! carousel component styles */
2966
3029
  .e-carousel {
2967
3030
  display: block;
2968
3031
  margin: 0;
@@ -2996,13 +3059,21 @@
2996
3059
  }
2997
3060
  .e-carousel .e-carousel-items {
2998
3061
  width: calc(var(--carousel-items-count) * 100%);
3062
+ display: -webkit-box;
2999
3063
  display: -ms-flexbox;
3000
3064
  display: flex;
3001
- -ms-flex-direction: row;
3002
- flex-direction: row;
3065
+ -webkit-box-orient: horizontal;
3066
+ -webkit-box-direction: normal;
3067
+ -ms-flex-direction: row;
3068
+ flex-direction: row;
3069
+ -webkit-transition-property: -webkit-transform;
3070
+ transition-property: -webkit-transform;
3003
3071
  transition-property: transform;
3004
- transition-duration: 0.6s;
3005
- transition-timing-function: ease-in-out;
3072
+ transition-property: transform, -webkit-transform;
3073
+ -webkit-transition-duration: 0.6s;
3074
+ transition-duration: 0.6s;
3075
+ -webkit-transition-timing-function: ease-in-out;
3076
+ transition-timing-function: ease-in-out;
3006
3077
  }
3007
3078
  .e-carousel .e-carousel-items .e-carousel-item {
3008
3079
  height: 100%;
@@ -3012,16 +3083,34 @@
3012
3083
  width: calc(100% / var(--carousel-items-count));
3013
3084
  }
3014
3085
  .e-carousel.e-blazor-carousel .e-carousel-items {
3015
- transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
3086
+ -webkit-transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
3087
+ transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
3088
+ -webkit-transition: -webkit-transform;
3089
+ transition: -webkit-transform;
3016
3090
  transition: transform;
3091
+ transition: transform, -webkit-transform;
3017
3092
  }
3018
3093
  .e-carousel.e-blazor-carousel.e-rtl .e-carousel-items {
3019
- transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
3094
+ -webkit-transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
3095
+ transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
3096
+ -webkit-transition: -webkit-transform;
3097
+ transition: -webkit-transform;
3020
3098
  transition: transform;
3099
+ transition: transform, -webkit-transform;
3021
3100
  }
3022
3101
  .e-carousel.e-carousel-fade-animation .e-carousel-items.e-fade-in-out {
3102
+ -webkit-transition-property: none;
3023
3103
  transition-property: none;
3024
- animation: fade-in-out 0.6s ease-in-out;
3104
+ -webkit-animation: fade-in-out 0.6s ease-in-out;
3105
+ animation: fade-in-out 0.6s ease-in-out;
3106
+ }
3107
+ @-webkit-keyframes fade-in-out {
3108
+ 0% {
3109
+ opacity: 0;
3110
+ }
3111
+ 100% {
3112
+ opacity: 1;
3113
+ }
3025
3114
  }
3026
3115
  @keyframes fade-in-out {
3027
3116
  0% {
@@ -3032,7 +3121,8 @@
3032
3121
  }
3033
3122
  }
3034
3123
  .e-carousel.e-carousel-slide-animation .e-carousel-items.e-slide {
3035
- transition-duration: 0.6s;
3124
+ -webkit-transition-duration: 0.6s;
3125
+ transition-duration: 0.6s;
3036
3126
  }
3037
3127
  .e-carousel.e-carousel-custom-animation:not(.e-partial) .e-carousel-item {
3038
3128
  display: block;
@@ -3047,13 +3137,16 @@
3047
3137
  pointer-events: visible;
3048
3138
  }
3049
3139
  .e-carousel .e-carousel-navigators {
3050
- -ms-flex-align: center;
3051
- align-items: center;
3140
+ -webkit-box-align: center;
3141
+ -ms-flex-align: center;
3142
+ align-items: center;
3143
+ display: -webkit-box;
3052
3144
  display: -ms-flexbox;
3053
3145
  display: flex;
3054
3146
  height: 100%;
3055
- -ms-flex-pack: justify;
3056
- justify-content: space-between;
3147
+ -webkit-box-pack: justify;
3148
+ -ms-flex-pack: justify;
3149
+ justify-content: space-between;
3057
3150
  pointer-events: none;
3058
3151
  position: absolute;
3059
3152
  top: 0;
@@ -3070,7 +3163,8 @@
3070
3163
  .e-carousel .e-carousel-navigators .e-previous .e-btn,
3071
3164
  .e-carousel .e-carousel-navigators .e-next .e-btn {
3072
3165
  border: 0;
3073
- box-shadow: none;
3166
+ -webkit-box-shadow: none;
3167
+ box-shadow: none;
3074
3168
  }
3075
3169
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
3076
3170
  .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
@@ -3080,7 +3174,8 @@
3080
3174
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
3081
3175
  .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
3082
3176
  .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
3083
- transform: rotate(180deg);
3177
+ -webkit-transform: rotate(180deg);
3178
+ transform: rotate(180deg);
3084
3179
  }
3085
3180
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn .e-play-icon,
3086
3181
  .e-carousel .e-carousel-navigators .e-previous .e-btn .e-play-icon,
@@ -3094,13 +3189,16 @@
3094
3189
  display: none;
3095
3190
  }
3096
3191
  .e-carousel .e-carousel-indicators {
3097
- -ms-flex-align: center;
3098
- align-items: center;
3192
+ -webkit-box-align: center;
3193
+ -ms-flex-align: center;
3194
+ align-items: center;
3099
3195
  bottom: 0;
3196
+ display: -webkit-box;
3100
3197
  display: -ms-flexbox;
3101
3198
  display: flex;
3102
- -ms-flex-pack: center;
3103
- justify-content: center;
3199
+ -webkit-box-pack: center;
3200
+ -ms-flex-pack: center;
3201
+ justify-content: center;
3104
3202
  min-height: 48px;
3105
3203
  padding: 0;
3106
3204
  pointer-events: none;
@@ -3109,33 +3207,41 @@
3109
3207
  z-index: 1;
3110
3208
  }
3111
3209
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars {
3210
+ display: -webkit-box;
3112
3211
  display: -ms-flexbox;
3113
3212
  display: flex;
3114
3213
  -ms-flex-wrap: wrap;
3115
3214
  flex-wrap: wrap;
3116
- -ms-flex-pack: center;
3117
- justify-content: center;
3215
+ -webkit-box-pack: center;
3216
+ -ms-flex-pack: center;
3217
+ justify-content: center;
3118
3218
  pointer-events: auto;
3119
3219
  }
3120
3220
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar {
3121
3221
  padding: 0;
3122
3222
  }
3123
3223
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator {
3124
- -ms-flex-align: center;
3125
- align-items: center;
3224
+ -webkit-box-align: center;
3225
+ -ms-flex-align: center;
3226
+ align-items: center;
3227
+ display: -webkit-box;
3126
3228
  display: -ms-flexbox;
3127
3229
  display: flex;
3128
- -ms-flex-pack: center;
3129
- justify-content: center;
3230
+ -webkit-box-pack: center;
3231
+ -ms-flex-pack: center;
3232
+ justify-content: center;
3130
3233
  padding: 4px;
3131
3234
  }
3132
3235
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator div {
3133
3236
  border: 1px solid rgba(255, 255, 255, 0.4);
3134
3237
  border-radius: 2px;
3135
3238
  height: 5px;
3136
- transition-duration: 0.6s;
3239
+ -webkit-transition-duration: 0.6s;
3240
+ transition-duration: 0.6s;
3241
+ -webkit-transition-property: background-color, border-color;
3137
3242
  transition-property: background-color, border-color;
3138
- transition-timing-function: ease-in-out;
3243
+ -webkit-transition-timing-function: ease-in-out;
3244
+ transition-timing-function: ease-in-out;
3139
3245
  width: 20px;
3140
3246
  }
3141
3247
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
@@ -3147,6 +3253,7 @@
3147
3253
  .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars {
3148
3254
  display: block;
3149
3255
  overflow: hidden;
3256
+ -webkit-transition: opacity 0.6s ease-in-out;
3150
3257
  transition: opacity 0.6s ease-in-out;
3151
3258
  white-space: nowrap;
3152
3259
  width: 80px;
@@ -3159,18 +3266,26 @@
3159
3266
  margin: 0 4px;
3160
3267
  opacity: 1;
3161
3268
  position: relative;
3162
- transform: scale(0.33);
3163
- transition-duration: 0.6s;
3269
+ -webkit-transform: scale(0.33);
3270
+ transform: scale(0.33);
3271
+ -webkit-transition-duration: 0.6s;
3272
+ transition-duration: 0.6s;
3273
+ -webkit-transition-property: left, -webkit-transform;
3274
+ transition-property: left, -webkit-transform;
3164
3275
  transition-property: transform, left;
3165
- transition-timing-function: ease-in-out;
3276
+ transition-property: transform, left, -webkit-transform;
3277
+ -webkit-transition-timing-function: ease-in-out;
3278
+ transition-timing-function: ease-in-out;
3166
3279
  white-space: nowrap;
3167
3280
  width: 8px;
3168
3281
  }
3169
3282
  .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-active {
3170
- transform: scale(1);
3283
+ -webkit-transform: scale(1);
3284
+ transform: scale(1);
3171
3285
  }
3172
3286
  .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-prev, .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-next {
3173
- transform: scale(0.66);
3287
+ -webkit-transform: scale(0.66);
3288
+ transform: scale(0.66);
3174
3289
  }
3175
3290
  .e-carousel .e-carousel-indicators.e-fraction {
3176
3291
  min-height: 36px;
@@ -3187,13 +3302,15 @@
3187
3302
  left: 0;
3188
3303
  position: absolute;
3189
3304
  top: 0;
3190
- transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
3191
- transition-duration: 0.6s;
3192
- transform-origin: left top;
3305
+ -webkit-transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
3306
+ transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
3307
+ -webkit-transition-duration: 0.6s;
3308
+ transition-duration: 0.6s;
3309
+ -webkit-transform-origin: left top;
3310
+ transform-origin: left top;
3193
3311
  width: 100%;
3194
3312
  }
3195
3313
 
3196
- /*! carousel component theme */
3197
3314
  .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
3198
3315
  .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
3199
3316
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
@@ -3217,7 +3334,8 @@
3217
3334
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator {
3218
3335
  background-color: transparent;
3219
3336
  border-color: transparent;
3220
- box-shadow: none;
3337
+ -webkit-box-shadow: none;
3338
+ box-shadow: none;
3221
3339
  }
3222
3340
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator div {
3223
3341
  background: #fff;
@@ -3226,7 +3344,8 @@
3226
3344
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:hover {
3227
3345
  background: transparent;
3228
3346
  border-color: transparent;
3229
- box-shadow: none;
3347
+ -webkit-box-shadow: none;
3348
+ box-shadow: none;
3230
3349
  outline: none;
3231
3350
  }
3232
3351
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:focus-visible {
@@ -3252,18 +3371,6 @@
3252
3371
  background-color: #0d6efd;
3253
3372
  }
3254
3373
 
3255
- /*! component's theme wise override definitions and variables */
3256
- @keyframes hscroll-popup-shadow {
3257
- 0% {
3258
- border-color: rgba(255, 255, 255, 0.5);
3259
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
3260
- }
3261
- 100% {
3262
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
3263
- }
3264
- }
3265
- /*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
3266
- /*! contextmenu layout */
3267
3374
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
3268
3375
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
3269
3376
  content: "\e773";
@@ -3278,7 +3385,6 @@
3278
3385
  content: "\e765";
3279
3386
  }
3280
3387
 
3281
- /*! contextmenu layout */
3282
3388
  .e-contextmenu-wrapper ul,
3283
3389
  .e-contextmenu-container ul {
3284
3390
  font-weight: 400;
@@ -3288,13 +3394,15 @@
3288
3394
  margin: 0;
3289
3395
  overflow: hidden;
3290
3396
  -webkit-user-select: none;
3397
+ -moz-user-select: none;
3291
3398
  -ms-user-select: none;
3292
3399
  user-select: none;
3293
3400
  font-size: 14px;
3294
3401
  padding: 0;
3295
3402
  border: 1px solid #dee2e6;
3296
3403
  border-radius: 4px;
3297
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
3404
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
3405
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
3298
3406
  display: none;
3299
3407
  min-width: 120px;
3300
3408
  position: absolute;
@@ -3302,7 +3410,8 @@
3302
3410
  .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
3303
3411
  .e-contextmenu-container ul.e-ul,
3304
3412
  .e-contextmenu-container ul.e-ul * {
3305
- box-sizing: border-box;
3413
+ -webkit-box-sizing: border-box;
3414
+ box-sizing: border-box;
3306
3415
  }
3307
3416
  .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus,
3308
3417
  .e-contextmenu-container ul.e-ul:focus,
@@ -3311,7 +3420,8 @@
3311
3420
  }
3312
3421
  .e-contextmenu-wrapper ul.e-contextmenu,
3313
3422
  .e-contextmenu-container ul.e-contextmenu {
3314
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
3423
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
3424
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
3315
3425
  padding: 4px 0;
3316
3426
  }
3317
3427
  .e-contextmenu-wrapper ul.e-ul,
@@ -3396,6 +3506,8 @@
3396
3506
  }
3397
3507
  .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
3398
3508
  .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
3509
+ width: -webkit-max-content;
3510
+ width: -moz-max-content;
3399
3511
  width: max-content;
3400
3512
  }
3401
3513
 
@@ -3415,7 +3527,8 @@
3415
3527
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
3416
3528
  background: transparent;
3417
3529
  border: 0;
3418
- box-shadow: none;
3530
+ -webkit-box-shadow: none;
3531
+ box-shadow: none;
3419
3532
  height: 1px;
3420
3533
  left: 0;
3421
3534
  min-width: 0;
@@ -3435,7 +3548,8 @@
3435
3548
  }
3436
3549
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
3437
3550
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
3438
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
3551
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
3552
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
3439
3553
  }
3440
3554
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
3441
3555
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -3452,7 +3566,8 @@
3452
3566
  }
3453
3567
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
3454
3568
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
3455
- box-shadow: none;
3569
+ -webkit-box-shadow: none;
3570
+ box-shadow: none;
3456
3571
  margin-top: -12px;
3457
3572
  width: inherit;
3458
3573
  }
@@ -3496,7 +3611,8 @@
3496
3611
  font-size: 16px;
3497
3612
  padding: 4px 0;
3498
3613
  white-space: nowrap;
3499
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
3614
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
3615
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
3500
3616
  max-width: 280px;
3501
3617
  min-width: 112px;
3502
3618
  padding: 8px 0;
@@ -3548,13 +3664,13 @@
3548
3664
  padding-left: 36px;
3549
3665
  }
3550
3666
 
3551
- .e-contextmenu-wrapper .e-menu-item {
3667
+ .e-contextmenu-wrapper .e-menu-item,
3668
+ .e-contextmenu-container .e-menu-item {
3552
3669
  white-space: nowrap;
3553
3670
  overflow: hidden;
3554
3671
  text-overflow: ellipsis;
3555
3672
  }
3556
3673
 
3557
- /*! contextmenu theme */
3558
3674
  .e-contextmenu-wrapper ul,
3559
3675
  .e-contextmenu-container ul {
3560
3676
  background-color: #fff;
@@ -3614,14 +3730,6 @@
3614
3730
  border-color: #dee2e6;
3615
3731
  }
3616
3732
 
3617
- /*! Toolbar's bootstrap5 theme wise override definitions and variables */
3618
- /* stylelint-disable */
3619
- /*! Tab's bootstrap5 theme wise override definitions and variables */
3620
- /* stylelint-disable */
3621
- /*! Horizontal Tab */
3622
- /*! Bootstrap specific themes definition's */
3623
- /*! Vertical Tab */
3624
- /*! tab icons */
3625
3733
  .e-tab .e-tab-header .e-close-icon::before {
3626
3734
  content: "\e7e7";
3627
3735
  position: relative;
@@ -3664,7 +3772,6 @@
3664
3772
  position: relative;
3665
3773
  }
3666
3774
 
3667
- /*! tab layout */
3668
3775
  .e-bigger .e-tab .e-tab-header,
3669
3776
  .e-tab.e-bigger .e-tab-header {
3670
3777
  height: 42px;
@@ -4821,6 +4928,7 @@
4821
4928
  left: unset;
4822
4929
  position: unset;
4823
4930
  right: unset;
4931
+ -webkit-transition: unset;
4824
4932
  transition: unset;
4825
4933
  }
4826
4934
  .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after {
@@ -4872,6 +4980,7 @@
4872
4980
  left: 0;
4873
4981
  right: 0;
4874
4982
  border-radius: 0;
4983
+ -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
4875
4984
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
4876
4985
  }
4877
4986
  .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -4904,8 +5013,10 @@
4904
5013
  .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
4905
5014
  -ms-flex-line-pack: center;
4906
5015
  align-content: center;
4907
- -ms-flex-align: center;
4908
- align-items: center;
5016
+ -webkit-box-align: center;
5017
+ -ms-flex-align: center;
5018
+ align-items: center;
5019
+ display: -webkit-inline-box;
4909
5020
  display: -ms-inline-flexbox;
4910
5021
  display: inline-flex;
4911
5022
  height: 32px;
@@ -4922,7 +5033,6 @@
4922
5033
  font-weight: 400;
4923
5034
  text-transform: capitalize;
4924
5035
  -ms-flex-item-align: auto;
4925
- -ms-grid-row-align: auto;
4926
5036
  align-self: auto;
4927
5037
  margin-bottom: 0;
4928
5038
  }
@@ -4996,6 +5106,7 @@
4996
5106
  top: 1px;
4997
5107
  }
4998
5108
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
5109
+ display: -webkit-inline-box;
4999
5110
  display: -ms-inline-flexbox;
5000
5111
  display: inline-flex;
5001
5112
  height: 24px;
@@ -5029,8 +5140,9 @@
5029
5140
  left: 0;
5030
5141
  }
5031
5142
  .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
5032
- -ms-flex-pack: center;
5033
- justify-content: center;
5143
+ -webkit-box-pack: center;
5144
+ -ms-flex-pack: center;
5145
+ justify-content: center;
5034
5146
  padding: 0 15px;
5035
5147
  }
5036
5148
  @media screen and (max-width: 480px) {
@@ -5063,8 +5175,10 @@
5063
5175
  }
5064
5176
  }
5065
5177
  .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap {
5066
- -ms-flex-align: center;
5067
- align-items: center;
5178
+ -webkit-box-align: center;
5179
+ -ms-flex-align: center;
5180
+ align-items: center;
5181
+ display: -webkit-box;
5068
5182
  display: -ms-flexbox;
5069
5183
  display: flex;
5070
5184
  height: 62px;
@@ -5116,14 +5230,19 @@
5116
5230
  }
5117
5231
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-top,
5118
5232
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-bottom {
5119
- -ms-flex-align: center;
5120
- align-items: center;
5233
+ -webkit-box-align: center;
5234
+ -ms-flex-align: center;
5235
+ align-items: center;
5236
+ display: -webkit-box;
5121
5237
  display: -ms-flexbox;
5122
5238
  display: flex;
5123
- -ms-flex-direction: column;
5124
- flex-direction: column;
5125
- -ms-flex-pack: center;
5126
- justify-content: center;
5239
+ -webkit-box-orient: vertical;
5240
+ -webkit-box-direction: normal;
5241
+ -ms-flex-direction: column;
5242
+ flex-direction: column;
5243
+ -webkit-box-pack: center;
5244
+ -ms-flex-pack: center;
5245
+ justify-content: center;
5127
5246
  margin: auto;
5128
5247
  }
5129
5248
  .e-tab .e-tab-header .e-toolbar-pop {
@@ -5161,6 +5280,7 @@
5161
5280
  width: 100%;
5162
5281
  }
5163
5282
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
5283
+ display: -webkit-inline-box;
5164
5284
  display: -ms-inline-flexbox;
5165
5285
  display: inline-flex;
5166
5286
  width: 100%;
@@ -5204,22 +5324,25 @@
5204
5324
  }
5205
5325
  }
5206
5326
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-text-wrap {
5327
+ display: -webkit-inline-box;
5207
5328
  display: -ms-inline-flexbox;
5208
5329
  display: inline-flex;
5209
5330
  height: auto;
5210
5331
  }
5211
5332
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
5212
5333
  display: block;
5213
- -ms-flex-pack: center;
5214
- justify-content: center;
5334
+ -webkit-box-pack: center;
5335
+ -ms-flex-pack: center;
5336
+ justify-content: center;
5215
5337
  margin: 0 0 0 10px;
5216
5338
  padding-left: 0;
5217
5339
  padding-right: 10px;
5218
5340
  }
5219
5341
  @media screen and (max-width: 480px) {
5220
5342
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
5221
- -ms-flex-pack: center;
5222
- justify-content: center;
5343
+ -webkit-box-pack: center;
5344
+ -ms-flex-pack: center;
5345
+ justify-content: center;
5223
5346
  margin: 0 0 0 12px;
5224
5347
  padding-left: 0;
5225
5348
  padding-right: 0;
@@ -5234,14 +5357,17 @@
5234
5357
  }
5235
5358
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-top,
5236
5359
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-bottom {
5360
+ display: -webkit-inline-box;
5237
5361
  display: -ms-inline-flexbox;
5238
5362
  display: inline-flex;
5239
5363
  }
5240
5364
  .e-tab .e-tab-header.e-close-show .e-icons.e-close-icon {
5241
- -ms-flex-align: center;
5242
- align-items: center;
5365
+ -webkit-box-align: center;
5366
+ -ms-flex-align: center;
5367
+ align-items: center;
5243
5368
  -ms-flex-item-align: center;
5244
5369
  align-self: center;
5370
+ display: -webkit-inline-box;
5245
5371
  display: -ms-inline-flexbox;
5246
5372
  display: inline-flex;
5247
5373
  }
@@ -5252,6 +5378,7 @@
5252
5378
  }
5253
5379
  @media screen and (max-width: 480px) {
5254
5380
  .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-active .e-close-icon {
5381
+ display: -webkit-inline-box;
5255
5382
  display: -ms-inline-flexbox;
5256
5383
  display: inline-flex;
5257
5384
  }
@@ -5365,22 +5492,30 @@
5365
5492
  }
5366
5493
  }
5367
5494
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
5368
- transform: rotate(0deg);
5495
+ -webkit-transform: rotate(0deg);
5496
+ transform: rotate(0deg);
5497
+ -webkit-transition: none;
5369
5498
  transition: none;
5370
5499
  }
5371
5500
  @media screen and (max-width: 480px) {
5372
5501
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
5373
- transform: none;
5502
+ -webkit-transform: none;
5503
+ transform: none;
5504
+ -webkit-transition: none;
5374
5505
  transition: none;
5375
5506
  }
5376
5507
  }
5377
5508
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
5378
- transform: rotate(0deg);
5509
+ -webkit-transform: rotate(0deg);
5510
+ transform: rotate(0deg);
5511
+ -webkit-transition: none;
5379
5512
  transition: none;
5380
5513
  }
5381
5514
  @media screen and (max-width: 480px) {
5382
5515
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
5383
- transform: none;
5516
+ -webkit-transform: none;
5517
+ transform: none;
5518
+ -webkit-transition: none;
5384
5519
  transition: none;
5385
5520
  }
5386
5521
  }
@@ -5419,6 +5554,7 @@
5419
5554
  position: unset;
5420
5555
  right: unset;
5421
5556
  top: unset;
5557
+ -webkit-transition: unset;
5422
5558
  transition: unset;
5423
5559
  }
5424
5560
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after {
@@ -5512,15 +5648,19 @@
5512
5648
  }
5513
5649
  .e-tab .e-tab-header.e-vertical .e-indicator {
5514
5650
  display: none;
5651
+ -webkit-transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
5515
5652
  transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
5516
5653
  width: 2px;
5517
5654
  }
5518
5655
  .e-tab .e-tab-header.e-vertical .e-toolbar-items {
5519
5656
  height: inherit;
5520
- -ms-flex-direction: column;
5521
- flex-direction: column;
5522
- -ms-flex-align: normal;
5523
- align-items: normal;
5657
+ -webkit-box-orient: vertical;
5658
+ -webkit-box-direction: normal;
5659
+ -ms-flex-direction: column;
5660
+ flex-direction: column;
5661
+ -webkit-box-align: normal;
5662
+ -ms-flex-align: normal;
5663
+ align-items: normal;
5524
5664
  }
5525
5665
  .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
5526
5666
  padding: 16px 0;
@@ -5586,6 +5726,7 @@
5586
5726
  left: unset;
5587
5727
  position: unset;
5588
5728
  right: unset;
5729
+ -webkit-transition: unset;
5589
5730
  transition: unset;
5590
5731
  width: unset;
5591
5732
  }
@@ -5626,6 +5767,7 @@
5626
5767
  left: unset;
5627
5768
  position: unset;
5628
5769
  right: unset;
5770
+ -webkit-transition: unset;
5629
5771
  transition: unset;
5630
5772
  width: unset;
5631
5773
  }
@@ -5640,8 +5782,9 @@
5640
5782
  }
5641
5783
  .e-tab .e-tab-header.e-vertical .e-scroll-nav {
5642
5784
  height: 16px;
5643
- -ms-flex-pack: center;
5644
- justify-content: center;
5785
+ -webkit-box-pack: center;
5786
+ -ms-flex-pack: center;
5787
+ justify-content: center;
5645
5788
  min-height: 16px;
5646
5789
  width: 100%;
5647
5790
  }
@@ -5659,7 +5802,9 @@
5659
5802
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
5660
5803
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
5661
5804
  height: 100%;
5662
- transform: none;
5805
+ -webkit-transform: none;
5806
+ transform: none;
5807
+ -webkit-transition: none;
5663
5808
  transition: none;
5664
5809
  width: 100%;
5665
5810
  }
@@ -5672,7 +5817,9 @@
5672
5817
  line-height: 36px;
5673
5818
  text-align: left;
5674
5819
  text-transform: capitalize;
5675
- transform: none;
5820
+ -webkit-transform: none;
5821
+ transform: none;
5822
+ -webkit-transition: none;
5676
5823
  transition: none;
5677
5824
  }
5678
5825
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
@@ -5739,14 +5886,17 @@
5739
5886
  overflow: hidden;
5740
5887
  }
5741
5888
  .e-tab.e-vertical-tab .e-content {
5889
+ display: -webkit-box;
5742
5890
  display: -ms-flexbox;
5743
5891
  display: flex;
5744
5892
  }
5745
5893
  .e-tab.e-vertical-tab .e-content .e-item.e-active {
5894
+ display: -webkit-box;
5746
5895
  display: -ms-flexbox;
5747
5896
  display: flex;
5748
- -ms-flex: none;
5749
- flex: none;
5897
+ -webkit-box-flex: 0;
5898
+ -ms-flex: none;
5899
+ flex: none;
5750
5900
  }
5751
5901
  .e-tab.e-vertical-tab .e-content .e-item,
5752
5902
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
@@ -5868,6 +6018,7 @@
5868
6018
  }
5869
6019
  .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align,
5870
6020
  .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align {
6021
+ display: -webkit-box;
5871
6022
  display: -ms-flexbox;
5872
6023
  display: flex;
5873
6024
  }
@@ -5887,31 +6038,42 @@
5887
6038
  }
5888
6039
  .e-tab.e-ie .e-tab-header .e-popup-up-icon,
5889
6040
  .e-tab.e-ie .e-tab-header .e-popup-down-icon {
5890
- transform: none;
6041
+ -webkit-transform: none;
6042
+ transform: none;
6043
+ -webkit-transition: none;
5891
6044
  transition: none;
5892
6045
  }
5893
6046
  .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
5894
- transform: rotate(0deg);
6047
+ -webkit-transform: rotate(0deg);
6048
+ transform: rotate(0deg);
6049
+ -webkit-transition: none;
5895
6050
  transition: none;
5896
6051
  }
5897
6052
  @media screen and (max-width: 480px) {
5898
6053
  .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
5899
- transform: none;
6054
+ -webkit-transform: none;
6055
+ transform: none;
6056
+ -webkit-transition: none;
5900
6057
  transition: none;
5901
6058
  }
5902
6059
  }
5903
6060
  .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
5904
- transform: rotate(0deg);
6061
+ -webkit-transform: rotate(0deg);
6062
+ transform: rotate(0deg);
6063
+ -webkit-transition: none;
5905
6064
  transition: none;
5906
6065
  }
5907
6066
  @media screen and (max-width: 480px) {
5908
6067
  .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
5909
- transform: none;
6068
+ -webkit-transform: none;
6069
+ transform: none;
6070
+ -webkit-transition: none;
5910
6071
  transition: none;
5911
6072
  }
5912
6073
  }
5913
6074
  .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align,
5914
6075
  .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align {
6076
+ display: -webkit-box;
5915
6077
  display: -ms-flexbox;
5916
6078
  display: flex;
5917
6079
  }
@@ -5932,48 +6094,66 @@
5932
6094
  position: relative;
5933
6095
  }
5934
6096
  .e-tab.e-edge .e-tab-header .e-popup-up-icon {
5935
- transform: rotate(0deg);
6097
+ -webkit-transform: rotate(0deg);
6098
+ transform: rotate(0deg);
6099
+ -webkit-transition: none;
5936
6100
  transition: none;
5937
6101
  }
5938
6102
  @media screen and (max-width: 480px) {
5939
6103
  .e-tab.e-edge .e-tab-header .e-popup-up-icon {
5940
- transform: none;
6104
+ -webkit-transform: none;
6105
+ transform: none;
6106
+ -webkit-transition: none;
5941
6107
  transition: none;
5942
6108
  }
5943
6109
  }
5944
6110
  .e-tab.e-edge .e-tab-header .e-popup-down-icon {
5945
- transform: rotate(0deg);
6111
+ -webkit-transform: rotate(0deg);
6112
+ transform: rotate(0deg);
6113
+ -webkit-transition: none;
5946
6114
  transition: none;
5947
6115
  }
5948
6116
  @media screen and (max-width: 480px) {
5949
6117
  .e-tab.e-edge .e-tab-header .e-popup-down-icon {
5950
- transform: none;
6118
+ -webkit-transform: none;
6119
+ transform: none;
6120
+ -webkit-transition: none;
5951
6121
  transition: none;
5952
6122
  }
5953
6123
  }
5954
6124
  @media screen and (max-width: 480px) and (max-width: 480px) {
5955
6125
  .e-tab.e-edge .e-tab-header .e-popup-down-icon {
5956
- transform: none;
6126
+ -webkit-transform: none;
6127
+ transform: none;
6128
+ -webkit-transition: none;
5957
6129
  transition: none;
5958
6130
  }
5959
6131
  }
5960
6132
  .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
5961
- transform: rotate(0deg);
6133
+ -webkit-transform: rotate(0deg);
6134
+ transform: rotate(0deg);
6135
+ -webkit-transition: none;
5962
6136
  transition: none;
5963
6137
  }
5964
6138
  @media screen and (max-width: 480px) {
5965
6139
  .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
5966
- transform: none;
6140
+ -webkit-transform: none;
6141
+ transform: none;
6142
+ -webkit-transition: none;
5967
6143
  transition: none;
5968
6144
  }
5969
6145
  }
5970
6146
  .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
5971
- transform: rotate(0deg);
6147
+ -webkit-transform: rotate(0deg);
6148
+ transform: rotate(0deg);
6149
+ -webkit-transition: none;
5972
6150
  transition: none;
5973
6151
  }
5974
6152
  @media screen and (max-width: 480px) {
5975
6153
  .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
5976
- transform: none;
6154
+ -webkit-transform: none;
6155
+ transform: none;
6156
+ -webkit-transition: none;
5977
6157
  transition: none;
5978
6158
  }
5979
6159
  }
@@ -6304,8 +6484,10 @@
6304
6484
  .e-tab-clone-element .e-text-wrap {
6305
6485
  -ms-flex-line-pack: center;
6306
6486
  align-content: center;
6307
- -ms-flex-align: center;
6308
- align-items: center;
6487
+ -webkit-box-align: center;
6488
+ -ms-flex-align: center;
6489
+ align-items: center;
6490
+ display: -webkit-inline-box;
6309
6491
  display: -ms-inline-flexbox;
6310
6492
  display: inline-flex;
6311
6493
  height: 32px;
@@ -6322,7 +6504,6 @@
6322
6504
  font-weight: 400;
6323
6505
  text-transform: capitalize;
6324
6506
  -ms-flex-item-align: auto;
6325
- -ms-grid-row-align: auto;
6326
6507
  align-self: auto;
6327
6508
  }
6328
6509
  @media screen and (max-width: 480px) {
@@ -6347,6 +6528,7 @@
6347
6528
  top: 1px;
6348
6529
  }
6349
6530
  .e-tab-clone-element .e-icons.e-tab-icon {
6531
+ display: -webkit-inline-box;
6350
6532
  display: -ms-inline-flexbox;
6351
6533
  display: inline-flex;
6352
6534
  height: 24px;
@@ -6371,8 +6553,9 @@
6371
6553
  }
6372
6554
  }
6373
6555
  .e-tab-clone-element.e-icon .e-tab-wrap {
6374
- -ms-flex-pack: center;
6375
- justify-content: center;
6556
+ -webkit-box-pack: center;
6557
+ -ms-flex-pack: center;
6558
+ justify-content: center;
6376
6559
  padding: 0 15px;
6377
6560
  }
6378
6561
  @media screen and (max-width: 480px) {
@@ -6405,8 +6588,10 @@
6405
6588
  }
6406
6589
  }
6407
6590
  .e-tab-clone-element.e-itop .e-tab-wrap, .e-tab-clone-element.e-ibottom .e-tab-wrap {
6408
- -ms-flex-align: center;
6409
- align-items: center;
6591
+ -webkit-box-align: center;
6592
+ -ms-flex-align: center;
6593
+ align-items: center;
6594
+ display: -webkit-box;
6410
6595
  display: -ms-flexbox;
6411
6596
  display: flex;
6412
6597
  height: 62px;
@@ -6452,21 +6637,28 @@
6452
6637
  }
6453
6638
  .e-tab-clone-element .e-tab-icon.e-icon-top,
6454
6639
  .e-tab-clone-element .e-tab-icon.e-icon-bottom {
6455
- -ms-flex-align: center;
6456
- align-items: center;
6640
+ -webkit-box-align: center;
6641
+ -ms-flex-align: center;
6642
+ align-items: center;
6643
+ display: -webkit-box;
6457
6644
  display: -ms-flexbox;
6458
6645
  display: flex;
6459
- -ms-flex-direction: column;
6460
- flex-direction: column;
6461
- -ms-flex-pack: center;
6462
- justify-content: center;
6646
+ -webkit-box-orient: vertical;
6647
+ -webkit-box-direction: normal;
6648
+ -ms-flex-direction: column;
6649
+ flex-direction: column;
6650
+ -webkit-box-pack: center;
6651
+ -ms-flex-pack: center;
6652
+ justify-content: center;
6463
6653
  margin: auto;
6464
6654
  }
6465
6655
  .e-tab-clone-element.e-close-show .e-icons.e-close-icon {
6466
- -ms-flex-align: center;
6467
- align-items: center;
6656
+ -webkit-box-align: center;
6657
+ -ms-flex-align: center;
6658
+ align-items: center;
6468
6659
  -ms-flex-item-align: center;
6469
6660
  align-self: center;
6661
+ display: -webkit-inline-box;
6470
6662
  display: -ms-inline-flexbox;
6471
6663
  display: inline-flex;
6472
6664
  }
@@ -6511,7 +6703,6 @@
6511
6703
  .e-bigger .e-tab-clone-element .e-tab-text {
6512
6704
  font-size: 16px;
6513
6705
  -ms-flex-item-align: auto;
6514
- -ms-grid-row-align: auto;
6515
6706
  align-self: auto;
6516
6707
  }
6517
6708
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
@@ -6587,7 +6778,6 @@
6587
6778
  margin: 0 0 10px;
6588
6779
  }
6589
6780
 
6590
- /*! tab theme */
6591
6781
  .e-tab {
6592
6782
  background: transparent;
6593
6783
  border: none;
@@ -6596,7 +6786,8 @@
6596
6786
  background: inherit;
6597
6787
  border: 0;
6598
6788
  border-radius: 0;
6599
- box-shadow: none;
6789
+ -webkit-box-shadow: none;
6790
+ box-shadow: none;
6600
6791
  font-weight: 400;
6601
6792
  border-bottom: 0;
6602
6793
  }
@@ -6723,7 +6914,8 @@
6723
6914
  background: #fff;
6724
6915
  border: 1px #000;
6725
6916
  border-radius: 4px;
6726
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
6917
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
6918
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
6727
6919
  overflow-y: auto;
6728
6920
  }
6729
6921
  .e-tab .e-tab-header .e-toolbar-pop[e-animate=true] {
@@ -6731,7 +6923,8 @@
6731
6923
  }
6732
6924
  @media screen and (max-width: 480px) {
6733
6925
  .e-tab .e-tab-header .e-toolbar-pop {
6734
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
6926
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
6927
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
6735
6928
  }
6736
6929
  }
6737
6930
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
@@ -6786,7 +6979,8 @@
6786
6979
  }
6787
6980
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
6788
6981
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
6789
- box-shadow: none;
6982
+ -webkit-box-shadow: none;
6983
+ box-shadow: none;
6790
6984
  border: 0;
6791
6985
  }
6792
6986
  .e-tab .e-tab-header .e-scroll-nav:focus,
@@ -6812,7 +7006,8 @@
6812
7006
  }
6813
7007
  .e-tab .e-tab-header .e-scroll-nav:active,
6814
7008
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
6815
- box-shadow: none;
7009
+ -webkit-box-shadow: none;
7010
+ box-shadow: none;
6816
7011
  background: inherit;
6817
7012
  border: 3px solid #adb5bd;
6818
7013
  }
@@ -6879,7 +7074,8 @@
6879
7074
  color: #6c757d;
6880
7075
  border: 0;
6881
7076
  border-radius: 4px;
6882
- box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.075);
7077
+ -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.075);
7078
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.075);
6883
7079
  }
6884
7080
  .e-tab .e-tab-header .e-hor-nav:hover,
6885
7081
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
@@ -6892,14 +7088,16 @@
6892
7088
  }
6893
7089
  .e-tab .e-tab-header .e-hor-nav:active,
6894
7090
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
6895
- box-shadow: none;
7091
+ -webkit-box-shadow: none;
7092
+ box-shadow: none;
6896
7093
  background: transparent;
6897
7094
  }
6898
7095
  .e-tab .e-tab-header .e-hor-nav.e-nav-active,
6899
7096
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
6900
7097
  background: #e9ecef;
6901
7098
  border: 3px solid #adb5bd;
6902
- box-shadow: none;
7099
+ -webkit-box-shadow: none;
7100
+ box-shadow: none;
6903
7101
  border-radius: 4px;
6904
7102
  }
6905
7103
  .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
@@ -6960,7 +7158,8 @@
6960
7158
  border-radius: 0 4px 4px 0;
6961
7159
  }
6962
7160
  .e-tab .e-tab-header.e-vertical .e-toolbar-pop {
6963
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
7161
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
7162
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
6964
7163
  }
6965
7164
  .e-tab .e-tab-header.e-vertical .e-scroll-nav {
6966
7165
  background: inherit;
@@ -7025,7 +7224,8 @@
7025
7224
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active:hover {
7026
7225
  background: inherit;
7027
7226
  border: 0;
7028
- box-shadow: none;
7227
+ -webkit-box-shadow: none;
7228
+ box-shadow: none;
7029
7229
  }
7030
7230
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active,
7031
7231
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active {
@@ -7420,7 +7620,8 @@
7420
7620
  }
7421
7621
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
7422
7622
  .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
7423
- animation: none;
7623
+ -webkit-animation: none;
7624
+ animation: none;
7424
7625
  }
7425
7626
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
7426
7627
  .e-tab.e-background .e-tab-header .e-hor-nav {
@@ -7472,7 +7673,8 @@
7472
7673
  }
7473
7674
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
7474
7675
  .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
7475
- animation: none;
7676
+ -webkit-animation: none;
7677
+ animation: none;
7476
7678
  }
7477
7679
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
7478
7680
  .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
@@ -7684,11 +7886,23 @@
7684
7886
  }
7685
7887
 
7686
7888
  /* stylelint-disable property-no-vendor-prefix */
7889
+ @-webkit-keyframes rotation {
7890
+ from {
7891
+ -webkit-transform: rotate(0deg);
7892
+ transform: rotate(0deg);
7893
+ }
7894
+ to {
7895
+ -webkit-transform: rotate(359deg);
7896
+ transform: rotate(359deg);
7897
+ }
7898
+ }
7687
7899
  @keyframes rotation {
7688
7900
  from {
7901
+ -webkit-transform: rotate(0deg);
7689
7902
  transform: rotate(0deg);
7690
7903
  }
7691
7904
  to {
7905
+ -webkit-transform: rotate(359deg);
7692
7906
  transform: rotate(359deg);
7693
7907
  }
7694
7908
  }
@@ -7717,13 +7931,13 @@
7717
7931
  line-height: 17px;
7718
7932
  width: 18px;
7719
7933
  }
7720
- .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check,
7721
- .e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check {
7934
+ .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check, .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop,
7935
+ .e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check,
7936
+ .e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop {
7722
7937
  font-size: 12px;
7723
7938
  }
7724
7939
  .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop,
7725
7940
  .e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop {
7726
- font-size: 12px;
7727
7941
  line-height: 17px;
7728
7942
  }
7729
7943
  .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
@@ -7735,20 +7949,13 @@
7735
7949
  .e-treeview.e-bigger .e-icon-collapsible,
7736
7950
  .e-treeview.e-bigger .e-icon-expandable {
7737
7951
  height: 24px;
7738
- margin: 0 0 0 -24px;
7739
7952
  width: 24px;
7953
+ margin: 0 0 0 -24px;
7740
7954
  }
7741
7955
  .e-bigger .e-treeview.e-drag-item .e-drop-count,
7742
7956
  .e-treeview.e-bigger.e-drag-item .e-drop-count {
7743
7957
  padding: 3px 5px 4px;
7744
7958
  }
7745
- .e-bigger .e-treeview .e-navigable .e-text-content,
7746
- .e-treeview.e-bigger .e-navigable .e-text-content {
7747
- -ms-flex-align: center;
7748
- align-items: center;
7749
- display: -ms-flexbox;
7750
- display: flex;
7751
- }
7752
7959
  .e-bigger .e-treeview .e-navigable .e-list-text,
7753
7960
  .e-treeview.e-bigger .e-navigable .e-list-text {
7754
7961
  padding: 0;
@@ -7941,6 +8148,16 @@
7941
8148
  position: relative;
7942
8149
  white-space: nowrap;
7943
8150
  }
8151
+ .e-treeview.e-virtualization {
8152
+ overflow: auto;
8153
+ }
8154
+ .e-treeview.e-virtualization .e-virtual-mask {
8155
+ display: block;
8156
+ margin-bottom: 20px;
8157
+ }
8158
+ .e-treeview.e-virtualization .e-ul {
8159
+ overflow: unset;
8160
+ }
7944
8161
  .e-treeview > .e-ul {
7945
8162
  -webkit-overflow-scrolling: touch;
7946
8163
  overflow: auto;
@@ -7976,26 +8193,10 @@
7976
8193
  margin: 0;
7977
8194
  padding: 0 0 0 12px;
7978
8195
  }
7979
- .e-treeview li.e-node-collapsed .e-list-item .e-fullrow {
7980
- display: none;
7981
- }
8196
+ .e-treeview .e-node-collapsed .e-list-item .e-fullrow,
7982
8197
  .e-treeview .e-display-none {
7983
8198
  display: none;
7984
8199
  }
7985
- .e-treeview .e-list-item div.e-icons.interaction {
7986
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
7987
- border-radius: 15px;
7988
- transition: transform 0.3s ease-in-out;
7989
- }
7990
- .e-treeview .e-list-item .e-icons.e-icon-collapsible {
7991
- transform: rotate(90deg);
7992
- }
7993
- .e-treeview.e-drag-item.e-rtl .e-icons.e-drop-next {
7994
- transform: rotate(180deg);
7995
- }
7996
- .e-treeview.e-rtl div.e-icons {
7997
- transform: rotate(180deg);
7998
- }
7999
8200
  .e-treeview .e-list-item {
8000
8201
  list-style: none;
8001
8202
  padding: 2px 0;
@@ -8012,6 +8213,17 @@
8012
8213
  pointer-events: none;
8013
8214
  touch-action: none;
8014
8215
  }
8216
+ .e-treeview .e-list-item div.e-icons.interaction {
8217
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
8218
+ border-radius: 15px;
8219
+ transition: -webkit-transform 0.3s ease-in-out;
8220
+ transition: transform 0.3s ease-in-out;
8221
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
8222
+ }
8223
+ .e-treeview .e-list-item .e-icons.e-icon-collapsible {
8224
+ -webkit-transform: rotate(90deg);
8225
+ transform: rotate(90deg);
8226
+ }
8015
8227
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
8016
8228
  content: none;
8017
8229
  }
@@ -8025,6 +8237,7 @@
8025
8237
  position: relative;
8026
8238
  }
8027
8239
  .e-treeview .e-text-content {
8240
+ -moz-user-select: none;
8028
8241
  -ms-user-select: none;
8029
8242
  -webkit-user-select: none;
8030
8243
  user-select: none;
@@ -8033,12 +8246,17 @@
8033
8246
  margin: 0;
8034
8247
  padding: 0 0 0 20px;
8035
8248
  }
8249
+ .e-treeview .e-text-content + .e-sibling {
8250
+ margin-top: 1px;
8251
+ }
8036
8252
  .e-treeview .e-fullrow {
8253
+ -moz-user-select: none;
8037
8254
  -ms-user-select: none;
8038
8255
  -webkit-user-select: none;
8039
8256
  user-select: none;
8040
8257
  border: 1px solid;
8041
- box-sizing: border-box;
8258
+ -webkit-box-sizing: border-box;
8259
+ box-sizing: border-box;
8042
8260
  cursor: pointer;
8043
8261
  height: 36px;
8044
8262
  left: 0;
@@ -8066,7 +8284,8 @@
8066
8284
  width: 32px;
8067
8285
  }
8068
8286
  .e-treeview .e-list-text {
8069
- box-sizing: border-box;
8287
+ -webkit-box-sizing: border-box;
8288
+ box-sizing: border-box;
8070
8289
  display: inline-block;
8071
8290
  line-height: 34px;
8072
8291
  margin: 0;
@@ -8115,24 +8334,24 @@
8115
8334
  padding: 0px;
8116
8335
  }
8117
8336
  .e-treeview .e-load {
8337
+ -webkit-animation: rotation 0.5s infinite linear;
8118
8338
  animation: rotation 0.5s infinite linear;
8119
8339
  }
8120
8340
  .e-treeview .e-sibling {
8121
8341
  width: 144px;
8122
- position: absolute;
8123
- z-index: 2;
8124
- }
8125
- .e-treeview .e-text-content + .e-sibling {
8126
- margin-top: 1px;
8127
8342
  }
8128
8343
  .e-treeview .e-sibling::before {
8129
8344
  left: 0;
8130
8345
  height: 2px;
8131
8346
  top: -1.5px;
8347
+ }
8348
+ .e-treeview .e-sibling,
8349
+ .e-treeview .e-sibling::before {
8132
8350
  position: absolute;
8133
8351
  z-index: 2;
8134
8352
  }
8135
8353
  .e-treeview .e-popup {
8354
+ -moz-user-select: none;
8136
8355
  -ms-user-select: none;
8137
8356
  -webkit-user-select: none;
8138
8357
  user-select: none;
@@ -8156,8 +8375,7 @@
8156
8375
  padding: 4px;
8157
8376
  width: 26px;
8158
8377
  }
8159
- .e-treeview .e-popup .e-downtail::before,
8160
- .e-treeview .e-popup .e-downtail::after {
8378
+ .e-treeview .e-popup .e-downtail::before, .e-treeview .e-popup .e-downtail::after {
8161
8379
  border: 10px solid transparent;
8162
8380
  content: "";
8163
8381
  height: 0;
@@ -8179,8 +8397,10 @@
8179
8397
  pointer-events: auto;
8180
8398
  }
8181
8399
  .e-treeview .e-navigable .e-text-content {
8182
- -ms-flex-align: center;
8183
- align-items: center;
8400
+ -webkit-box-align: center;
8401
+ -ms-flex-align: center;
8402
+ align-items: center;
8403
+ display: -webkit-box;
8184
8404
  display: -ms-flexbox;
8185
8405
  display: flex;
8186
8406
  }
@@ -8217,7 +8437,8 @@
8217
8437
  }
8218
8438
  .e-treeview.e-drag-item .e-icon-collapsible,
8219
8439
  .e-treeview.e-drag-item .e-icon-expandable {
8220
- box-sizing: content-box;
8440
+ -webkit-box-sizing: content-box;
8441
+ box-sizing: content-box;
8221
8442
  padding-left: 12px;
8222
8443
  }
8223
8444
  .e-treeview.e-drag-item .e-icon-collapsible::before,
@@ -8227,7 +8448,8 @@
8227
8448
  .e-treeview.e-drag-item .e-drop-count {
8228
8449
  border: 1px solid;
8229
8450
  border-radius: 15px;
8230
- box-sizing: content-box;
8451
+ -webkit-box-sizing: content-box;
8452
+ box-sizing: content-box;
8231
8453
  font-size: 12px;
8232
8454
  line-height: normal;
8233
8455
  min-width: 12px;
@@ -8290,12 +8512,20 @@
8290
8512
  .e-treeview.e-rtl .e-sibling::before {
8291
8513
  right: 0;
8292
8514
  }
8515
+ .e-treeview.e-rtl.e-drag-item .e-icons.e-drop-next {
8516
+ -webkit-transform: rotate(180deg);
8517
+ transform: rotate(180deg);
8518
+ }
8293
8519
  .e-treeview.e-rtl.e-drag-item .e-text-content {
8294
8520
  float: right;
8295
8521
  }
8296
8522
  .e-treeview.e-rtl.e-drag-item .e-drop-count {
8297
8523
  margin-right: -12px;
8298
8524
  }
8525
+ .e-treeview.e-rtl div.e-icons {
8526
+ -webkit-transform: rotate(180deg);
8527
+ transform: rotate(180deg);
8528
+ }
8299
8529
  .e-treeview.e-disabled .e-fullrow,
8300
8530
  .e-treeview.e-disabled .e-icons,
8301
8531
  .e-treeview.e-disabled .e-text-content,
@@ -8350,25 +8580,41 @@
8350
8580
  .e-treeview .e-icon-expandable::before {
8351
8581
  font-size: 20px;
8352
8582
  }
8353
- .e-treeview .e-list-item.e-active,
8354
- .e-treeview .e-list-item.e-hover,
8355
- .e-treeview .e-list-item.e-node-focus {
8583
+ .e-treeview .e-list-item.e-hover, .e-treeview .e-list-item.e-node-focus {
8356
8584
  background: transparent;
8357
8585
  }
8358
- .e-treeview .e-list-item.e-hover > .e-text-content,
8359
- .e-treeview .e-list-item.e-node-focus > .e-text-content {
8586
+ .e-treeview .e-list-item.e-hover > .e-fullrow, .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8587
+ background-color: #e9ecef;
8588
+ border-color: #e9ecef;
8589
+ }
8590
+ .e-treeview .e-list-item.e-hover > .e-text-content, .e-treeview .e-list-item.e-node-focus > .e-text-content {
8360
8591
  color: #212529;
8361
8592
  }
8362
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8363
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8593
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8364
8594
  color: #212529;
8365
8595
  }
8366
8596
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8367
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8368
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8597
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8369
8598
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8370
8599
  color: #343a40;
8371
8600
  }
8601
+ .e-treeview .e-list-item.e-active {
8602
+ background: transparent;
8603
+ }
8604
+ .e-treeview .e-list-item.e-active > .e-fullrow {
8605
+ background-color: #0d6efd;
8606
+ border-color: #0d6efd;
8607
+ }
8608
+ .e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
8609
+ background-color: transparent;
8610
+ border-color: transparent;
8611
+ }
8612
+ .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content {
8613
+ color: #212529;
8614
+ }
8615
+ .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8616
+ color: #212529;
8617
+ }
8372
8618
  .e-treeview .e-list-item.e-active > .e-text-content {
8373
8619
  color: #fff;
8374
8620
  }
@@ -8385,67 +8631,36 @@
8385
8631
  .e-treeview .e-list-item.e-active > .e-text-content .e-stop {
8386
8632
  border-color: #fff;
8387
8633
  }
8388
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8389
- .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8634
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8635
+ background-color: #0262ef;
8636
+ border-color: #0d6efd;
8637
+ }
8638
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8390
8639
  color: #fff;
8391
8640
  }
8392
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8393
- .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8641
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8394
8642
  color: #fff;
8395
8643
  }
8396
8644
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8397
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8398
- .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8645
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8399
8646
  .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8400
8647
  color: #fff;
8401
8648
  }
8402
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8403
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8404
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8405
- color: #212529;
8406
- }
8407
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8408
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8409
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8410
- color: #212529;
8411
- }
8412
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8413
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8414
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8415
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8416
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8417
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8418
- color: #6c757d;
8419
- }
8420
- .e-treeview .e-list-item.e-hover > .e-fullrow,
8421
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8422
- background-color: #e9ecef;
8423
- border-color: #e9ecef;
8424
- }
8425
- .e-treeview .e-list-item.e-active > .e-fullrow {
8426
- background-color: #0d6efd;
8427
- border-color: #0d6efd;
8428
- }
8429
- .e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
8649
+ .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8430
8650
  background-color: transparent;
8431
8651
  border-color: transparent;
8432
8652
  }
8433
- .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content {
8653
+ .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8434
8654
  color: #212529;
8435
8655
  }
8436
- .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8656
+ .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8437
8657
  color: #212529;
8438
8658
  }
8439
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8440
- .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8441
- background-color: #0262ef;
8442
- border-color: #0d6efd;
8443
- }
8444
- .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8445
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8446
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8447
- background-color: transparent;
8448
- border-color: transparent;
8659
+ .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8660
+ .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8661
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8662
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8663
+ color: #6c757d;
8449
8664
  }
8450
8665
  .e-treeview .e-list-item.e-disable > .e-text-content,
8451
8666
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8478,8 +8693,7 @@
8478
8693
  .e-treeview .e-popup .e-downtail::after {
8479
8694
  border-top-color: #e9ecef;
8480
8695
  }
8481
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8482
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8696
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8483
8697
  background-color: #e9ecef;
8484
8698
  border-color: #e9ecef;
8485
8699
  }
@@ -8487,14 +8701,11 @@
8487
8701
  background-color: #0d6efd;
8488
8702
  border-color: #0d6efd;
8489
8703
  }
8490
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8491
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8704
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8492
8705
  background-color: #0262ef;
8493
8706
  border-color: #0d6efd;
8494
8707
  }
8495
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8496
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8497
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8708
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8498
8709
  background-color: transparent;
8499
8710
  border-color: transparent;
8500
8711
  }
@@ -8524,7 +8735,8 @@
8524
8735
  border: 1px solid #0d6efd;
8525
8736
  }
8526
8737
 
8527
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
8738
+ /* stylelint-disable-line no-empty-source */
8739
+ /* stylelint-disable-line no-empty-source */
8528
8740
  ejs-sidebar {
8529
8741
  display: none;
8530
8742
  }
@@ -8541,40 +8753,39 @@ ejs-sidebar {
8541
8753
  overflow: auto;
8542
8754
  position: fixed;
8543
8755
  top: 0;
8756
+ -webkit-transition: none;
8544
8757
  transition: none;
8545
8758
  vertical-align: middle;
8546
8759
  visibility: hidden;
8547
8760
  will-change: transform;
8548
8761
  }
8549
- .e-sidebar.e-right.e-open {
8550
- transform: translateX(0%);
8762
+ .e-sidebar.e-right.e-open, .e-sidebar.e-left.e-open {
8763
+ -webkit-transform: translateX(0%);
8764
+ transform: translateX(0%);
8765
+ -webkit-transition: -webkit-transform 0.5s ease;
8766
+ transition: -webkit-transform 0.5s ease;
8551
8767
  transition: transform 0.5s ease;
8768
+ transition: transform 0.5s ease, -webkit-transform 0.5s ease;
8552
8769
  visibility: visible;
8553
8770
  }
8554
- .e-sidebar.e-right.e-close {
8555
- box-shadow: none;
8556
- transform: translateX(100%);
8557
- transition: transform 0.5s ease, visibility 500ms;
8771
+ .e-sidebar.e-right.e-close, .e-sidebar.e-left.e-close {
8772
+ -webkit-box-shadow: none;
8773
+ box-shadow: none;
8558
8774
  visibility: hidden;
8559
8775
  }
8560
- .e-sidebar.e-left.e-open {
8561
- transform: translateX(0%);
8562
- transition: transform 0.5s ease;
8563
- visibility: visible;
8564
- }
8565
- .e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close {
8566
- transition: transform 0.5s ease, visibility 500ms;
8776
+ .e-sidebar.e-right.e-close {
8777
+ -webkit-transform: translateX(100%);
8778
+ transform: translateX(100%);
8567
8779
  }
8568
8780
  .e-sidebar.e-left.e-close {
8569
- box-shadow: none;
8570
- transform: translateX(-100%);
8571
- visibility: hidden;
8781
+ -webkit-transform: translateX(-100%);
8782
+ transform: translateX(-100%);
8572
8783
  }
8573
- .e-sidebar.e-right.e-close {
8574
- box-shadow: none;
8575
- transform: translateX(100%);
8784
+ .e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close, .e-sidebar.e-right.e-close {
8785
+ -webkit-transition: visibility 500ms, -webkit-transform 0.5s ease;
8786
+ transition: visibility 500ms, -webkit-transform 0.5s ease;
8576
8787
  transition: transform 0.5s ease, visibility 500ms;
8577
- visibility: hidden;
8788
+ transition: transform 0.5s ease, visibility 500ms, -webkit-transform 0.5s ease;
8578
8789
  }
8579
8790
  .e-sidebar.e-right {
8580
8791
  border-left: 0 solid transparent;
@@ -8588,27 +8799,104 @@ ejs-sidebar {
8588
8799
  right: auto;
8589
8800
  top: 0;
8590
8801
  }
8591
- .e-sidebar.e-left.e-close.e-dock {
8592
- transform: translateX(0%);
8593
- transition: width 0.5s ease, visibility 500ms;
8594
- visibility: visible;
8595
- }
8596
- .e-sidebar.e-right.e-close.e-dock {
8597
- transform: translateX(0%);
8802
+ .e-sidebar.e-left.e-close.e-dock, .e-sidebar.e-right.e-close.e-dock {
8803
+ -webkit-transform: translateX(0%);
8804
+ transform: translateX(0%);
8805
+ -webkit-transition: width 0.5s ease, visibility 500ms;
8598
8806
  transition: width 0.5s ease, visibility 500ms;
8599
8807
  visibility: visible;
8600
8808
  }
8601
8809
  .e-sidebar.e-left.e-open.e-dock.e-blazor-dock, .e-sidebar.e-right.e-open.e-dock.e-blazor-dock {
8810
+ -webkit-transition: width 0.5s ease, visibility 500ms;
8602
8811
  transition: width 0.5s ease, visibility 500ms;
8603
8812
  }
8604
8813
  .e-sidebar.e-left.e-open.e-disable-animation, .e-sidebar.e-right.e-open.e-disable-animation, .e-sidebar.e-right.e-close.e-disable-animation, .e-sidebar.e-left.e-close.e-disable-animation {
8814
+ -webkit-transition: none;
8605
8815
  transition: none;
8606
8816
  }
8607
8817
  .e-sidebar.e-visibility {
8608
8818
  visibility: hidden;
8609
8819
  }
8610
8820
  .e-sidebar.e-over {
8611
- box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
8821
+ -webkit-box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
8822
+ box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
8823
+ }
8824
+
8825
+ .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
8826
+ -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8827
+ transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8828
+ transition: margin 0.5s ease, transform 0.5s ease;
8829
+ transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8830
+ }
8831
+ .e-sidebarcontainer.e-left.e-open.e-auto + div {
8832
+ margin-right: 0;
8833
+ -webkit-transform: translateX(0);
8834
+ transform: translateX(0);
8835
+ margin-left: var(--sidebar-width);
8836
+ }
8837
+ .e-sidebarcontainer.e-left.e-close.e-auto + div {
8838
+ margin-right: 0;
8839
+ -webkit-transform: translateX(0);
8840
+ transform: translateX(0);
8841
+ margin-left: 0;
8842
+ }
8843
+ .e-sidebarcontainer.e-right.e-open.e-auto + div {
8844
+ margin-left: 0;
8845
+ -webkit-transform: translateX(0);
8846
+ transform: translateX(0);
8847
+ margin-right: var(--sidebar-width);
8848
+ }
8849
+ .e-sidebarcontainer.e-right.e-close.e-auto + div {
8850
+ margin-right: 0;
8851
+ -webkit-transform: translateX(0);
8852
+ transform: translateX(0);
8853
+ margin-left: 0;
8854
+ }
8855
+ .e-sidebarcontainer.e-left.e-open.e-push + div {
8856
+ margin-right: 0;
8857
+ -webkit-transform: translateX(0);
8858
+ transform: translateX(0);
8859
+ margin-left: var(--sidebar-width);
8860
+ }
8861
+ .e-sidebarcontainer.e-left.e-close.e-push + div {
8862
+ margin-right: 0;
8863
+ -webkit-transform: translateX(0);
8864
+ transform: translateX(0);
8865
+ margin-left: 0;
8866
+ }
8867
+ .e-sidebarcontainer.e-right.e-open.e-push + div {
8868
+ margin-left: 0;
8869
+ -webkit-transform: translateX(0);
8870
+ transform: translateX(0);
8871
+ margin-right: var(--sidebar-width);
8872
+ }
8873
+ .e-sidebarcontainer.e-right.e-close.e-push + div {
8874
+ margin-right: 0;
8875
+ -webkit-transform: translateX(0);
8876
+ transform: translateX(0);
8877
+ margin-left: 0;
8878
+ }
8879
+ .e-sidebarcontainer.e-left.e-open.e-slide + div {
8880
+ margin-left: 0;
8881
+ -webkit-transform: translate(var(--sidebar-width));
8882
+ transform: translate(var(--sidebar-width));
8883
+ }
8884
+ .e-sidebarcontainer.e-left.e-close.e-slide + div {
8885
+ margin-left: 0;
8886
+ -webkit-transform: translate(0);
8887
+ transform: translate(0);
8888
+ }
8889
+ .e-sidebarcontainer.e-right.e-open.e-slide + div {
8890
+ margin-right: 0;
8891
+ margin-left: 0;
8892
+ -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
8893
+ transform: translate(calc(-1 * var(--sidebar-width)));
8894
+ }
8895
+ .e-sidebarcontainer.e-right.e-close.e-slide + div {
8896
+ margin-right: 0;
8897
+ margin-left: 0;
8898
+ -webkit-transform: translate(0);
8899
+ transform: translate(0);
8612
8900
  }
8613
8901
 
8614
8902
  .e-sidebar-absolute {
@@ -8620,23 +8908,34 @@ ejs-sidebar {
8620
8908
  position: relative;
8621
8909
  }
8622
8910
 
8623
- .e-backdrop {
8911
+ .e-backdrop,
8912
+ .e-sidebar-overlay {
8624
8913
  background-color: rgba(0, 0, 0, 0.5);
8625
8914
  height: 100%;
8626
8915
  left: 0;
8627
8916
  pointer-events: auto;
8628
8917
  top: 0;
8629
- width: auto;
8630
8918
  z-index: 999;
8631
8919
  }
8632
8920
 
8921
+ .e-backdrop {
8922
+ width: auto;
8923
+ }
8924
+
8925
+ .e-sidebar-overlay {
8926
+ position: fixed;
8927
+ width: 100%;
8928
+ }
8929
+
8633
8930
  .e-content-animation {
8634
- transition: margin 0.5s ease, transform 0.5s ease;
8931
+ transition: margin 0.5s ease, -webkit-transform 0.5s ease, transform 0.5s ease;
8635
8932
  }
8636
8933
  .e-content-animation.e-overlay {
8637
- box-sizing: border-box;
8934
+ -webkit-box-sizing: border-box;
8935
+ box-sizing: border-box;
8638
8936
  overflow: auto;
8639
8937
  -webkit-user-select: none;
8938
+ -moz-user-select: none;
8640
8939
  -ms-user-select: none;
8641
8940
  user-select: none;
8642
8941
  }
@@ -8647,21 +8946,8 @@ ejs-sidebar {
8647
8946
  touch-action: none;
8648
8947
  }
8649
8948
 
8650
- /* stylelint-disable */
8651
8949
  .e-sidebar-overflow {
8652
- overflow-x: hidden !important;
8653
- }
8654
-
8655
- /* stylelint-enable */
8656
- .e-sidebar-overlay {
8657
- background-color: rgba(0, 0, 0, 0.5);
8658
- height: 100%;
8659
- left: 0;
8660
- pointer-events: auto;
8661
- position: fixed;
8662
- top: 0;
8663
- width: 100%;
8664
- z-index: 999;
8950
+ overflow-x: hidden;
8665
8951
  }
8666
8952
 
8667
8953
  .e-content-placeholder.e-sidebar.e-placeholder-sidebar {
@@ -8672,18 +8958,6 @@ ejs-sidebar {
8672
8958
  visibility: visible;
8673
8959
  }
8674
8960
 
8675
- /*! component's theme wise override definitions and variables */
8676
- @keyframes hscroll-popup-shadow {
8677
- 0% {
8678
- border-color: rgba(255, 255, 255, 0.5);
8679
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
8680
- }
8681
- 100% {
8682
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
8683
- }
8684
- }
8685
- /*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
8686
- /*! menu layout */
8687
8961
  .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
8688
8962
  .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
8689
8963
  content: "\e748";
@@ -8726,24 +9000,16 @@ ejs-sidebar {
8726
9000
  content: "\e729";
8727
9001
  }
8728
9002
 
8729
- .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8730
- .e-rtl.e-menu-container ul.e-vertical .e-caret::before {
8731
- content: "\e765";
8732
- }
8733
- .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
8734
- .e-rtl.e-menu-container ul.e-ul .e-caret::before {
8735
- content: "\e765";
8736
- }
8737
-
9003
+ .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before, .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
9004
+ .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
9005
+ .e-rtl.e-menu-container ul.e-ul .e-caret::before,
8738
9006
  .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8739
- .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8740
- .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
8741
- .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
8742
- content: "\e765";
8743
- }
8744
9007
  .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
9008
+ .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8745
9009
  .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
9010
+ .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
8746
9011
  .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
9012
+ .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
8747
9013
  .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
8748
9014
  content: "\e765";
8749
9015
  }
@@ -8755,7 +9021,6 @@ ejs-sidebar {
8755
9021
  content: "\e729";
8756
9022
  }
8757
9023
 
8758
- /*! menu layout */
8759
9024
  .e-menu-wrapper,
8760
9025
  .e-menu-container {
8761
9026
  border: none;
@@ -8776,6 +9041,7 @@ ejs-sidebar {
8776
9041
  margin: 0;
8777
9042
  overflow: hidden;
8778
9043
  -webkit-user-select: none;
9044
+ -moz-user-select: none;
8779
9045
  -ms-user-select: none;
8780
9046
  user-select: none;
8781
9047
  font-size: 14px;
@@ -8786,7 +9052,8 @@ ejs-sidebar {
8786
9052
  .e-menu-wrapper ul.e-ul, .e-menu-wrapper ul.e-ul *,
8787
9053
  .e-menu-container ul.e-ul,
8788
9054
  .e-menu-container ul.e-ul * {
8789
- box-sizing: border-box;
9055
+ -webkit-box-sizing: border-box;
9056
+ box-sizing: border-box;
8790
9057
  }
8791
9058
  .e-menu-wrapper ul.e-ul:focus, .e-menu-wrapper ul.e-ul *:focus,
8792
9059
  .e-menu-container ul.e-ul:focus,
@@ -8829,6 +9096,7 @@ ejs-sidebar {
8829
9096
  .e-menu-container ul .e-menu-item {
8830
9097
  cursor: pointer;
8831
9098
  position: relative;
9099
+ display: -webkit-inline-box;
8832
9100
  display: -ms-inline-flexbox;
8833
9101
  display: inline-flex;
8834
9102
  height: 32px;
@@ -9001,26 +9269,27 @@ ejs-sidebar {
9001
9269
  .e-menu-container .e-scroll-nav .e-nav-arrow {
9002
9270
  font-size: 16px;
9003
9271
  }
9004
- .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
9005
- .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
9006
- transform: rotate(180deg);
9007
- }
9008
- .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
9272
+ .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow, .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
9273
+ .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
9009
9274
  .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-up-arrow {
9010
- transform: rotate(180deg);
9275
+ -webkit-transform: rotate(180deg);
9276
+ transform: rotate(180deg);
9011
9277
  }
9012
9278
  .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
9013
9279
  .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
9014
- transform: rotate(0deg);
9280
+ -webkit-transform: rotate(0deg);
9281
+ transform: rotate(0deg);
9015
9282
  }
9016
9283
  .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow,
9017
9284
  .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow {
9018
- transform: rotate(180deg);
9285
+ -webkit-transform: rotate(180deg);
9286
+ transform: rotate(180deg);
9019
9287
  }
9020
9288
  .e-menu-wrapper.e-popup.e-menu-popup,
9021
9289
  .e-menu-container.e-popup.e-menu-popup {
9022
9290
  border: 1px solid #dee2e6;
9023
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
9291
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
9292
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
9024
9293
  overflow: hidden;
9025
9294
  position: absolute;
9026
9295
  }
@@ -9030,12 +9299,14 @@ ejs-sidebar {
9030
9299
  }
9031
9300
  .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav,
9032
9301
  .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav {
9033
- transform: none;
9302
+ -webkit-transform: none;
9303
+ transform: none;
9034
9304
  width: 100%;
9035
9305
  }
9036
9306
  .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow,
9037
9307
  .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow {
9038
- transform: none;
9308
+ -webkit-transform: none;
9309
+ transform: none;
9039
9310
  }
9040
9311
  .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-vscroll-bar,
9041
9312
  .e-menu-container .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -9070,7 +9341,8 @@ ejs-sidebar {
9070
9341
  .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll,
9071
9342
  .e-menu-container.e-contextmenu-container .e-menu-vscroll {
9072
9343
  border: 1px solid #dee2e6;
9073
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
9344
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
9345
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
9074
9346
  }
9075
9347
 
9076
9348
  .e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon {
@@ -9275,7 +9547,8 @@ ejs-sidebar {
9275
9547
  .e-bigger.e-menu-wrapper.e-menu-popup,
9276
9548
  .e-bigger .e-menu-container.e-menu-popup,
9277
9549
  .e-bigger.e-menu-container.e-menu-popup {
9278
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
9550
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
9551
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
9279
9552
  }
9280
9553
  .e-bigger .e-menu-wrapper .e-scroll-nav .e-icons,
9281
9554
  .e-bigger.e-menu-wrapper .e-scroll-nav .e-icons,
@@ -9364,7 +9637,8 @@ ejs-sidebar {
9364
9637
  .e-menu-container.e-hamburger .e-popup.e-menu-popup {
9365
9638
  border: 0;
9366
9639
  border-radius: 0;
9367
- box-shadow: none;
9640
+ -webkit-box-shadow: none;
9641
+ box-shadow: none;
9368
9642
  display: block;
9369
9643
  position: relative;
9370
9644
  width: 100%;
@@ -9400,13 +9674,21 @@ ejs-sidebar {
9400
9674
  }
9401
9675
  .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret,
9402
9676
  .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret {
9677
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
9678
+ transition: -webkit-transform 0.3s ease-in-out;
9403
9679
  transition: transform 0.3s ease-in-out;
9680
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
9681
+ -webkit-transform: rotate(-180deg);
9404
9682
  transform: rotate(-180deg);
9405
9683
  text-indent: 0;
9406
9684
  }
9407
9685
  .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret,
9408
9686
  .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret {
9687
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
9688
+ transition: -webkit-transform 0.3s ease-in-out;
9409
9689
  transition: transform 0.3s ease-in-out;
9690
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
9691
+ -webkit-transform: rotate(0deg);
9410
9692
  transform: rotate(0deg);
9411
9693
  text-indent: 0;
9412
9694
  }
@@ -9443,8 +9725,9 @@ ejs-sidebar {
9443
9725
  height: auto;
9444
9726
  padding: 0;
9445
9727
  }
9446
- .e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon,
9447
- .e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon {
9728
+ .e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon, .e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
9729
+ .e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon,
9730
+ .e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
9448
9731
  padding: 0;
9449
9732
  }
9450
9733
  .e-menu-wrapper.e-hamburger ul .e-menu-item .e-menu-url,
@@ -9454,10 +9737,6 @@ ejs-sidebar {
9454
9737
  text-indent: 0;
9455
9738
  width: 100%;
9456
9739
  }
9457
- .e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
9458
- .e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
9459
- padding: 0;
9460
- }
9461
9740
  .e-menu-wrapper.e-hamburger ul .e-menu-item.e-separator,
9462
9741
  .e-menu-container.e-hamburger ul .e-menu-item.e-separator {
9463
9742
  border-bottom-style: solid;
@@ -9581,7 +9860,6 @@ ejs-sidebar {
9581
9860
  position: relative;
9582
9861
  }
9583
9862
 
9584
- /*! menu theme */
9585
9863
  .e-menu-wrapper,
9586
9864
  .e-menu-container {
9587
9865
  background: #f8f9fa;
@@ -9682,7 +9960,6 @@ ejs-sidebar {
9682
9960
  .e-menu-container .e-ul .e-menu-item.e-separator {
9683
9961
  border-bottom-color: #dee2e6;
9684
9962
  }
9685
-
9686
9963
  .e-menu-wrapper.e-menu-popup,
9687
9964
  .e-menu-container.e-menu-popup {
9688
9965
  background: #fff;
@@ -9764,7 +10041,6 @@ ejs-sidebar {
9764
10041
  color: #212529;
9765
10042
  }
9766
10043
 
9767
- /*! breadcrumb icons */
9768
10044
  .e-breadcrumb .e-breadcrumb-collapsed::before,
9769
10045
  .e-breadcrumb .e-breadcrumb-menu::before {
9770
10046
  content: "\e71c";
@@ -9781,17 +10057,18 @@ ejs-sidebar {
9781
10057
  height: 21px;
9782
10058
  }
9783
10059
 
9784
- /*! breadcrumb layout */
9785
10060
  .e-breadcrumb {
9786
10061
  display: block;
9787
10062
  }
9788
10063
  .e-breadcrumb.e-breadcrumb-wrap-mode {
10064
+ display: -webkit-box;
9789
10065
  display: -ms-flexbox;
9790
10066
  display: flex;
9791
10067
  }
9792
10068
  .e-breadcrumb .e-breadcrumb-first-ol {
9793
- -ms-flex-align: start;
9794
- align-items: flex-start;
10069
+ -webkit-box-align: start;
10070
+ -ms-flex-align: start;
10071
+ align-items: flex-start;
9795
10072
  -ms-flex-negative: 0;
9796
10073
  flex-shrink: 0;
9797
10074
  padding-right: 0;
@@ -9807,8 +10084,10 @@ ejs-sidebar {
9807
10084
  overflow: auto;
9808
10085
  }
9809
10086
  .e-breadcrumb ol {
9810
- -ms-flex-align: center;
9811
- align-items: center;
10087
+ -webkit-box-align: center;
10088
+ -ms-flex-align: center;
10089
+ align-items: center;
10090
+ display: -webkit-inline-box;
9812
10091
  display: -ms-inline-flexbox;
9813
10092
  display: inline-flex;
9814
10093
  line-height: normal;
@@ -9822,8 +10101,10 @@ ejs-sidebar {
9822
10101
  white-space: nowrap;
9823
10102
  }
9824
10103
  .e-breadcrumb .e-breadcrumb-item {
9825
- -ms-flex-align: center;
9826
- align-items: center;
10104
+ -webkit-box-align: center;
10105
+ -ms-flex-align: center;
10106
+ align-items: center;
10107
+ display: -webkit-box;
9827
10108
  display: -ms-flexbox;
9828
10109
  display: flex;
9829
10110
  -ms-flex-negative: 0;
@@ -9839,15 +10120,18 @@ ejs-sidebar {
9839
10120
  padding: 2px 4px;
9840
10121
  }
9841
10122
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
9842
- -ms-flex-align: center;
9843
- align-items: center;
10123
+ -webkit-box-align: center;
10124
+ -ms-flex-align: center;
10125
+ align-items: center;
10126
+ display: -webkit-box;
9844
10127
  display: -ms-flexbox;
9845
10128
  display: flex;
9846
10129
  font-size: 14px;
9847
10130
  }
9848
10131
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
9849
- -ms-flex-align: inherit;
9850
- align-items: inherit;
10132
+ -webkit-box-align: inherit;
10133
+ -ms-flex-align: inherit;
10134
+ align-items: inherit;
9851
10135
  display: inherit;
9852
10136
  }
9853
10137
  .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
@@ -9895,6 +10179,7 @@ ejs-sidebar {
9895
10179
  pointer-events: none;
9896
10180
  }
9897
10181
  .e-breadcrumb .e-breadcrumb-separator {
10182
+ display: -webkit-box;
9898
10183
  display: -ms-flexbox;
9899
10184
  display: flex;
9900
10185
  font-size: 14px;
@@ -9925,6 +10210,7 @@ ejs-sidebar {
9925
10210
  display: inline-block;
9926
10211
  }
9927
10212
  .e-breadcrumb .e-breadcrumb-item-wrapper {
10213
+ display: -webkit-box;
9928
10214
  display: -ms-flexbox;
9929
10215
  display: flex;
9930
10216
  }
@@ -9950,7 +10236,8 @@ ejs-sidebar {
9950
10236
  .e-breadcrumb-popup {
9951
10237
  border: 1px solid #dee2e6;
9952
10238
  border-radius: 4px;
9953
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
10239
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
10240
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
9954
10241
  position: absolute;
9955
10242
  }
9956
10243
  .e-breadcrumb-popup ul {
@@ -9962,8 +10249,10 @@ ejs-sidebar {
9962
10249
  white-space: nowrap;
9963
10250
  }
9964
10251
  .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text {
9965
- -ms-flex-align: center;
9966
- align-items: center;
10252
+ -webkit-box-align: center;
10253
+ -ms-flex-align: center;
10254
+ align-items: center;
10255
+ display: -webkit-box;
9967
10256
  display: -ms-flexbox;
9968
10257
  display: flex;
9969
10258
  font-size: 14px;
@@ -9973,8 +10262,9 @@ ejs-sidebar {
9973
10262
  width: 100%;
9974
10263
  }
9975
10264
  .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
9976
- -ms-flex-align: inherit;
9977
- align-items: inherit;
10265
+ -webkit-box-align: inherit;
10266
+ -ms-flex-align: inherit;
10267
+ align-items: inherit;
9978
10268
  display: inherit;
9979
10269
  width: inherit;
9980
10270
  }
@@ -9995,12 +10285,15 @@ ejs-sidebar {
9995
10285
  }
9996
10286
  .e-breadcrumb-popup.e-icon-right .e-breadcrumb-icon,
9997
10287
  .e-breadcrumb-popup .e-icon-right .e-breadcrumb-icon {
10288
+ display: -webkit-box;
9998
10289
  display: -ms-flexbox;
9999
10290
  display: flex;
10000
- -ms-flex-positive: 1;
10001
- flex-grow: 1;
10002
- -ms-flex-pack: end;
10003
- justify-content: flex-end;
10291
+ -webkit-box-flex: 1;
10292
+ -ms-flex-positive: 1;
10293
+ flex-grow: 1;
10294
+ -webkit-box-pack: end;
10295
+ -ms-flex-pack: end;
10296
+ justify-content: flex-end;
10004
10297
  }
10005
10298
  .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon, .e-breadcrumb-popup.e-rtl .e-icon-right .e-breadcrumb-icon {
10006
10299
  padding-left: 0;
@@ -10100,7 +10393,6 @@ ejs-sidebar {
10100
10393
  padding-right: 8px;
10101
10394
  }
10102
10395
 
10103
- /*! breadcrumb theme */
10104
10396
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10105
10397
  color: #0d6efd;
10106
10398
  }
@@ -10174,8 +10466,6 @@ ejs-sidebar {
10174
10466
  color: #212529;
10175
10467
  }
10176
10468
 
10177
- /*! AppBar component bootstrap5 theme definitions and variables */
10178
- /*! appbar component styles */
10179
10469
  .e-bigger .e-appbar,
10180
10470
  .e-appbar.e-bigger {
10181
10471
  height: 56px;
@@ -10191,26 +10481,32 @@ ejs-sidebar {
10191
10481
  }
10192
10482
 
10193
10483
  .e-appbar {
10484
+ display: -webkit-box;
10194
10485
  display: -ms-flexbox;
10195
10486
  display: flex;
10196
10487
  width: 100%;
10197
10488
  height: 48px;
10198
10489
  -ms-flex-negative: 0;
10199
10490
  flex-shrink: 0;
10200
- -ms-flex-direction: row;
10201
- flex-direction: row;
10491
+ -webkit-box-orient: horizontal;
10492
+ -webkit-box-direction: normal;
10493
+ -ms-flex-direction: row;
10494
+ flex-direction: row;
10202
10495
  position: relative;
10203
- -ms-flex-align: center;
10204
- align-items: center;
10496
+ -webkit-box-align: center;
10497
+ -ms-flex-align: center;
10498
+ align-items: center;
10205
10499
  padding: 8px;
10206
10500
  overflow: hidden;
10207
10501
  font-size: 14px;
10208
10502
  }
10209
10503
  .e-appbar > div:first-child {
10504
+ display: -webkit-box;
10210
10505
  display: -ms-flexbox;
10211
10506
  display: flex;
10212
- -ms-flex-align: center;
10213
- align-items: center;
10507
+ -webkit-box-align: center;
10508
+ -ms-flex-align: center;
10509
+ align-items: center;
10214
10510
  width: 100%;
10215
10511
  height: 100%;
10216
10512
  }
@@ -10221,12 +10517,14 @@ ejs-sidebar {
10221
10517
  }
10222
10518
  .e-appbar.e-prominent {
10223
10519
  height: 94px;
10224
- -ms-flex-align: start;
10225
- align-items: flex-start;
10520
+ -webkit-box-align: start;
10521
+ -ms-flex-align: start;
10522
+ align-items: flex-start;
10226
10523
  }
10227
10524
  .e-appbar.e-prominent > div:first-child {
10228
- -ms-flex-align: start;
10229
- align-items: flex-start;
10525
+ -webkit-box-align: start;
10526
+ -ms-flex-align: start;
10527
+ align-items: flex-start;
10230
10528
  }
10231
10529
  .e-appbar.e-dense {
10232
10530
  height: 40px;
@@ -10248,12 +10546,14 @@ ejs-sidebar {
10248
10546
  height: 24px;
10249
10547
  }
10250
10548
  .e-appbar .e-appbar-spacer {
10251
- -ms-flex-positive: 1;
10252
- flex-grow: 1;
10549
+ -webkit-box-flex: 1;
10550
+ -ms-flex-positive: 1;
10551
+ flex-grow: 1;
10253
10552
  }
10254
10553
  .e-appbar .e-btn,
10255
10554
  .e-appbar .e-css.e-btn {
10256
- border-image: unset;
10555
+ -o-border-image: unset;
10556
+ border-image: unset;
10257
10557
  }
10258
10558
 
10259
10559
  .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
@@ -10261,9 +10561,9 @@ ejs-sidebar {
10261
10561
  overflow: hidden;
10262
10562
  }
10263
10563
 
10264
- /*! appbar component theme */
10265
10564
  .e-appbar {
10266
- box-shadow: none;
10565
+ -webkit-box-shadow: none;
10566
+ box-shadow: none;
10267
10567
  }
10268
10568
  .e-appbar.e-light {
10269
10569
  background: #f8f9fa;
@@ -10293,7 +10593,8 @@ ejs-sidebar {
10293
10593
  .e-appbar.e-light .e-menu-container.e-inherit {
10294
10594
  background: #f8f9fa;
10295
10595
  color: #212529;
10296
- box-shadow: none;
10596
+ -webkit-box-shadow: none;
10597
+ box-shadow: none;
10297
10598
  border-color: #f8f9fa;
10298
10599
  }
10299
10600
  .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
@@ -10329,7 +10630,8 @@ ejs-sidebar {
10329
10630
  background: #212529;
10330
10631
  color: #fff;
10331
10632
  border-color: #212529;
10332
- box-shadow: none;
10633
+ -webkit-box-shadow: none;
10634
+ box-shadow: none;
10333
10635
  }
10334
10636
  .e-appbar.e-dark .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-dark .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
10335
10637
  .e-appbar.e-dark .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
@@ -10349,7 +10651,8 @@ ejs-sidebar {
10349
10651
  background: #0d6efd;
10350
10652
  color: #fff;
10351
10653
  border-color: #0d6efd;
10352
- box-shadow: none;
10654
+ -webkit-box-shadow: none;
10655
+ box-shadow: none;
10353
10656
  }
10354
10657
  .e-appbar.e-inherit {
10355
10658
  background: inherit;
@@ -10365,10 +10668,12 @@ ejs-sidebar {
10365
10668
  background: inherit;
10366
10669
  color: inherit;
10367
10670
  border-color: inherit;
10368
- box-shadow: none;
10671
+ -webkit-box-shadow: none;
10672
+ box-shadow: none;
10369
10673
  }
10370
10674
  .e-appbar.e-horizontal-bottom {
10371
- box-shadow: none;
10675
+ -webkit-box-shadow: none;
10676
+ box-shadow: none;
10372
10677
  }
10373
10678
 
10374
10679
  .e-light.e-inherit.e-input-group, .e-light.e-inherit.e-input-group.e-control-wrapper, .e-light.e-inherit.e-float-input, .e-light.e-inherit.e-float-input.e-input-group, .e-light.e-inherit.e-float-input.e-control-wrapper, .e-light.e-inherit.e-float-input.e-input-group.e-control-wrapper, .e-light.e-inherit.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-light.e-inherit.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
@@ -10402,7 +10707,18 @@ ejs-sidebar {
10402
10707
  .e-inherit.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
10403
10708
  .e-inherit.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
10404
10709
  .e-inherit.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
10405
- box-shadow: none;
10710
+ -webkit-box-shadow: none;
10711
+ box-shadow: none;
10712
+ }
10713
+
10714
+ .e-inherit.e-input-group.e-control-wrapper .e-searchinput::-webkit-input-placeholder {
10715
+ color: inherit;
10716
+ opacity: 0.8;
10717
+ }
10718
+
10719
+ .e-inherit.e-input-group.e-control-wrapper .e-searchinput::-moz-placeholder {
10720
+ color: inherit;
10721
+ opacity: 0.8;
10406
10722
  }
10407
10723
 
10408
10724
  .e-inherit.e-input-group.e-control-wrapper .e-searchinput:-ms-input-placeholder {
@@ -10410,6 +10726,11 @@ ejs-sidebar {
10410
10726
  opacity: 0.8;
10411
10727
  }
10412
10728
 
10729
+ .e-inherit.e-input-group.e-control-wrapper .e-searchinput::-ms-input-placeholder {
10730
+ color: inherit;
10731
+ opacity: 0.8;
10732
+ }
10733
+
10413
10734
  .e-inherit.e-input-group.e-control-wrapper .e-searchinput::placeholder {
10414
10735
  color: inherit;
10415
10736
  opacity: 0.8;
@@ -10433,77 +10754,95 @@ ejs-sidebar {
10433
10754
  .e-stepper {
10434
10755
  position: relative;
10435
10756
  }
10757
+ .e-stepper .e-step-selected .e-text,
10758
+ .e-stepper .e-step-selected .e-label {
10759
+ font-weight: 600;
10760
+ }
10436
10761
  .e-stepper.e-stepper-readonly,
10437
10762
  .e-stepper .e-step-disabled {
10438
10763
  cursor: default;
10439
10764
  pointer-events: none;
10440
10765
  }
10441
- .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10766
+ .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
10442
10767
  font-size: 32px;
10443
10768
  border-radius: 9999px;
10444
10769
  }
10445
- .e-stepper.e-step-type-indicator .e-step-container .e-step-content {
10770
+ .e-stepper.e-step-type-indicator .e-step-content, .e-stepper.e-step-type-label .e-step-content {
10446
10771
  padding: 0 8px;
10447
10772
  }
10448
- .e-stepper .e-step-container:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10773
+ .e-stepper .e-step-container:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-after .e-step-item.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-before .e-step-item.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10449
10774
  position: relative;
10450
10775
  }
10451
- .e-stepper.e-horizontal .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10776
+ .e-stepper.e-horizontal .e-step-item.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10452
10777
  position: unset;
10453
10778
  }
10454
10779
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip {
10455
10780
  display: none;
10456
- -ms-flex-pack: center;
10457
- justify-content: center;
10781
+ -webkit-box-pack: center;
10782
+ -ms-flex-pack: center;
10783
+ justify-content: center;
10458
10784
  left: 50%;
10459
10785
  top: -8px;
10460
- transform: translate(-50%, -100%);
10786
+ -webkit-transform: translate(-50%, -100%);
10787
+ transform: translate(-50%, -100%);
10461
10788
  }
10462
10789
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip.e-show-tooltip {
10790
+ display: -webkit-inline-box;
10463
10791
  display: -ms-inline-flexbox;
10464
10792
  display: inline-flex;
10465
10793
  }
10466
10794
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-tip-content {
10795
+ width: -webkit-max-content;
10796
+ width: -moz-max-content;
10467
10797
  width: max-content;
10468
10798
  }
10469
10799
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip.e-tip-bottom {
10470
10800
  left: 50%;
10471
10801
  top: 100%;
10472
- transform: translate(-50%, 0);
10802
+ -webkit-transform: translate(-50%, 0);
10803
+ transform: translate(-50%, 0);
10473
10804
  }
10474
10805
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip-inner.e-tip-bottom {
10475
10806
  top: -6px;
10476
10807
  }
10477
- .e-stepper .e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
10808
+ .e-stepper .e-step-item.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
10478
10809
  left: unset;
10479
10810
  top: 0;
10480
- transform: translate(0%, -135%);
10811
+ -webkit-transform: translate(0%, -135%);
10812
+ transform: translate(0%, -135%);
10481
10813
  }
10482
10814
  .e-stepper.e-step-type-indicator .e-tooltip-wrap.e-stepper-tooltip {
10483
- transform: translate(-50%, -115%);
10815
+ -webkit-transform: translate(-50%, -115%);
10816
+ transform: translate(-50%, -115%);
10484
10817
  }
10485
10818
  .e-stepper .e-stepper-steps {
10819
+ display: -webkit-box;
10486
10820
  display: -ms-flexbox;
10487
10821
  display: flex;
10488
10822
  padding: 0;
10489
10823
  margin: 0;
10490
- -ms-flex-pack: justify;
10491
- justify-content: space-between;
10824
+ -webkit-box-pack: justify;
10825
+ -ms-flex-pack: justify;
10826
+ justify-content: space-between;
10492
10827
  position: relative;
10493
- -ms-flex-align: start;
10494
- align-items: flex-start;
10828
+ -webkit-box-align: start;
10829
+ -ms-flex-align: start;
10830
+ align-items: flex-start;
10495
10831
  }
10496
10832
  .e-stepper .e-stepper-steps .e-step-container,
10497
10833
  .e-stepper .e-stepper-steps .e-step,
10498
10834
  .e-stepper .e-stepper-steps .e-step-valid.e-step-text.e-step-text-only .e-step-text-container,
10499
10835
  .e-stepper .e-stepper-steps .e-step-error.e-step-text.e-step-text-only .e-step-text-container,
10500
10836
  .e-stepper .e-stepper-steps .e-step-label-container {
10837
+ display: -webkit-box;
10501
10838
  display: -ms-flexbox;
10502
10839
  display: flex;
10503
- -ms-flex-align: center;
10504
- align-items: center;
10505
- -ms-flex-pack: center;
10506
- justify-content: center;
10840
+ -webkit-box-align: center;
10841
+ -ms-flex-align: center;
10842
+ align-items: center;
10843
+ -webkit-box-pack: center;
10844
+ -ms-flex-pack: center;
10845
+ justify-content: center;
10507
10846
  }
10508
10847
  .e-stepper .e-step-container {
10509
10848
  max-width: var(--max-width);
@@ -10515,6 +10854,7 @@ ejs-sidebar {
10515
10854
  .e-stepper .e-step-container .e-step-text-container {
10516
10855
  max-width: clamp(100%, 10em, 100%);
10517
10856
  white-space: nowrap;
10857
+ font-size: 14px;
10518
10858
  }
10519
10859
  .e-stepper .e-step-container .e-step-label-optional {
10520
10860
  font-size: 12px;
@@ -10522,10 +10862,13 @@ ejs-sidebar {
10522
10862
  flex-basis: 100%;
10523
10863
  }
10524
10864
  .e-stepper .e-step-container .e-step-optional-container {
10865
+ display: -webkit-box;
10525
10866
  display: -ms-flexbox;
10526
10867
  display: flex;
10527
- -ms-flex-direction: column;
10528
- flex-direction: column;
10868
+ -webkit-box-orient: vertical;
10869
+ -webkit-box-direction: normal;
10870
+ -ms-flex-direction: column;
10871
+ flex-direction: column;
10529
10872
  }
10530
10873
  .e-stepper .e-step-container .e-step-content {
10531
10874
  font-size: 16px;
@@ -10542,17 +10885,15 @@ ejs-sidebar {
10542
10885
  padding-block: 5px;
10543
10886
  }
10544
10887
  .e-stepper .e-step-container.e-step-text-only.e-step-error .e-step-text-container, .e-stepper .e-step-container.e-step-text-only.e-step-valid .e-step-text-container, .e-stepper .e-step-container.e-step-label-only.e-step-error .e-step-label-container, .e-stepper .e-step-container.e-step-label-only.e-step-valid .e-step-label-container {
10545
- -ms-flex-direction: column;
10546
- flex-direction: column;
10888
+ -webkit-box-orient: vertical;
10889
+ -webkit-box-direction: normal;
10890
+ -ms-flex-direction: column;
10891
+ flex-direction: column;
10547
10892
  }
10548
10893
  .e-stepper .e-step-container.e-step-text-only.e-step-error .e-step-text-container .e-step-validation-icon, .e-stepper .e-step-container.e-step-text-only.e-step-valid .e-step-text-container .e-step-validation-icon, .e-stepper .e-step-container.e-step-label-only.e-step-error .e-step-label-container .e-step-validation-icon, .e-stepper .e-step-container.e-step-label-only.e-step-valid .e-step-label-container .e-step-validation-icon {
10549
10894
  position: relative;
10550
10895
  top: 0.25em;
10551
10896
  }
10552
- .e-stepper .e-step-container .e-step-label-container,
10553
- .e-stepper .e-step-container .e-step-text-container {
10554
- font-size: 14px;
10555
- }
10556
10897
  .e-stepper .e-step-container .e-step,
10557
10898
  .e-stepper .e-step-container .e-indicator {
10558
10899
  border-radius: 9999px;
@@ -10567,54 +10908,63 @@ ejs-sidebar {
10567
10908
  display: block;
10568
10909
  }
10569
10910
  .e-stepper.e-horizontal .e-stepper-steps {
10570
- -ms-flex-direction: row;
10571
- flex-direction: row;
10911
+ -webkit-box-orient: horizontal;
10912
+ -webkit-box-direction: normal;
10913
+ -ms-flex-direction: row;
10914
+ flex-direction: row;
10572
10915
  }
10573
- .e-stepper.e-horizontal.e-label-before:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
10916
+ .e-stepper.e-horizontal.e-label-before:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
10574
10917
  margin-left: var(--progress-left-position);
10575
10918
  top: var(--progress-top-position);
10576
10919
  width: var(--progress-bar-width);
10577
10920
  }
10578
- .e-stepper.e-horizontal.e-label-before.e-rtl:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after.e-rtl:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
10921
+ .e-stepper.e-horizontal.e-label-before.e-rtl:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after.e-rtl:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
10579
10922
  margin-right: var(--progress-left-position);
10580
10923
  margin-left: unset;
10581
10924
  }
10582
- .e-stepper.e-horizontal .e-step-icon.e-step-label {
10925
+ .e-stepper.e-horizontal .e-step-item.e-step-label {
10583
10926
  gap: 1em;
10584
- -ms-flex-direction: column;
10585
- flex-direction: column;
10927
+ -webkit-box-orient: vertical;
10928
+ -webkit-box-direction: normal;
10929
+ -ms-flex-direction: column;
10930
+ flex-direction: column;
10586
10931
  }
10587
- .e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container {
10932
+ .e-stepper.e-horizontal .e-step-item.e-step-label .e-step-label-container {
10588
10933
  position: relative;
10589
10934
  }
10590
- .e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container.e-label-before {
10591
- -ms-flex-order: -1;
10592
- order: -1;
10935
+ .e-stepper.e-horizontal .e-step-item.e-step-label .e-step-label-container.e-label-before {
10936
+ -webkit-box-ordinal-group: 0;
10937
+ -ms-flex-order: -1;
10938
+ order: -1;
10593
10939
  }
10594
10940
  .e-stepper.e-horizontal.e-label-start .e-step-text-container {
10595
- -ms-flex-order: -1;
10596
- order: -1;
10941
+ -webkit-box-ordinal-group: 0;
10942
+ -ms-flex-order: -1;
10943
+ order: -1;
10597
10944
  }
10598
- .e-stepper.e-horizontal .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10945
+ .e-stepper.e-horizontal .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
10599
10946
  position: absolute;
10600
10947
  top: 2.5em;
10601
10948
  margin-left: 2.5em;
10602
10949
  }
10603
- .e-stepper.e-horizontal.e-label-start .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional, .e-stepper.e-horizontal.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10950
+ .e-stepper.e-horizontal.e-label-start .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional, .e-stepper.e-horizontal.e-rtl .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
10604
10951
  margin-right: 2.5em;
10605
10952
  margin-left: unset;
10606
10953
  }
10607
- .e-stepper.e-horizontal.e-label-start.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10954
+ .e-stepper.e-horizontal.e-label-start.e-rtl .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
10608
10955
  margin-right: unset;
10609
10956
  margin-left: 2.5em;
10610
10957
  }
10611
10958
  .e-stepper.e-horizontal.e-label-before .e-stepper-steps:has(.e-step-label-optional) {
10612
- -ms-flex-align: end;
10613
- align-items: flex-end;
10959
+ -webkit-box-align: end;
10960
+ -ms-flex-align: end;
10961
+ align-items: flex-end;
10614
10962
  }
10615
10963
  .e-stepper.e-horizontal.e-label-before .e-stepper-steps .e-step-label-container.e-label-before:has(.e-step-label-optional) {
10616
- -ms-flex-direction: column;
10617
- flex-direction: column;
10964
+ -webkit-box-orient: vertical;
10965
+ -webkit-box-direction: normal;
10966
+ -ms-flex-direction: column;
10967
+ flex-direction: column;
10618
10968
  gap: 0.5em;
10619
10969
  }
10620
10970
  .e-stepper.e-horizontal .e-text,
@@ -10625,19 +10975,16 @@ ejs-sidebar {
10625
10975
  }
10626
10976
  .e-stepper.e-horizontal .e-step-text.e-step-text-only:has(.e-step-label-optional),
10627
10977
  .e-stepper.e-horizontal .e-step-label.e-step-label-only:has(.e-step-label-optional),
10628
- .e-stepper.e-horizontal .e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
10629
- .e-stepper.e-horizontal .e-step-label-container.e-label-after:has(.e-step-label-optional) {
10630
- -ms-flex-wrap: wrap;
10631
- flex-wrap: wrap;
10632
- }
10633
- .e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
10978
+ .e-stepper.e-horizontal .e-step-item:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
10979
+ .e-stepper.e-horizontal .e-step-container:not(.e-step-item):not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
10980
+ .e-stepper.e-horizontal .e-step-label-container.e-label-after:has(.e-step-label-optional), .e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
10634
10981
  -ms-flex-wrap: wrap;
10635
10982
  flex-wrap: wrap;
10636
10983
  }
10637
- .e-stepper.e-horizontal .e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
10984
+ .e-stepper.e-horizontal .e-step-item:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
10638
10985
  margin-top: 0.5em;
10639
10986
  }
10640
- .e-stepper.e-horizontal.e-label-after .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
10987
+ .e-stepper.e-horizontal.e-label-after .e-step-item.e-step-label:not(.e-step-text) .e-step-label-optional {
10641
10988
  margin-top: 0.2em;
10642
10989
  }
10643
10990
  .e-stepper.e-vertical {
@@ -10651,71 +10998,80 @@ ejs-sidebar {
10651
10998
  .e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-step-label-optional {
10652
10999
  position: absolute;
10653
11000
  }
10654
- .e-stepper.e-vertical:not(.e-label-bottom):not(.e-label-top) .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
11001
+ .e-stepper.e-vertical:not(.e-label-bottom):not(.e-label-top) .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
10655
11002
  margin-top: 3em;
10656
11003
  margin-left: 4em;
10657
11004
  }
10658
- .e-stepper.e-vertical.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
11005
+ .e-stepper.e-vertical.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
10659
11006
  margin-left: unset;
10660
11007
  margin-right: 4em;
10661
11008
  }
10662
11009
  .e-stepper.e-vertical .e-stepper-steps {
10663
- -ms-flex-direction: column;
10664
- flex-direction: column;
11010
+ -webkit-box-orient: vertical;
11011
+ -webkit-box-direction: normal;
11012
+ -ms-flex-direction: column;
11013
+ flex-direction: column;
10665
11014
  min-height: inherit;
10666
11015
  float: left;
10667
- -ms-flex-align: start;
10668
- align-items: start;
11016
+ -webkit-box-align: start;
11017
+ -ms-flex-align: start;
11018
+ align-items: start;
10669
11019
  margin: 0;
10670
- -ms-flex-pack: justify;
10671
- justify-content: space-between;
11020
+ -webkit-box-pack: justify;
11021
+ -ms-flex-pack: justify;
11022
+ justify-content: space-between;
10672
11023
  }
10673
11024
  .e-stepper.e-vertical.e-rtl .e-stepper-steps {
10674
11025
  float: right;
10675
11026
  }
10676
- .e-stepper.e-vertical .e-stepper-steps:has(.e-step-icon:not(.e-step-text):not(.e-step-label)),
11027
+ .e-stepper.e-vertical .e-stepper-steps:has(.e-step-item:not(.e-step-text):not(.e-step-label)),
10677
11028
  .e-stepper.e-vertical .e-stepper-steps:has(.e-step-text.e-step-text-only),
10678
- .e-stepper.e-vertical .e-stepper-steps:has(.e-step-label.e-step-label-only), .e-stepper.e-vertical.e-label-after .e-stepper-steps:has(.e-step-label.e-step-text:not(.e-step-icon)), .e-stepper.e-vertical.e-step-type-indicator .e-stepper-steps {
10679
- -ms-flex-align: center;
10680
- align-items: center;
11029
+ .e-stepper.e-vertical .e-stepper-steps:has(.e-step-label.e-step-label-only), .e-stepper.e-vertical.e-label-after .e-stepper-steps:has(.e-step-label.e-step-text:not(.e-step-item)), .e-stepper.e-vertical.e-step-type-indicator .e-stepper-steps {
11030
+ -webkit-box-align: center;
11031
+ -ms-flex-align: center;
11032
+ align-items: center;
10681
11033
  }
10682
- .e-stepper.e-vertical .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10683
- .e-stepper.e-vertical .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
11034
+ .e-stepper.e-vertical .e-step-item.e-step-text:not(.e-step-label) .e-step-text-container,
11035
+ .e-stepper.e-vertical .e-step-item.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10684
11036
  margin-left: 10px;
10685
11037
  }
10686
- .e-stepper.e-vertical.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10687
- .e-stepper.e-vertical.e-rtl .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
11038
+ .e-stepper.e-vertical.e-rtl .e-step-item.e-step-text:not(.e-step-label) .e-step-text-container,
11039
+ .e-stepper.e-vertical.e-rtl .e-step-item.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10688
11040
  margin-left: unset;
10689
11041
  margin-right: 10px;
10690
11042
  }
10691
- .e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional),
11043
+ .e-stepper.e-vertical .e-step-item:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional),
10692
11044
  .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional),
10693
11045
  .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) {
10694
- -ms-flex-direction: column;
10695
- flex-direction: column;
11046
+ -webkit-box-orient: vertical;
11047
+ -webkit-box-direction: normal;
11048
+ -ms-flex-direction: column;
11049
+ flex-direction: column;
10696
11050
  }
10697
- .e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional) .e-step-label-optional, .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) .e-step-label-optional,
11051
+ .e-stepper.e-vertical .e-step-item:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional) .e-step-label-optional, .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) .e-step-label-optional,
10698
11052
  .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional) .e-step-label-optional,
10699
11053
  .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) .e-step-label-optional {
10700
11054
  position: unset;
10701
11055
  }
10702
- .e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) {
11056
+ .e-stepper.e-vertical .e-step-item:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) {
10703
11057
  gap: 0.5em;
10704
11058
  }
10705
- .e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional), .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) {
10706
- -ms-flex-direction: column;
10707
- flex-direction: column;
11059
+ .e-stepper.e-vertical.e-label-before .e-step-item.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional), .e-stepper.e-vertical.e-label-after .e-step-item.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) {
11060
+ -webkit-box-orient: vertical;
11061
+ -webkit-box-direction: normal;
11062
+ -ms-flex-direction: column;
11063
+ flex-direction: column;
10708
11064
  }
10709
- .e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label, .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label {
11065
+ .e-stepper.e-vertical.e-label-before .e-step-item.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label, .e-stepper.e-vertical.e-label-after .e-step-item.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label {
10710
11066
  line-height: 2em;
10711
11067
  }
10712
- .e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label .e-step-label-optional, .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label .e-step-label-optional {
11068
+ .e-stepper.e-vertical.e-label-before .e-step-item.e-step-label .e-step-label-optional, .e-stepper.e-vertical.e-label-after .e-step-item.e-step-label .e-step-label-optional {
10713
11069
  position: unset;
10714
11070
  }
10715
- .e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after {
11071
+ .e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-item) .e-step-label-container.e-label-after {
10716
11072
  position: absolute;
10717
11073
  }
10718
- .e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after .e-step-label-optional {
11074
+ .e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-item) .e-step-label-container.e-label-after .e-step-label-optional {
10719
11075
  left: 0;
10720
11076
  }
10721
11077
  .e-stepper.e-vertical .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
@@ -10736,20 +11092,24 @@ ejs-sidebar {
10736
11092
  padding-bottom: 6px;
10737
11093
  }
10738
11094
  .e-stepper.e-vertical.e-label-top .e-stepper-steps, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps {
10739
- -ms-flex-align: center;
10740
- align-items: center;
11095
+ -webkit-box-align: center;
11096
+ -ms-flex-align: center;
11097
+ align-items: center;
10741
11098
  }
10742
11099
  .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps .e-step-container {
10743
- -ms-flex-direction: column;
10744
- flex-direction: column;
11100
+ -webkit-box-orient: vertical;
11101
+ -webkit-box-direction: normal;
11102
+ -ms-flex-direction: column;
11103
+ flex-direction: column;
10745
11104
  }
10746
11105
  .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-text-container, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps .e-step-container .e-step-text-container {
10747
11106
  margin-left: 0;
10748
11107
  }
10749
11108
  .e-stepper.e-vertical.e-label-top .e-step-container .e-step-label-optional,
10750
11109
  .e-stepper.e-vertical.e-label-top .e-step-container .e-step-text-container {
10751
- -ms-flex-order: -1;
10752
- order: -1;
11110
+ -webkit-box-ordinal-group: 0;
11111
+ -ms-flex-order: -1;
11112
+ order: -1;
10753
11113
  }
10754
11114
  .e-stepper .e-stepper-progressbar {
10755
11115
  height: 1.6px;
@@ -10760,9 +11120,12 @@ ejs-sidebar {
10760
11120
  .e-stepper .e-stepper-progressbar > .e-progressbar-value {
10761
11121
  height: 100%;
10762
11122
  width: var(--progress-value);
11123
+ -webkit-transition-property: width;
10763
11124
  transition-property: width;
10764
- transition-duration: var(--duration);
10765
- transition-delay: var(--delay);
11125
+ -webkit-transition-duration: var(--duration);
11126
+ transition-duration: var(--duration);
11127
+ -webkit-transition-delay: var(--delay);
11128
+ transition-delay: var(--delay);
10766
11129
  }
10767
11130
  .e-stepper.e-vertical .e-stepper-progressbar {
10768
11131
  min-height: inherit;
@@ -10773,6 +11136,7 @@ ejs-sidebar {
10773
11136
  .e-stepper.e-vertical .e-stepper-progressbar > .e-progressbar-value {
10774
11137
  width: 100%;
10775
11138
  height: var(--progress-value);
11139
+ -webkit-transition-property: height;
10776
11140
  transition-property: height;
10777
11141
  }
10778
11142
  .e-stepper.e-vertical.e-rtl .e-stepper-progressbar {
@@ -10791,12 +11155,12 @@ ejs-sidebar {
10791
11155
  top: 90% !important; /* stylelint-disable-line declaration-no-important */
10792
11156
  }
10793
11157
 
10794
- .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10795
- .e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
11158
+ .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
11159
+ .e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
10796
11160
  font-size: 28px;
10797
11161
  }
10798
- .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10799
- .e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
11162
+ .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
11163
+ .e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
10800
11164
  width: 28px;
10801
11165
  height: 28px;
10802
11166
  }
@@ -10830,12 +11194,12 @@ ejs-sidebar {
10830
11194
  font-size: 10px;
10831
11195
  }
10832
11196
 
10833
- .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10834
- .e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
11197
+ .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
11198
+ .e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
10835
11199
  font-size: 40px;
10836
11200
  }
10837
- .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10838
- .e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
11201
+ .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
11202
+ .e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
10839
11203
  width: 40px;
10840
11204
  height: 40px;
10841
11205
  }
@@ -10869,16 +11233,16 @@ ejs-sidebar {
10869
11233
  font-size: 14px;
10870
11234
  }
10871
11235
 
10872
- .e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10873
- .e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10874
- .e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10875
- .e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
11236
+ .e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
11237
+ .e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
11238
+ .e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
11239
+ .e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
10876
11240
  font-size: 36px;
10877
11241
  }
10878
- .e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10879
- .e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10880
- .e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10881
- .e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
11242
+ .e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
11243
+ .e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
11244
+ .e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
11245
+ .e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
10882
11246
  width: 36px;
10883
11247
  height: 36px;
10884
11248
  }
@@ -10972,10 +11336,6 @@ ejs-sidebar {
10972
11336
  .e-stepper .e-step-error .e-indicator:hover {
10973
11337
  color: #212529;
10974
11338
  }
10975
- .e-stepper .e-step-selected .e-text,
10976
- .e-stepper .e-step-selected .e-label {
10977
- font-weight: 600;
10978
- }
10979
11339
  .e-stepper .e-step-valid.e-step-text-only .e-step-validation-icon,
10980
11340
  .e-stepper .e-step-valid.e-step-label-only .e-step-validation-icon {
10981
11341
  color: #198754;
@@ -10994,7 +11354,7 @@ ejs-sidebar {
10994
11354
  .e-stepper .e-step-completed:not(.e-step-error) .e-label {
10995
11355
  color: #0d6efd;
10996
11356
  }
10997
- .e-stepper .e-step-label:not(.e-step-icon) .e-step-label-container {
11357
+ .e-stepper .e-step-label:not(.e-step-item) .e-step-label-container {
10998
11358
  background-color: #fff;
10999
11359
  }
11000
11360
  .e-stepper .e-step-text-container {
@@ -11010,7 +11370,7 @@ ejs-sidebar {
11010
11370
  .e-stepper .e-step-disabled .e-step-validation-icon {
11011
11371
  color: #adb5bd;
11012
11372
  }
11013
- .e-stepper.e-vertical .e-step-text-only.e-step-text .e-step-label-optional, .e-stepper.e-vertical .e-step-label-only.e-step-label .e-step-label-optional, .e-stepper.e-vertical .e-step-icon:not(.e-step-text):not(.e-step-label) .e-step-label-optional, .e-stepper.e-vertical.e-label-top .e-step-label-optional, .e-stepper.e-vertical.e-label-bottom .e-step-label-optional {
11373
+ .e-stepper.e-vertical .e-step-text-only.e-step-text .e-step-label-optional, .e-stepper.e-vertical .e-step-label-only.e-step-label .e-step-label-optional, .e-stepper.e-vertical .e-step-item:not(.e-step-text):not(.e-step-label) .e-step-label-optional, .e-stepper.e-vertical.e-label-top .e-step-label-optional, .e-stepper.e-vertical.e-label-bottom .e-step-label-optional {
11014
11374
  background-color: #fff;
11015
11375
  }
11016
11376
  .e-stepper .e-stepper-progressbar {
@@ -11020,31 +11380,36 @@ ejs-sidebar {
11020
11380
  background-color: #0d6efd;
11021
11381
  }
11022
11382
  .e-stepper:not(.e-steps-focus) .e-step-selected .e-step {
11023
- box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0d6efd, 0 0 0 8px #fff;
11383
+ -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0d6efd, 0 0 0 8px #fff;
11384
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0d6efd, 0 0 0 8px #fff;
11024
11385
  }
11025
11386
  .e-stepper .e-step-focus .e-step,
11026
11387
  .e-stepper .e-step-label-only.e-step-focus .e-label,
11027
11388
  .e-stepper .e-step-text-only.e-step-focus .e-text,
11028
11389
  .e-stepper .e-step-template.e-step-focus, .e-stepper:not(.e-steps-focus) :focus-visible .e-step, .e-stepper:not(.e-steps-focus) .e-step-text-only:focus-visible .e-text, .e-stepper:not(.e-steps-focus) .e-step-label-only:focus-visible .e-label {
11029
- box-shadow: 0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 8px #fff;
11390
+ -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 8px #fff;
11391
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #212529, 0 0 0 8px #fff;
11030
11392
  }
11031
11393
  .e-stepper:not(.e-steps-focus) .e-step-valid.e-step-selected .e-step,
11032
11394
  .e-stepper .e-step-valid.e-step-focus .e-step,
11033
11395
  .e-stepper .e-step-valid.e-step-label-only.e-step-focus .e-label,
11034
11396
  .e-stepper .e-step-valid.e-step-text-only.e-step-focus .e-text,
11035
11397
  .e-stepper .e-step-valid.e-step-template.e-step-focus {
11036
- box-shadow: 0 0 0 2px #fff, 0 0 0 4px #198754, 0 0 0 8px #fff;
11398
+ -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #198754, 0 0 0 8px #fff;
11399
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #198754, 0 0 0 8px #fff;
11037
11400
  }
11038
11401
  .e-stepper:not(.e-steps-focus) .e-step-error.e-step-selected .e-step,
11039
11402
  .e-stepper .e-step-error.e-step-focus .e-step,
11040
11403
  .e-stepper .e-step-error.e-step-label-only.e-step-focus .e-label,
11041
11404
  .e-stepper .e-step-error.e-step-text-only.e-step-focus .e-text,
11042
11405
  .e-stepper .e-step-error.e-step-template.e-step-focus {
11043
- box-shadow: 0 0 0 2px #fff, 0 0 0 4px #dc3545, 0 0 0 8px #fff;
11406
+ -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #dc3545, 0 0 0 8px #fff;
11407
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #dc3545, 0 0 0 8px #fff;
11044
11408
  }
11045
11409
  .e-stepper .e-step-container:not(.e-step-focus).e-step-notstarted .e-step,
11046
11410
  .e-stepper .e-step-container:not(.e-step-focus).e-step-completed .e-step, .e-stepper.e-steps-focus .e-step-container:not(.e-step-focus).e-step-selected .e-step {
11047
- box-shadow: 0 0 0 8px #fff;
11411
+ -webkit-box-shadow: 0 0 0 8px #fff;
11412
+ box-shadow: 0 0 0 8px #fff;
11048
11413
  }
11049
11414
  .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step:hover,
11050
11415
  .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {