@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253

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
@@ -64,6 +64,10 @@
64
64
  margin-top: -18.5px;
65
65
  width: 90px;
66
66
  }
67
+ .e-bigger .e-pager .e-pagercontainer,
68
+ .e-pager.e-bigger .e-pagercontainer {
69
+ margin: 0 0 -6px;
70
+ }
67
71
  .e-bigger .e-pager .e-pagercontainer .e-firstpage,
68
72
  .e-bigger .e-pager .e-pagercontainer .e-prevpage,
69
73
  .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
@@ -82,36 +86,12 @@
82
86
  .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
83
87
  padding: 6px 10px 8px 8px;
84
88
  }
85
- .e-bigger .e-pager.e-rtl .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused,
86
- .e-pager.e-bigger.e-rtl .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused {
87
- padding: 10px 11px 9px;
88
- }
89
- .e-bigger .e-pager.e-rtl .e-pagercontainer .e-prevpage.e-focused,
90
- .e-pager.e-bigger.e-rtl .e-pagercontainer .e-prevpage.e-focused {
91
- padding: 10px 11px 9px 10px;
92
- }
93
- .e-bigger .e-pager.e-rtl .e-pagercontainer .e-firstpage.e-focused,
94
- .e-pager.e-bigger.e-rtl .e-pagercontainer .e-firstpage.e-focused {
95
- padding: 10px 10px 9px;
96
- }
97
- .e-bigger .e-pager.e-rtl .e-pagercontainer .e-lastpage.e-focused,
98
- .e-pager.e-bigger.e-rtl .e-pagercontainer .e-lastpage.e-focused {
99
- padding: 10px 10px 9px;
100
- }
101
89
  .e-bigger .e-pager .e-pagerconstant,
102
90
  .e-pager.e-bigger .e-pagerconstant {
103
91
  margin-bottom: 1px;
104
92
  margin-left: 16px;
105
93
  line-height: 22px;
106
94
  }
107
- .e-bigger .e-pager .e-pagercontainer,
108
- .e-pager.e-bigger .e-pagercontainer {
109
- margin: 0 0 -6px 0;
110
- }
111
- .e-bigger .e-pager.e-rtl .e-pagercontainer,
112
- .e-pager.e-bigger.e-rtl .e-pagercontainer {
113
- margin: 0 5px -6px 0;
114
- }
115
95
  @media (max-width: 769px) {
116
96
  .e-bigger .e-pager,
117
97
  .e-pager.e-bigger {
@@ -132,38 +112,16 @@
132
112
  .e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
133
113
  margin-left: 0;
134
114
  }
135
- .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,
136
- .e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
137
- .e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
138
- margin-left: 0;
139
- margin-right: 0;
140
- }
141
- .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
142
- .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
143
- margin-left: 6px;
144
- margin-top: 0;
145
- }
146
115
  .e-bigger .e-pager .e-numericitem,
147
116
  .e-pager.e-bigger .e-numericitem {
148
117
  margin: 0;
149
118
  line-height: 22px;
150
119
  }
151
- .e-bigger .e-pager .e-numericitem.e-currentitem,
152
- .e-pager.e-bigger .e-numericitem.e-currentitem {
153
- padding: 6px 14px 5.5px 13px;
154
- }
155
- .e-bigger .e-pager .e-numericitem.e-currentitem:hover,
120
+ .e-bigger .e-pager .e-numericitem.e-currentitem, .e-bigger .e-pager .e-numericitem.e-currentitem:hover,
121
+ .e-pager.e-bigger .e-numericitem.e-currentitem,
156
122
  .e-pager.e-bigger .e-numericitem.e-currentitem:hover {
157
123
  padding: 6px 14px 5.5px 13px;
158
124
  }
159
- .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
160
- .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem {
161
- padding: 6px 14px 6px 13px;
162
- }
163
- .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
164
- .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem:hover {
165
- padding: 6px 14px 6px 13px;
166
- }
167
125
  .e-bigger .e-pager .e-pp.e-spacing,
168
126
  .e-bigger .e-pager .e-np.e-spacing,
169
127
  .e-bigger .e-pager .e-pp.e-spacing:hover,
@@ -180,11 +138,6 @@
180
138
  .e-pager.e-bigger .e-pp.e-spacing.e-focused {
181
139
  padding: 11px 12px 10.5px 11.5px;
182
140
  }
183
- .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-focused, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-focused,
184
- .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-focused,
185
- .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-focused {
186
- padding: 13px 13px 11px 12px;
187
- }
188
141
  .e-bigger .e-pager .e-spacing,
189
142
  .e-bigger .e-pager .e-numericitem:hover,
190
143
  .e-bigger .e-pager .e-currentitem,
@@ -194,6 +147,64 @@
194
147
  border-radius: 0;
195
148
  padding: 7px 14px 6.5px;
196
149
  }
150
+ .e-bigger .e-pager.e-rtl .e-spacing,
151
+ .e-bigger .e-pager.e-rtl .e-numericitem:hover,
152
+ .e-bigger .e-pager.e-rtl .e-currentitem,
153
+ .e-pager.e-bigger.e-rtl .e-spacing,
154
+ .e-pager.e-bigger.e-rtl .e-numericitem:hover,
155
+ .e-pager.e-bigger.e-rtl .e-currentitem {
156
+ padding: 7px 11.8px 6.5px;
157
+ }
158
+ .e-bigger .e-pager.e-rtl .e-pagerdropdown,
159
+ .e-pager.e-bigger.e-rtl .e-pagerdropdown {
160
+ margin: -18.5px 16px 0 0;
161
+ }
162
+ .e-bigger .e-pager.e-rtl .e-pagerconstant,
163
+ .e-pager.e-bigger.e-rtl .e-pagerconstant {
164
+ margin: 6px 16px 2px 0;
165
+ }
166
+ .e-bigger .e-pager.e-rtl .e-pagercontainer,
167
+ .e-pager.e-bigger.e-rtl .e-pagercontainer {
168
+ margin: 0 5px -6px 0;
169
+ }
170
+ .e-bigger .e-pager.e-rtl .e-pagercontainer .e-prevpage.e-focused,
171
+ .e-pager.e-bigger.e-rtl .e-pagercontainer .e-prevpage.e-focused {
172
+ padding: 10px 11px 9px 10px;
173
+ }
174
+ .e-bigger .e-pager.e-rtl .e-pagercontainer .e-firstpage.e-focused,
175
+ .e-bigger .e-pager.e-rtl .e-pagercontainer .e-lastpage.e-focused,
176
+ .e-pager.e-bigger.e-rtl .e-pagercontainer .e-firstpage.e-focused,
177
+ .e-pager.e-bigger.e-rtl .e-pagercontainer .e-lastpage.e-focused {
178
+ padding: 10px 10px 9px;
179
+ }
180
+ .e-bigger .e-pager.e-rtl .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused,
181
+ .e-pager.e-bigger.e-rtl .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused {
182
+ padding: 10px 11px 9px;
183
+ }
184
+ .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
185
+ .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
186
+ .e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
187
+ .e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
188
+ margin-left: 0;
189
+ margin-right: 0;
190
+ }
191
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
192
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
193
+ margin-left: 6px;
194
+ margin-top: 0;
195
+ }
196
+ .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
197
+ .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
198
+ .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
199
+ .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem:hover {
200
+ padding: 6px 14px 6px 13px;
201
+ }
202
+ .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-focused,
203
+ .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-focused,
204
+ .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-focused,
205
+ .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-focused {
206
+ padding: 13px 13px 11px 12px;
207
+ }
197
208
  .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,
198
209
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
199
210
  .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -203,13 +214,17 @@
203
214
  margin-top: 0;
204
215
  padding: 7px 12.6px;
205
216
  }
206
- .e-bigger .e-pager.e-rtl .e-pagerdropdown,
207
- .e-pager.e-bigger.e-rtl .e-pagerdropdown {
208
- margin: -18.5px 16px 0 0;
217
+ .e-bigger .e-pager.e-rtl.e-adaptive div.e-parentmsgbar,
218
+ .e-pager.e-bigger.e-rtl.e-adaptive div.e-parentmsgbar {
219
+ margin-top: 0;
209
220
  }
210
- .e-bigger .e-pager.e-rtl .e-pagerconstant,
211
- .e-pager.e-bigger.e-rtl .e-pagerconstant {
212
- margin: 6px 16px 2px 0;
221
+ .e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerdropdown,
222
+ .e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerdropdown {
223
+ margin: 2px 4px 0 2px;
224
+ }
225
+ .e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerconstant.e-page-all,
226
+ .e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerconstant.e-page-all {
227
+ top: 12px;
213
228
  }
214
229
  .e-bigger .e-pager .e-pagercontainer .e-firstpage,
215
230
  .e-bigger .e-pager .e-pagercontainer .e-prevpage,
@@ -232,14 +247,10 @@
232
247
  padding: 10px 10px 11px;
233
248
  }
234
249
  .e-bigger .e-pager .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused,
235
- .e-pager.e-bigger .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused {
236
- padding: 10px 11px 9px 10px;
237
- }
238
250
  .e-bigger .e-pager .e-pagercontainer .e-prevpage.e-focused,
239
- .e-pager.e-bigger .e-pagercontainer .e-prevpage.e-focused {
240
- padding: 10px 11px 9px 10px;
241
- }
242
251
  .e-bigger .e-pager .e-pagercontainer .e-firstpage.e-focused,
252
+ .e-pager.e-bigger .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused,
253
+ .e-pager.e-bigger .e-pagercontainer .e-prevpage.e-focused,
243
254
  .e-pager.e-bigger .e-pagercontainer .e-firstpage.e-focused {
244
255
  padding: 10px 11px 9px 10px;
245
256
  }
@@ -269,32 +280,21 @@
269
280
  .e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
270
281
  top: 9px;
271
282
  }
272
- .e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar,
273
- .e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
274
- margin-top: 0;
275
- }
276
- .e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown,
277
- .e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
278
- margin: 2px 4px 0 2px;
279
- }
280
- .e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all,
281
- .e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
282
- top: 12px;
283
- }
284
283
 
285
284
  .e-pager {
286
285
  border-style: solid;
287
286
  border-width: 1px;
288
287
  display: inline-block;
289
288
  font-size: 12px;
290
- padding: 8px 8px 8px 8px;
289
+ padding: 8px;
291
290
  white-space: normal;
292
291
  width: 100%;
293
292
  /* stylelint-disable */
294
293
  /* stylelint-enable */
295
294
  }
296
295
  .e-pager [class^=e-] {
297
- box-sizing: border-box;
296
+ -webkit-box-sizing: border-box;
297
+ box-sizing: border-box;
298
298
  }
299
299
  .e-pager .e-pager-default.e-hide,
300
300
  .e-pager .e-pagesizes.e-hide,
@@ -338,25 +338,15 @@
338
338
  line-height: 18px;
339
339
  margin-right: 0;
340
340
  min-width: 26px;
341
- padding: 13px 12px 10px 12px;
341
+ padding: 13px 12px 10px;
342
342
  text-align: center;
343
343
  }
344
344
  .e-pager .e-numericitem.e-currentitem {
345
345
  border: 1px solid #22d3ee;
346
- padding: 3.5px 11px 6px 10px;
347
346
  }
348
- .e-pager .e-numericitem.e-currentitem:hover {
347
+ .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
349
348
  padding: 3.5px 11px 6px 10px;
350
349
  }
351
- .e-pager.e-rtl .e-numericitem.e-currentitem {
352
- border-left-color: #22d3ee;
353
- border-left-style: solid;
354
- border-left-width: 1px;
355
- padding: 3.5px 11px 4px 10px;
356
- }
357
- .e-pager.e-rtl .e-numericitem.e-currentitem:hover {
358
- padding: 3.5px 11px 4px 10px;
359
- }
360
350
  .e-pager div.e-pagermsgdiv {
361
351
  padding-right: 6px;
362
352
  padding-top: 4px;
@@ -373,7 +363,7 @@
373
363
  .e-pager .e-currentitem {
374
364
  border-radius: 0;
375
365
  cursor: pointer;
376
- padding: 4.5px 11px 7px 11px;
366
+ padding: 4.5px 11px 7px;
377
367
  text-decoration: none;
378
368
  }
379
369
  .e-pager .e-currentitem {
@@ -385,6 +375,7 @@
385
375
  .e-pager a {
386
376
  display: inline;
387
377
  -webkit-user-select: none;
378
+ -moz-user-select: none;
388
379
  -ms-user-select: none;
389
380
  user-select: none;
390
381
  }
@@ -405,7 +396,7 @@
405
396
  margin-right: 0;
406
397
  margin-top: -4px;
407
398
  min-width: 26px;
408
- padding: 9.5px 7px 9.5px 7px;
399
+ padding: 9.5px 7px;
409
400
  position: relative;
410
401
  top: 3px;
411
402
  }
@@ -421,16 +412,14 @@
421
412
  border-right-style: none;
422
413
  padding: 8.9px 7px 8px;
423
414
  }
424
- .e-pager .e-pagercontainer .e-nextpage.e-focused {
415
+ .e-pager .e-pagercontainer .e-nextpage.e-focused,
416
+ .e-pager .e-pagercontainer .e-firstpage.e-focused {
425
417
  padding-right: 8px;
426
418
  }
427
419
  .e-pager .e-pagercontainer .e-prevpage.e-focused {
428
420
  padding-left: 7px;
429
421
  padding-right: 8px;
430
422
  }
431
- .e-pager .e-pagercontainer .e-firstpage.e-focused {
432
- padding-right: 8px;
433
- }
434
423
  .e-pager .e-pagercontainer .e-lastpage,
435
424
  .e-pager .e-pagercontainer .e-lastpagedisabled {
436
425
  border-right: 1px;
@@ -498,33 +487,38 @@
498
487
  .e-pager .e-pp:hover,
499
488
  .e-pager .e-np:hover {
500
489
  font-size: 12px;
490
+ padding: 4.5px 9.2px 7px;
501
491
  font-weight: bold;
502
492
  letter-spacing: 0;
503
- padding: 4.5px 9.2px 7px 9.2px;
504
493
  }
505
494
  .e-pager .e-np.e-focused,
506
495
  .e-pager .e-pp.e-focused {
507
496
  line-height: 18px;
508
- padding: 4.5px 8.7px 7px 8.7px;
497
+ padding: 4.5px 8.7px 7px;
509
498
  }
510
499
  .e-pager.e-adaptive {
500
+ display: -webkit-box;
511
501
  display: -ms-flexbox;
512
502
  display: flex;
513
- -ms-flex-align: center;
514
- align-items: center;
515
- -ms-flex-pack: justify;
516
- justify-content: space-between;
503
+ -webkit-box-align: center;
504
+ -ms-flex-align: center;
505
+ align-items: center;
506
+ -webkit-box-pack: justify;
507
+ -ms-flex-pack: justify;
508
+ justify-content: space-between;
517
509
  padding: 6px;
518
510
  }
519
511
  .e-pager.e-adaptive div.e-parentmsgbar {
520
512
  margin: 0 5px;
521
513
  margin-top: -4px;
522
- -ms-flex-positive: 1;
523
- flex-grow: 1;
514
+ -webkit-box-flex: 1;
515
+ -ms-flex-positive: 1;
516
+ flex-grow: 1;
524
517
  min-width: 10px;
525
518
  white-space: nowrap;
526
519
  }
527
520
  .e-pager.e-adaptive .e-pagesizes {
521
+ display: -webkit-inline-box;
528
522
  display: -ms-inline-flexbox;
529
523
  display: inline-flex;
530
524
  width: auto;
@@ -533,8 +527,9 @@
533
527
  margin: 2px 2px 0 4px;
534
528
  width: 90px;
535
529
  min-width: 90px;
536
- -ms-flex-order: 2;
537
- order: 2;
530
+ -webkit-box-ordinal-group: 3;
531
+ -ms-flex-order: 2;
532
+ order: 2;
538
533
  height: 40px;
539
534
  padding-right: 5px;
540
535
  }
@@ -542,8 +537,9 @@
542
537
  font-size: 12px;
543
538
  position: relative;
544
539
  top: 2px;
545
- -ms-flex-order: 1;
546
- order: 1;
540
+ -webkit-box-ordinal-group: 2;
541
+ -ms-flex-order: 1;
542
+ order: 1;
547
543
  min-width: 52px;
548
544
  max-height: 42px;
549
545
  margin: 0 8px 0 10px;
@@ -568,21 +564,18 @@
568
564
  padding: 13px 0;
569
565
  }
570
566
  .e-pager div.e-parentmsgbar {
571
- box-sizing: border-box;
572
- display: inline-block;
573
- float: initial;
574
567
  padding-bottom: 0;
575
568
  padding-right: 0;
576
569
  padding-top: 0;
570
+ -webkit-box-sizing: border-box;
571
+ box-sizing: border-box;
572
+ display: inline-block;
573
+ float: initial;
577
574
  text-align: center;
578
575
  width: calc(60% - 48px);
579
576
  }
580
- .e-pager .e-pagesizes {
581
- display: none;
582
- }
583
- .e-pager .e-pagecountmsg {
584
- display: none;
585
- }
577
+ .e-pager .e-pagesizes,
578
+ .e-pager .e-pagecountmsg,
586
579
  .e-pager .e-pagercontainer {
587
580
  display: none;
588
581
  }
@@ -594,7 +587,8 @@
594
587
  .e-pager .e-mnext,
595
588
  .e-pager .e-mlast {
596
589
  border: 0;
597
- box-sizing: border-box;
590
+ -webkit-box-sizing: border-box;
591
+ box-sizing: border-box;
598
592
  display: inline-block;
599
593
  padding: 1% 5%;
600
594
  }
@@ -622,6 +616,14 @@
622
616
  .e-pager.e-rtl {
623
617
  direction: rtl;
624
618
  }
619
+ .e-pager.e-rtl .e-numericitem.e-currentitem, .e-pager.e-rtl .e-numericitem.e-currentitem:hover {
620
+ padding: 3.5px 11px 4px 10px;
621
+ }
622
+ .e-pager.e-rtl .e-numericitem.e-currentitem {
623
+ border-left-color: #22d3ee;
624
+ border-left-style: solid;
625
+ border-left-width: 1px;
626
+ }
625
627
  .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
626
628
  .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
627
629
  margin-left: 0;
@@ -643,18 +645,18 @@
643
645
  margin: -18px 16px 0 0;
644
646
  }
645
647
  .e-pager.e-rtl .e-pagerconstant {
646
- margin: 6px 8px 3px 8px;
648
+ margin: 6px 8px 3px;
647
649
  }
648
650
  .e-pager.e-rtl .e-pagerexternalmsg {
649
651
  float: none;
650
652
  }
651
653
  .e-pager.e-rtl .e-pagercontainer {
652
654
  float: none;
653
- margin: 0 0 -4px 0;
655
+ margin: 0 0 -4px;
654
656
  padding: 0;
655
657
  }
656
658
  .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 {
657
- padding: 7.5px 7px 7.5px 7px;
659
+ padding: 7.5px 7px;
658
660
  }
659
661
  .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-focused {
660
662
  border: 0;
@@ -663,10 +665,7 @@
663
665
  .e-pager.e-rtl .e-prevpage.e-focused {
664
666
  padding: 6.5px 8px 6px 7px;
665
667
  }
666
- .e-pager.e-rtl .e-lastpage.e-focused {
667
- padding: 6.5px 7px 6px;
668
- }
669
- .e-pager.e-rtl .e-firstpage.e-focused {
668
+ .e-pager.e-rtl .e-lastpage.e-focused, .e-pager.e-rtl .e-firstpage.e-focused {
670
669
  padding: 6.5px 7px 6px;
671
670
  }
672
671
  .e-pager.e-rtl .e-firstpage::before, .e-pager.e-rtl .e-firstpage:hover, .e-pager.e-rtl .e-firstpagedisabled::before {
@@ -708,20 +707,20 @@
708
707
  border-right-width: 1px;
709
708
  min-width: 26px;
710
709
  }
711
- .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 {
710
+ .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 {
712
711
  margin-left: 0;
713
712
  margin-right: 0;
714
713
  }
715
714
  .e-pager.e-rtl .e-spacing, .e-pager.e-rtl .e-numericitem:hover, .e-pager.e-rtl .e-currentitem {
716
715
  margin: 0;
717
- padding: 4.5px 11px 7px 11px;
716
+ padding: 4.5px 11px 7px;
718
717
  }
719
718
  .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 {
720
719
  margin-top: 0;
721
- padding: 4.5px 8.7px 5px 8.7px;
720
+ padding: 4.5px 8.7px 5px;
722
721
  }
723
722
  .e-pager.e-rtl .e-np.e-focused, .e-pager.e-rtl .e-pp.e-focused {
724
- padding: 4.5px 8.7px 7px 8.7px;
723
+ padding: 4.5px 8.7px 7px;
725
724
  }
726
725
  .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
727
726
  margin: 0 5px;
@@ -766,6 +765,9 @@
766
765
  float: right;
767
766
  }
768
767
  }
768
+ .e-pager.sf-pager .e-pagercontainer {
769
+ font-size: 0;
770
+ }
769
771
  .e-pager.sf-pager .e-pagercontainer .e-first,
770
772
  .e-pager.sf-pager .e-pagercontainer .e-prev,
771
773
  .e-pager.sf-pager .e-pagercontainer .e-next,
@@ -775,9 +777,6 @@
775
777
  .e-pager.sf-pager .e-numericcontainer a {
776
778
  font-size: 12px;
777
779
  }
778
- .e-pager.sf-pager .e-pagercontainer {
779
- font-size: 0;
780
- }
781
780
  .e-pager.sf-pager .e-link,
782
781
  .e-pager.sf-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
783
782
  margin-left: 0;
@@ -785,8 +784,8 @@
785
784
 
786
785
  /*! Pager theme */
787
786
  .e-pager {
788
- background-color: #1f2937;
789
787
  border-color: #4b5563;
788
+ background: #1f2937;
790
789
  color: #9ca3af;
791
790
  opacity: 1;
792
791
  }
@@ -821,7 +820,6 @@
821
820
  }
822
821
  .e-pager .e-numericitem {
823
822
  background: #1f2937;
824
- border-right-color: #4b5563;
825
823
  color: #fff;
826
824
  }
827
825
  .e-pager .e-prevpagedisabled,
@@ -843,6 +841,7 @@
843
841
  background-color: #1f2937;
844
842
  border-color: #4b5563;
845
843
  }
844
+ .e-pager .e-numericitem,
846
845
  .e-pager .e-firstpage,
847
846
  .e-pager .e-prevpage,
848
847
  .e-pager .e-firstpagedisabled,
@@ -872,10 +871,12 @@
872
871
  }
873
872
  .e-pager .e-currentitem.e-numericitem.e-focused {
874
873
  background: #6b7280;
875
- box-shadow: none;
874
+ -webkit-box-shadow: none;
875
+ box-shadow: none;
876
876
  }
877
877
  .e-pager .e-focused {
878
- box-shadow: 0 0 0 1px #22d3ee inset;
878
+ -webkit-box-shadow: 0 0 0 1px #22d3ee inset;
879
+ box-shadow: 0 0 0 1px #22d3ee inset;
879
880
  }
880
881
  @media (max-width: 590px) {
881
882
  .e-pager .e-pager-default:hover {
@@ -884,24 +885,31 @@
884
885
  opacity: 1;
885
886
  }
886
887
  }
887
- .e-pager.e-rtl .e-numericitem {
888
- border-left-color: #4b5563;
889
- }
890
- .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 {
891
- border-left-color: #4b5563;
892
- }
893
- .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
888
+ .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 {
894
889
  border-left-color: #4b5563;
895
890
  }
896
891
 
897
892
  /*! component's theme wise override definitions and variables */
893
+ @-webkit-keyframes hscroll-popup-shadow {
894
+ 0% {
895
+ border-color: rgba(255, 255, 255, 0.5);
896
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
897
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
898
+ }
899
+ 100% {
900
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
901
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
902
+ }
903
+ }
898
904
  @keyframes hscroll-popup-shadow {
899
905
  0% {
900
906
  border-color: rgba(255, 255, 255, 0.5);
901
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
907
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
908
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
902
909
  }
903
910
  100% {
904
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
911
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
912
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
905
913
  }
906
914
  }
907
915
  /*! hscroll icons */
@@ -978,12 +986,14 @@
978
986
  padding-right: initial;
979
987
  }
980
988
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
981
- transform: skewX(-16deg) translateX(-6px);
989
+ -webkit-transform: skewX(-16deg) translateX(-6px);
990
+ transform: skewX(-16deg) translateX(-6px);
982
991
  }
983
992
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
984
993
  left: 48px;
985
994
  right: auto;
986
- transform: skewX(-16deg) translateX(-6px);
995
+ -webkit-transform: skewX(-16deg) translateX(-6px);
996
+ transform: skewX(-16deg) translateX(-6px);
987
997
  }
988
998
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
989
999
  left: auto;
@@ -996,12 +1006,14 @@
996
1006
  padding-right: 40px;
997
1007
  }
998
1008
  .e-hscroll.e-scroll-device .e-scroll-nav {
999
- transform: skewX(-16deg) translateX(6px);
1009
+ -webkit-transform: skewX(-16deg) translateX(6px);
1010
+ transform: skewX(-16deg) translateX(6px);
1000
1011
  width: 48px;
1001
1012
  }
1002
1013
  .e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
1003
1014
  font-size: 18px;
1004
- transform: skewX(16deg);
1015
+ -webkit-transform: skewX(16deg);
1016
+ transform: skewX(16deg);
1005
1017
  }
1006
1018
  .e-hscroll.e-scroll-device .e-scroll-overlay {
1007
1019
  opacity: 0.5;
@@ -1013,7 +1025,8 @@
1013
1025
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
1014
1026
  left: auto;
1015
1027
  right: 48px;
1016
- transform: skewX(-16deg) translateX(6px);
1028
+ -webkit-transform: skewX(-16deg) translateX(6px);
1029
+ transform: skewX(-16deg) translateX(6px);
1017
1030
  }
1018
1031
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
1019
1032
  left: 0;
@@ -1043,10 +1056,12 @@
1043
1056
  right: 0;
1044
1057
  }
1045
1058
  .e-hscroll .e-scroll-nav {
1046
- -ms-flex-align: center;
1047
- align-items: center;
1059
+ -webkit-box-align: center;
1060
+ -ms-flex-align: center;
1061
+ align-items: center;
1048
1062
  bottom: 0;
1049
1063
  cursor: pointer;
1064
+ display: -webkit-box;
1050
1065
  display: -ms-flexbox;
1051
1066
  display: flex;
1052
1067
  min-height: 38px;
@@ -1084,13 +1099,15 @@
1084
1099
  }
1085
1100
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
1086
1101
  border-color: #4b5563;
1087
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
1102
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
1103
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
1088
1104
  }
1089
1105
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
1090
1106
  background-color: #374151;
1091
1107
  border-color: #4b5563;
1092
1108
  border-width: 1px;
1093
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
1109
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
1110
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
1094
1111
  }
1095
1112
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
1096
1113
  color: #d1d5db;
@@ -1100,9 +1117,11 @@
1100
1117
  background-repeat: repeat-x;
1101
1118
  }
1102
1119
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
1120
+ background-image: -webkit-gradient(linear, left top, right top, from(#374151), to(rgba(55, 65, 81, 0)));
1103
1121
  background-image: linear-gradient(-270deg, #374151 0%, rgba(55, 65, 81, 0) 100%);
1104
1122
  }
1105
1123
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
1124
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(55, 65, 81, 0)), to(#374151));
1106
1125
  background-image: linear-gradient(-270deg, rgba(55, 65, 81, 0) 0%, #374151 100%);
1107
1126
  }
1108
1127
  .e-hscroll.e-rtl .e-scroll-nav {
@@ -1142,7 +1161,8 @@
1142
1161
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
1143
1162
  background: #374151;
1144
1163
  border: 0;
1145
- box-shadow: none;
1164
+ -webkit-box-shadow: none;
1165
+ box-shadow: none;
1146
1166
  color: #9ca3af;
1147
1167
  }
1148
1168
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active .e-icons {
@@ -1161,7 +1181,8 @@
1161
1181
  background-color: transparent;
1162
1182
  border-radius: 50%;
1163
1183
  border-width: 1px;
1164
- box-sizing: border-box;
1184
+ -webkit-box-sizing: border-box;
1185
+ box-sizing: border-box;
1165
1186
  content: "";
1166
1187
  height: 1px;
1167
1188
  left: 50%;
@@ -1171,7 +1192,8 @@
1171
1192
  width: 1px;
1172
1193
  }
1173
1194
  .e-hscroll .e-scroll-nav:active::after {
1174
- animation: hscroll-popup-shadow 0.6s ease-out 0ms;
1195
+ -webkit-animation: hscroll-popup-shadow 0.6s ease-out 0ms;
1196
+ animation: hscroll-popup-shadow 0.6s ease-out 0ms;
1175
1197
  visibility: visible;
1176
1198
  }
1177
1199
 
@@ -1220,12 +1242,14 @@
1220
1242
  width: inherit;
1221
1243
  }
1222
1244
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
1223
- transform: skewX(-16deg) translateX(-6px);
1245
+ -webkit-transform: skewX(-16deg) translateX(-6px);
1246
+ transform: skewX(-16deg) translateX(-6px);
1224
1247
  }
1225
1248
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
1226
1249
  left: 48px;
1227
1250
  right: auto;
1228
- transform: skewX(-16deg) translateX(-6px);
1251
+ -webkit-transform: skewX(-16deg) translateX(-6px);
1252
+ transform: skewX(-16deg) translateX(-6px);
1229
1253
  }
1230
1254
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
1231
1255
  left: auto;
@@ -1235,13 +1259,15 @@
1235
1259
  padding: 0 28px;
1236
1260
  }
1237
1261
  .e-vscroll.e-scroll-device .e-scroll-nav {
1238
- transform: skewX(-16deg) translateX(6px);
1262
+ -webkit-transform: skewX(-16deg) translateX(6px);
1263
+ transform: skewX(-16deg) translateX(6px);
1239
1264
  width: 48px;
1240
1265
  z-index: 1001;
1241
1266
  }
1242
1267
  .e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
1243
1268
  font-size: 14px;
1244
- transform: skewX(16deg);
1269
+ -webkit-transform: skewX(16deg);
1270
+ transform: skewX(16deg);
1245
1271
  }
1246
1272
  .e-vscroll.e-scroll-device .e-scroll-overlay {
1247
1273
  opacity: 0.5;
@@ -1253,7 +1279,8 @@
1253
1279
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
1254
1280
  left: auto;
1255
1281
  right: 48px;
1256
- transform: skewX(-16deg) translateX(6px);
1282
+ -webkit-transform: skewX(-16deg) translateX(6px);
1283
+ transform: skewX(-16deg) translateX(6px);
1257
1284
  }
1258
1285
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
1259
1286
  left: 0;
@@ -1280,9 +1307,11 @@
1280
1307
  right: auto;
1281
1308
  }
1282
1309
  .e-vscroll .e-scroll-nav {
1283
- -ms-flex-align: center;
1284
- align-items: center;
1310
+ -webkit-box-align: center;
1311
+ -ms-flex-align: center;
1312
+ align-items: center;
1285
1313
  cursor: pointer;
1314
+ display: -webkit-box;
1286
1315
  display: -ms-flexbox;
1287
1316
  display: flex;
1288
1317
  height: 38px;
@@ -1315,13 +1344,15 @@
1315
1344
  }
1316
1345
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
1317
1346
  border-color: #d1d5db;
1318
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
1347
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
1348
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
1319
1349
  }
1320
1350
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
1321
1351
  background-color: #374151;
1322
1352
  border-color: #d1d5db;
1323
1353
  border-width: 1px;
1324
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
1354
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
1355
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
1325
1356
  }
1326
1357
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
1327
1358
  color: #d1d5db;
@@ -1331,9 +1362,11 @@
1331
1362
  background-repeat: repeat-x;
1332
1363
  }
1333
1364
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
1365
+ background-image: -webkit-gradient(linear, left top, right top, from(#374151), to(rgba(55, 65, 81, 0)));
1334
1366
  background-image: linear-gradient(-270deg, #374151 0%, rgba(55, 65, 81, 0) 100%);
1335
1367
  }
1336
1368
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
1369
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(55, 65, 81, 0)), to(#374151));
1337
1370
  background-image: linear-gradient(-270deg, rgba(55, 65, 81, 0) 0%, #374151 100%);
1338
1371
  }
1339
1372
  .e-vscroll.e-rtl .e-scroll-nav {
@@ -1359,7 +1392,8 @@
1359
1392
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
1360
1393
  background: #4b5563;
1361
1394
  border: 0;
1362
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1395
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1396
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1363
1397
  color: #9ca3af;
1364
1398
  }
1365
1399
  .e-vscroll .e-scroll-nav {
@@ -1378,18 +1412,7 @@
1378
1412
  content: "";
1379
1413
  }
1380
1414
 
1381
- /*! component's theme wise override definitions and variables */
1382
- @keyframes hscroll-popup-shadow {
1383
- 0% {
1384
- border-color: rgba(255, 255, 255, 0.5);
1385
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1386
- }
1387
- 100% {
1388
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1389
- }
1390
- }
1391
- /*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
1392
- /*! toolbar icons */
1415
+ /* stylelint-disable-line no-empty-source */
1393
1416
  .e-toolbar .e-popup-down-icon::before {
1394
1417
  content: "\e729";
1395
1418
  line-height: normal;
@@ -1399,7 +1422,6 @@
1399
1422
  line-height: normal;
1400
1423
  }
1401
1424
 
1402
- /*! toolbar layout */
1403
1425
  /* stylelint-disable property-no-vendor-prefix */
1404
1426
  .e-bigger .e-toolbar,
1405
1427
  .e-toolbar.e-bigger {
@@ -1643,10 +1665,8 @@
1643
1665
  margin-right: initial;
1644
1666
  }
1645
1667
  .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
1646
- .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
1647
- margin: 0;
1648
- }
1649
1668
  .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item,
1669
+ .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
1650
1670
  .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
1651
1671
  margin: 0;
1652
1672
  }
@@ -1672,12 +1692,14 @@
1672
1692
  min-height: 38px;
1673
1693
  position: relative;
1674
1694
  -webkit-user-select: none;
1695
+ -moz-user-select: none;
1675
1696
  -ms-user-select: none;
1676
1697
  user-select: none;
1677
1698
  white-space: nowrap;
1678
1699
  overflow: hidden;
1679
1700
  }
1680
1701
  .e-toolbar.e-spacer-toolbar .e-toolbar-items {
1702
+ display: -webkit-box;
1681
1703
  display: -ms-flexbox;
1682
1704
  display: flex;
1683
1705
  -ms-flex-wrap: nowrap;
@@ -1696,7 +1718,8 @@
1696
1718
  visibility: hidden;
1697
1719
  }
1698
1720
  .e-toolbar.e-control[class*=e-toolbar] {
1699
- box-sizing: content-box;
1721
+ -webkit-box-sizing: content-box;
1722
+ box-sizing: content-box;
1700
1723
  }
1701
1724
  .e-toolbar.e-corner {
1702
1725
  border-radius: 4px;
@@ -1706,12 +1729,14 @@
1706
1729
  }
1707
1730
  .e-toolbar .e-toolbar-items {
1708
1731
  border-radius: 0 0 0 0;
1732
+ display: -webkit-inline-box;
1709
1733
  display: -ms-inline-flexbox;
1710
1734
  display: inline-flex;
1711
1735
  height: 100%;
1712
1736
  vertical-align: middle;
1713
- -ms-flex-align: center;
1714
- align-items: center;
1737
+ -webkit-box-align: center;
1738
+ -ms-flex-align: center;
1739
+ align-items: center;
1715
1740
  }
1716
1741
  .e-toolbar .e-toolbar-items.e-toolbar-multirow {
1717
1742
  margin-bottom: 1px;
@@ -1774,9 +1799,7 @@
1774
1799
  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
1775
1800
  margin-right: 8px;
1776
1801
  }
1777
- .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
1778
- margin: 0;
1779
- }
1802
+ .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
1780
1803
  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
1781
1804
  margin: 0;
1782
1805
  }
@@ -1786,29 +1809,36 @@
1786
1809
  .e-toolbar .e-toolbar-item {
1787
1810
  -ms-flex-line-pack: center;
1788
1811
  align-content: center;
1789
- -ms-flex-align: center;
1790
- align-items: center;
1812
+ -webkit-box-align: center;
1813
+ -ms-flex-align: center;
1814
+ align-items: center;
1791
1815
  cursor: pointer;
1816
+ display: -webkit-inline-box;
1792
1817
  display: -ms-inline-flexbox;
1793
1818
  display: inline-flex;
1794
1819
  min-height: 38px;
1795
1820
  vertical-align: middle;
1796
1821
  width: auto;
1797
- -ms-flex: 0 0 auto;
1798
- flex: 0 0 auto;
1822
+ -webkit-box-flex: 0;
1823
+ -ms-flex: 0 0 auto;
1824
+ flex: 0 0 auto;
1799
1825
  }
1800
1826
  .e-toolbar .e-toolbar-item.e-spacer {
1801
- -ms-flex-positive: 1;
1802
- flex-grow: 1;
1827
+ -webkit-box-flex: 1;
1828
+ -ms-flex-positive: 1;
1829
+ flex-grow: 1;
1803
1830
  }
1804
1831
  .e-toolbar .e-toolbar-item .e-tbar-btn {
1832
+ display: -webkit-box;
1805
1833
  display: -ms-flexbox;
1806
1834
  display: flex;
1807
- -ms-flex-align: center;
1808
- align-items: center;
1835
+ -webkit-box-align: center;
1836
+ -ms-flex-align: center;
1837
+ align-items: center;
1809
1838
  vertical-align: middle;
1810
- -ms-flex-pack: center;
1811
- justify-content: center;
1839
+ -webkit-box-pack: center;
1840
+ -ms-flex-pack: center;
1841
+ justify-content: center;
1812
1842
  margin: 0;
1813
1843
  min-height: 30px;
1814
1844
  min-width: 30px;
@@ -1877,10 +1907,13 @@
1877
1907
  height: auto;
1878
1908
  }
1879
1909
  .e-toolbar.e-vertical {
1910
+ display: -webkit-box;
1880
1911
  display: -ms-flexbox;
1881
1912
  display: flex;
1882
- -ms-flex-direction: column;
1883
- flex-direction: column;
1913
+ -webkit-box-orient: vertical;
1914
+ -webkit-box-direction: normal;
1915
+ -ms-flex-direction: column;
1916
+ flex-direction: column;
1884
1917
  }
1885
1918
  .e-toolbar.e-vertical .e-toolbar-items .e-vscroll-bar .e-vscroll-content {
1886
1919
  -ms-touch-action: pan-x pinch-zoom;
@@ -1908,6 +1941,7 @@
1908
1941
  margin-right: 0;
1909
1942
  }
1910
1943
  .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item {
1944
+ display: -webkit-box;
1911
1945
  display: -ms-flexbox;
1912
1946
  display: flex;
1913
1947
  height: auto;
@@ -1939,10 +1973,12 @@
1939
1973
  top: 0;
1940
1974
  }
1941
1975
  .e-toolbar .e-hor-nav {
1942
- -ms-flex-align: center;
1943
- align-items: center;
1976
+ -webkit-box-align: center;
1977
+ -ms-flex-align: center;
1978
+ align-items: center;
1944
1979
  border-radius: 0 0 0 0;
1945
1980
  cursor: pointer;
1981
+ display: -webkit-box;
1946
1982
  display: -ms-flexbox;
1947
1983
  display: flex;
1948
1984
  height: 100%;
@@ -1959,14 +1995,17 @@
1959
1995
  .e-toolbar .e-popup-down-icon.e-icons,
1960
1996
  .e-toolbar .e-popup-up-icon.e-icons {
1961
1997
  color: #d1d5db;
1998
+ display: -webkit-box;
1962
1999
  display: -ms-flexbox;
1963
2000
  display: flex;
1964
2001
  text-align: center;
1965
2002
  vertical-align: middle;
1966
- -ms-flex-align: center;
1967
- align-items: center;
1968
- -ms-flex-pack: center;
1969
- justify-content: center;
2003
+ -webkit-box-align: center;
2004
+ -ms-flex-align: center;
2005
+ align-items: center;
2006
+ -webkit-box-pack: center;
2007
+ -ms-flex-pack: center;
2008
+ justify-content: center;
1970
2009
  width: 100%;
1971
2010
  font-size: 18px;
1972
2011
  }
@@ -1983,11 +2022,13 @@
1983
2022
  position: absolute;
1984
2023
  }
1985
2024
  .e-toolbar .e-toolbar-pop .e-toolbar-item {
2025
+ display: -webkit-box;
1986
2026
  display: -ms-flexbox;
1987
2027
  display: flex;
1988
2028
  height: 38px;
1989
- -ms-flex-pack: center;
1990
- justify-content: center;
2029
+ -webkit-box-pack: center;
2030
+ -ms-flex-pack: center;
2031
+ justify-content: center;
1991
2032
  min-height: 38px;
1992
2033
  }
1993
2034
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-toolbar-popup.e-hidden {
@@ -1999,8 +2040,9 @@
1999
2040
  padding: 6px 12px;
2000
2041
  border: none;
2001
2042
  border-radius: 4px;
2002
- -ms-flex-pack: start;
2003
- justify-content: flex-start;
2043
+ -webkit-box-pack: start;
2044
+ -ms-flex-pack: start;
2045
+ justify-content: flex-start;
2004
2046
  }
2005
2047
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
2006
2048
  margin: 0;
@@ -2048,11 +2090,13 @@
2048
2090
  padding-right: 8px;
2049
2091
  padding-top: 0;
2050
2092
  margin-left: -1px;
2051
- box-shadow: none;
2093
+ -webkit-box-shadow: none;
2094
+ box-shadow: none;
2052
2095
  display: inline;
2053
2096
  white-space: normal;
2054
2097
  }
2055
2098
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item {
2099
+ display: -webkit-inline-box;
2056
2100
  display: -ms-inline-flexbox;
2057
2101
  display: inline-flex;
2058
2102
  min-height: 38px;
@@ -2070,13 +2114,16 @@
2070
2114
  }
2071
2115
  .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),
2072
2116
  .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) {
2117
+ display: -webkit-box;
2073
2118
  display: -ms-flexbox;
2074
2119
  display: flex;
2075
- -ms-flex-align: center;
2076
- align-items: center;
2120
+ -webkit-box-align: center;
2121
+ -ms-flex-align: center;
2122
+ align-items: center;
2077
2123
  vertical-align: middle;
2078
- -ms-flex-pack: center;
2079
- justify-content: center;
2124
+ -webkit-box-pack: center;
2125
+ -ms-flex-pack: center;
2126
+ justify-content: center;
2080
2127
  padding: 5px 6px;
2081
2128
  font-size: 16px;
2082
2129
  }
@@ -2130,7 +2177,6 @@
2130
2177
  }
2131
2178
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
2132
2179
  -ms-flex-item-align: center;
2133
- -ms-grid-row-align: center;
2134
2180
  align-self: center;
2135
2181
  text-overflow: ellipsis;
2136
2182
  }
@@ -2138,6 +2184,7 @@
2138
2184
  display: none;
2139
2185
  }
2140
2186
  .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-separator:last-of-type {
2187
+ display: -webkit-inline-box;
2141
2188
  display: -ms-inline-flexbox;
2142
2189
  display: inline-flex;
2143
2190
  }
@@ -2160,9 +2207,7 @@
2160
2207
  margin-left: 8px;
2161
2208
  margin-right: initial;
2162
2209
  }
2163
- .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
2164
- margin: 0;
2165
- }
2210
+ .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
2166
2211
  .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
2167
2212
  margin: 0;
2168
2213
  }
@@ -2199,9 +2244,7 @@
2199
2244
  right: auto;
2200
2245
  border-radius: 0 0 0 0;
2201
2246
  }
2202
- .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item {
2203
- margin: 0;
2204
- }
2247
+ .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item,
2205
2248
  .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item {
2206
2249
  margin: 0;
2207
2250
  }
@@ -2221,20 +2264,21 @@
2221
2264
  padding-left: 0;
2222
2265
  }
2223
2266
 
2224
- /*! toolbar theme */
2225
2267
  /* stylelint-disable property-no-vendor-prefix */
2226
2268
  .e-toolbar {
2227
2269
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2228
2270
  background: #374151;
2229
2271
  border: 0 solid #4b5563;
2230
- box-shadow: none;
2272
+ -webkit-box-shadow: none;
2273
+ box-shadow: none;
2231
2274
  }
2232
2275
  .e-toolbar .e-toolbar-items {
2233
2276
  background: #374151;
2234
2277
  }
2235
2278
  .e-toolbar .e-toolbar-item .e-tbar-btn {
2236
2279
  background: #374151;
2237
- box-shadow: none;
2280
+ -webkit-box-shadow: none;
2281
+ box-shadow: none;
2238
2282
  color: #fff;
2239
2283
  border: none;
2240
2284
  }
@@ -2246,13 +2290,15 @@
2246
2290
  }
2247
2291
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active {
2248
2292
  background: #4b5563;
2249
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
2293
+ -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
2294
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
2250
2295
  }
2251
2296
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active .e-tbar-btn-text {
2252
2297
  color: #fff;
2253
2298
  }
2254
2299
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active:focus {
2255
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
2300
+ -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
2301
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
2256
2302
  }
2257
2303
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
2258
2304
  background: none;
@@ -2261,7 +2307,8 @@
2261
2307
  border-color: #d1d5db;
2262
2308
  border-style: solid;
2263
2309
  border-width: 0;
2264
- box-shadow: 0 0 0 1px #22d3ee;
2310
+ -webkit-box-shadow: 0 0 0 1px #22d3ee;
2311
+ box-shadow: 0 0 0 1px #22d3ee;
2265
2312
  }
2266
2313
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
2267
2314
  color: #d1d5db;
@@ -2295,7 +2342,8 @@
2295
2342
  border-style: solid;
2296
2343
  border-width: 0;
2297
2344
  border-radius: 4px;
2298
- box-shadow: none;
2345
+ -webkit-box-shadow: none;
2346
+ box-shadow: none;
2299
2347
  color: #9ca3af;
2300
2348
  }
2301
2349
  .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
@@ -2343,7 +2391,8 @@
2343
2391
  }
2344
2392
  .e-toolbar .e-hor-nav:active {
2345
2393
  border: 0;
2346
- box-shadow: none;
2394
+ -webkit-box-shadow: none;
2395
+ box-shadow: none;
2347
2396
  color: #9ca3af;
2348
2397
  background: #374151;
2349
2398
  }
@@ -2385,7 +2434,8 @@
2385
2434
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
2386
2435
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
2387
2436
  background: #374151;
2388
- box-shadow: none;
2437
+ -webkit-box-shadow: none;
2438
+ box-shadow: none;
2389
2439
  border-color: #374151;
2390
2440
  border-style: solid;
2391
2441
  border-width: 0;
@@ -2407,31 +2457,35 @@
2407
2457
  .e-toolbar .e-toolbar-pop {
2408
2458
  background: #374151;
2409
2459
  border: 0 solid #4b5563;
2410
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
2460
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
2461
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
2411
2462
  }
2412
2463
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn {
2413
2464
  background: transparent;
2414
2465
  }
2415
2466
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
2416
2467
  background: #4b5563;
2417
- box-shadow: none;
2468
+ -webkit-box-shadow: none;
2469
+ box-shadow: none;
2418
2470
  border-color: #d1d5db;
2419
2471
  border-style: solid;
2420
2472
  border-width: 0;
2421
2473
  }
2422
2474
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
2423
2475
  background: transparent;
2424
- box-shadow: none;
2476
+ -webkit-box-shadow: none;
2477
+ box-shadow: none;
2425
2478
  border-color: #4b5563;
2426
2479
  border-style: solid;
2427
2480
  border-width: 0;
2428
2481
  }
2429
2482
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus {
2430
2483
  background: #4b5563;
2431
- box-shadow: none;
2432
2484
  border-color: #d1d5db;
2433
2485
  border-style: solid;
2434
2486
  border-width: 0;
2487
+ -webkit-box-shadow: none;
2488
+ box-shadow: none;
2435
2489
  }
2436
2490
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
2437
2491
  outline: 0;
@@ -2441,7 +2495,8 @@
2441
2495
  }
2442
2496
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
2443
2497
  background: #374151;
2444
- box-shadow: none;
2498
+ -webkit-box-shadow: none;
2499
+ box-shadow: none;
2445
2500
  border: none;
2446
2501
  }
2447
2502
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
@@ -2450,7 +2505,8 @@
2450
2505
  border-color: #d1d5db;
2451
2506
  border-style: solid;
2452
2507
  border-width: 0;
2453
- box-shadow: 0 0 0 1px #22d3ee;
2508
+ -webkit-box-shadow: 0 0 0 1px #22d3ee;
2509
+ box-shadow: 0 0 0 1px #22d3ee;
2454
2510
  }
2455
2511
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
2456
2512
  background: #4b5563;
@@ -2462,7 +2518,8 @@
2462
2518
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
2463
2519
  background: #374151;
2464
2520
  border-radius: 4px;
2465
- box-shadow: none;
2521
+ -webkit-box-shadow: none;
2522
+ box-shadow: none;
2466
2523
  border-color: #4b5563;
2467
2524
  border-style: solid;
2468
2525
  border-width: 0;
@@ -2489,16 +2546,14 @@
2489
2546
  border-width: 0 1px 0 0;
2490
2547
  }
2491
2548
 
2492
- /*! component's theme wise override tailwind-definitions and variables */
2493
- /*! accordion icons */
2494
2549
  .e-accordion .e-tgl-collapse-icon::before {
2495
2550
  content: "\e729";
2496
2551
  }
2497
2552
  .e-accordion .e-tgl-collapse-icon.e-expand-icon {
2498
- transform: rotate(-180deg);
2553
+ -webkit-transform: rotate(-180deg);
2554
+ transform: rotate(-180deg);
2499
2555
  }
2500
2556
 
2501
- /*! accordion layout */
2502
2557
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
2503
2558
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2504
2559
  font-size: 16px;
@@ -2514,7 +2569,8 @@
2514
2569
  }
2515
2570
  .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,
2516
2571
  .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 {
2517
- box-shadow: none;
2572
+ -webkit-box-shadow: none;
2573
+ box-shadow: none;
2518
2574
  padding: 12px 0 12px 28px;
2519
2575
  }
2520
2576
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -2680,6 +2736,7 @@
2680
2736
  vertical-align: middle;
2681
2737
  }
2682
2738
  .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
2739
+ -webkit-transition: 0.5s ease 0s;
2683
2740
  transition: 0.5s ease 0s;
2684
2741
  }
2685
2742
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
@@ -2702,7 +2759,8 @@
2702
2759
  padding: 8px 0 8px 26px;
2703
2760
  }
2704
2761
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2705
- box-shadow: none;
2762
+ -webkit-box-shadow: none;
2763
+ box-shadow: none;
2706
2764
  }
2707
2765
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2708
2766
  padding: 0;
@@ -2764,8 +2822,6 @@
2764
2822
  padding: 0 0 0 8px;
2765
2823
  }
2766
2824
 
2767
- /*! accordion theme */
2768
- /* stylelint-disable property-no-vendor-prefix */
2769
2825
  .e-accordion {
2770
2826
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2771
2827
  background: #232e3e;
@@ -2910,7 +2966,8 @@
2910
2966
  }
2911
2967
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2912
2968
  border: 0;
2913
- box-shadow: none;
2969
+ -webkit-box-shadow: none;
2970
+ box-shadow: none;
2914
2971
  background: #4b5563;
2915
2972
  }
2916
2973
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
@@ -2988,7 +3045,8 @@
2988
3045
  color: #d1d5db;
2989
3046
  }
2990
3047
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2991
- box-shadow: none;
3048
+ -webkit-box-shadow: none;
3049
+ box-shadow: none;
2992
3050
  position: relative;
2993
3051
  z-index: 2;
2994
3052
  }
@@ -3029,7 +3087,6 @@
3029
3087
  font-size: 14px;
3030
3088
  }
3031
3089
 
3032
- /*! Carousel component tailwind theme definitions and variables */
3033
3090
  .e-carousel .e-previous-icon::before {
3034
3091
  content: "\e765";
3035
3092
  }
@@ -3049,7 +3106,6 @@
3049
3106
  content: "\e765";
3050
3107
  }
3051
3108
 
3052
- /*! carousel component styles */
3053
3109
  .e-carousel {
3054
3110
  display: block;
3055
3111
  margin: 0;
@@ -3083,13 +3139,21 @@
3083
3139
  }
3084
3140
  .e-carousel .e-carousel-items {
3085
3141
  width: calc(var(--carousel-items-count) * 100%);
3142
+ display: -webkit-box;
3086
3143
  display: -ms-flexbox;
3087
3144
  display: flex;
3088
- -ms-flex-direction: row;
3089
- flex-direction: row;
3145
+ -webkit-box-orient: horizontal;
3146
+ -webkit-box-direction: normal;
3147
+ -ms-flex-direction: row;
3148
+ flex-direction: row;
3149
+ -webkit-transition-property: -webkit-transform;
3150
+ transition-property: -webkit-transform;
3090
3151
  transition-property: transform;
3091
- transition-duration: 0.6s;
3092
- transition-timing-function: ease-in-out;
3152
+ transition-property: transform, -webkit-transform;
3153
+ -webkit-transition-duration: 0.6s;
3154
+ transition-duration: 0.6s;
3155
+ -webkit-transition-timing-function: ease-in-out;
3156
+ transition-timing-function: ease-in-out;
3093
3157
  }
3094
3158
  .e-carousel .e-carousel-items .e-carousel-item {
3095
3159
  height: 100%;
@@ -3099,16 +3163,34 @@
3099
3163
  width: calc(100% / var(--carousel-items-count));
3100
3164
  }
3101
3165
  .e-carousel.e-blazor-carousel .e-carousel-items {
3102
- transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
3166
+ -webkit-transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
3167
+ transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
3168
+ -webkit-transition: -webkit-transform;
3169
+ transition: -webkit-transform;
3103
3170
  transition: transform;
3171
+ transition: transform, -webkit-transform;
3104
3172
  }
3105
3173
  .e-carousel.e-blazor-carousel.e-rtl .e-carousel-items {
3106
- transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
3174
+ -webkit-transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
3175
+ transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
3176
+ -webkit-transition: -webkit-transform;
3177
+ transition: -webkit-transform;
3107
3178
  transition: transform;
3179
+ transition: transform, -webkit-transform;
3108
3180
  }
3109
3181
  .e-carousel.e-carousel-fade-animation .e-carousel-items.e-fade-in-out {
3182
+ -webkit-transition-property: none;
3110
3183
  transition-property: none;
3111
- animation: fade-in-out 0.6s ease-in-out;
3184
+ -webkit-animation: fade-in-out 0.6s ease-in-out;
3185
+ animation: fade-in-out 0.6s ease-in-out;
3186
+ }
3187
+ @-webkit-keyframes fade-in-out {
3188
+ 0% {
3189
+ opacity: 0;
3190
+ }
3191
+ 100% {
3192
+ opacity: 1;
3193
+ }
3112
3194
  }
3113
3195
  @keyframes fade-in-out {
3114
3196
  0% {
@@ -3119,7 +3201,8 @@
3119
3201
  }
3120
3202
  }
3121
3203
  .e-carousel.e-carousel-slide-animation .e-carousel-items.e-slide {
3122
- transition-duration: 0.6s;
3204
+ -webkit-transition-duration: 0.6s;
3205
+ transition-duration: 0.6s;
3123
3206
  }
3124
3207
  .e-carousel.e-carousel-custom-animation:not(.e-partial) .e-carousel-item {
3125
3208
  display: block;
@@ -3134,13 +3217,16 @@
3134
3217
  pointer-events: visible;
3135
3218
  }
3136
3219
  .e-carousel .e-carousel-navigators {
3137
- -ms-flex-align: center;
3138
- align-items: center;
3220
+ -webkit-box-align: center;
3221
+ -ms-flex-align: center;
3222
+ align-items: center;
3223
+ display: -webkit-box;
3139
3224
  display: -ms-flexbox;
3140
3225
  display: flex;
3141
3226
  height: 100%;
3142
- -ms-flex-pack: justify;
3143
- justify-content: space-between;
3227
+ -webkit-box-pack: justify;
3228
+ -ms-flex-pack: justify;
3229
+ justify-content: space-between;
3144
3230
  pointer-events: none;
3145
3231
  position: absolute;
3146
3232
  top: 0;
@@ -3157,7 +3243,8 @@
3157
3243
  .e-carousel .e-carousel-navigators .e-previous .e-btn,
3158
3244
  .e-carousel .e-carousel-navigators .e-next .e-btn {
3159
3245
  border: 0;
3160
- box-shadow: none;
3246
+ -webkit-box-shadow: none;
3247
+ box-shadow: none;
3161
3248
  }
3162
3249
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
3163
3250
  .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
@@ -3167,7 +3254,8 @@
3167
3254
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
3168
3255
  .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
3169
3256
  .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
3170
- transform: rotate(180deg);
3257
+ -webkit-transform: rotate(180deg);
3258
+ transform: rotate(180deg);
3171
3259
  }
3172
3260
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn .e-play-icon,
3173
3261
  .e-carousel .e-carousel-navigators .e-previous .e-btn .e-play-icon,
@@ -3181,13 +3269,16 @@
3181
3269
  display: none;
3182
3270
  }
3183
3271
  .e-carousel .e-carousel-indicators {
3184
- -ms-flex-align: center;
3185
- align-items: center;
3272
+ -webkit-box-align: center;
3273
+ -ms-flex-align: center;
3274
+ align-items: center;
3186
3275
  bottom: 0;
3276
+ display: -webkit-box;
3187
3277
  display: -ms-flexbox;
3188
3278
  display: flex;
3189
- -ms-flex-pack: center;
3190
- justify-content: center;
3279
+ -webkit-box-pack: center;
3280
+ -ms-flex-pack: center;
3281
+ justify-content: center;
3191
3282
  min-height: 48px;
3192
3283
  padding: 0;
3193
3284
  pointer-events: none;
@@ -3196,33 +3287,41 @@
3196
3287
  z-index: 1;
3197
3288
  }
3198
3289
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars {
3290
+ display: -webkit-box;
3199
3291
  display: -ms-flexbox;
3200
3292
  display: flex;
3201
3293
  -ms-flex-wrap: wrap;
3202
3294
  flex-wrap: wrap;
3203
- -ms-flex-pack: center;
3204
- justify-content: center;
3295
+ -webkit-box-pack: center;
3296
+ -ms-flex-pack: center;
3297
+ justify-content: center;
3205
3298
  pointer-events: auto;
3206
3299
  }
3207
3300
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar {
3208
3301
  padding: 0;
3209
3302
  }
3210
3303
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator {
3211
- -ms-flex-align: center;
3212
- align-items: center;
3304
+ -webkit-box-align: center;
3305
+ -ms-flex-align: center;
3306
+ align-items: center;
3307
+ display: -webkit-box;
3213
3308
  display: -ms-flexbox;
3214
3309
  display: flex;
3215
- -ms-flex-pack: center;
3216
- justify-content: center;
3310
+ -webkit-box-pack: center;
3311
+ -ms-flex-pack: center;
3312
+ justify-content: center;
3217
3313
  padding: 6px;
3218
3314
  }
3219
3315
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator div {
3220
3316
  border: 1px solid rgba(255, 255, 255, 0.4);
3221
3317
  border-radius: 50%;
3222
3318
  height: 12px;
3223
- transition-duration: 0.6s;
3319
+ -webkit-transition-duration: 0.6s;
3320
+ transition-duration: 0.6s;
3321
+ -webkit-transition-property: background-color, border-color;
3224
3322
  transition-property: background-color, border-color;
3225
- transition-timing-function: ease-in-out;
3323
+ -webkit-transition-timing-function: ease-in-out;
3324
+ transition-timing-function: ease-in-out;
3226
3325
  width: 12px;
3227
3326
  }
3228
3327
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
@@ -3234,6 +3333,7 @@
3234
3333
  .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars {
3235
3334
  display: block;
3236
3335
  overflow: hidden;
3336
+ -webkit-transition: opacity 0.6s ease-in-out;
3237
3337
  transition: opacity 0.6s ease-in-out;
3238
3338
  white-space: nowrap;
3239
3339
  width: 80px;
@@ -3246,18 +3346,26 @@
3246
3346
  margin: 0 4px;
3247
3347
  opacity: 1;
3248
3348
  position: relative;
3249
- transform: scale(0.33);
3250
- transition-duration: 0.6s;
3349
+ -webkit-transform: scale(0.33);
3350
+ transform: scale(0.33);
3351
+ -webkit-transition-duration: 0.6s;
3352
+ transition-duration: 0.6s;
3353
+ -webkit-transition-property: left, -webkit-transform;
3354
+ transition-property: left, -webkit-transform;
3251
3355
  transition-property: transform, left;
3252
- transition-timing-function: ease-in-out;
3356
+ transition-property: transform, left, -webkit-transform;
3357
+ -webkit-transition-timing-function: ease-in-out;
3358
+ transition-timing-function: ease-in-out;
3253
3359
  white-space: nowrap;
3254
3360
  width: 8px;
3255
3361
  }
3256
3362
  .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-active {
3257
- transform: scale(1);
3363
+ -webkit-transform: scale(1);
3364
+ transform: scale(1);
3258
3365
  }
3259
3366
  .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 {
3260
- transform: scale(0.66);
3367
+ -webkit-transform: scale(0.66);
3368
+ transform: scale(0.66);
3261
3369
  }
3262
3370
  .e-carousel .e-carousel-indicators.e-fraction {
3263
3371
  min-height: 36px;
@@ -3274,13 +3382,15 @@
3274
3382
  left: 0;
3275
3383
  position: absolute;
3276
3384
  top: 0;
3277
- transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
3278
- transition-duration: 0.6s;
3279
- transform-origin: left top;
3385
+ -webkit-transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
3386
+ transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
3387
+ -webkit-transition-duration: 0.6s;
3388
+ transition-duration: 0.6s;
3389
+ -webkit-transform-origin: left top;
3390
+ transform-origin: left top;
3280
3391
  width: 100%;
3281
3392
  }
3282
3393
 
3283
- /*! carousel component theme */
3284
3394
  .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
3285
3395
  .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
3286
3396
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
@@ -3304,7 +3414,8 @@
3304
3414
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator {
3305
3415
  background-color: transparent;
3306
3416
  border-color: transparent;
3307
- box-shadow: none;
3417
+ -webkit-box-shadow: none;
3418
+ box-shadow: none;
3308
3419
  }
3309
3420
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator div {
3310
3421
  background: #fff;
@@ -3313,7 +3424,8 @@
3313
3424
  .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 {
3314
3425
  background: transparent;
3315
3426
  border-color: transparent;
3316
- box-shadow: none;
3427
+ -webkit-box-shadow: none;
3428
+ box-shadow: none;
3317
3429
  outline: none;
3318
3430
  }
3319
3431
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:focus-visible {
@@ -3339,18 +3451,6 @@
3339
3451
  background-color: #22d3ee;
3340
3452
  }
3341
3453
 
3342
- /*! component's theme wise override definitions and variables */
3343
- @keyframes hscroll-popup-shadow {
3344
- 0% {
3345
- border-color: rgba(255, 255, 255, 0.5);
3346
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
3347
- }
3348
- 100% {
3349
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
3350
- }
3351
- }
3352
- /*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
3353
- /*! contextmenu layout */
3354
3454
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
3355
3455
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
3356
3456
  content: "\e773";
@@ -3365,7 +3465,6 @@
3365
3465
  content: "\e765";
3366
3466
  }
3367
3467
 
3368
- /*! contextmenu layout */
3369
3468
  .e-contextmenu-wrapper ul,
3370
3469
  .e-contextmenu-container ul {
3371
3470
  font-weight: 400;
@@ -3375,13 +3474,15 @@
3375
3474
  margin: 0;
3376
3475
  overflow: hidden;
3377
3476
  -webkit-user-select: none;
3477
+ -moz-user-select: none;
3378
3478
  -ms-user-select: none;
3379
3479
  user-select: none;
3380
3480
  font-size: 14px;
3381
3481
  padding: 4px 0;
3382
3482
  border: 1px solid #4b5563;
3383
3483
  border-radius: 4px;
3384
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3484
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3485
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3385
3486
  display: none;
3386
3487
  min-width: 120px;
3387
3488
  position: absolute;
@@ -3389,7 +3490,8 @@
3389
3490
  .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
3390
3491
  .e-contextmenu-container ul.e-ul,
3391
3492
  .e-contextmenu-container ul.e-ul * {
3392
- box-sizing: border-box;
3493
+ -webkit-box-sizing: border-box;
3494
+ box-sizing: border-box;
3393
3495
  }
3394
3496
  .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus,
3395
3497
  .e-contextmenu-container ul.e-ul:focus,
@@ -3398,7 +3500,8 @@
3398
3500
  }
3399
3501
  .e-contextmenu-wrapper ul.e-contextmenu,
3400
3502
  .e-contextmenu-container ul.e-contextmenu {
3401
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3503
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3504
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3402
3505
  padding: 4px 0;
3403
3506
  }
3404
3507
  .e-contextmenu-wrapper ul.e-ul,
@@ -3483,6 +3586,8 @@
3483
3586
  }
3484
3587
  .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
3485
3588
  .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
3589
+ width: -webkit-max-content;
3590
+ width: -moz-max-content;
3486
3591
  width: max-content;
3487
3592
  }
3488
3593
 
@@ -3502,7 +3607,8 @@
3502
3607
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
3503
3608
  background: transparent;
3504
3609
  border: 0;
3505
- box-shadow: none;
3610
+ -webkit-box-shadow: none;
3611
+ box-shadow: none;
3506
3612
  height: 1px;
3507
3613
  left: 0;
3508
3614
  min-width: 0;
@@ -3522,7 +3628,8 @@
3522
3628
  }
3523
3629
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
3524
3630
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
3525
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3631
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3632
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3526
3633
  }
3527
3634
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
3528
3635
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -3539,7 +3646,8 @@
3539
3646
  }
3540
3647
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
3541
3648
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
3542
- box-shadow: none;
3649
+ -webkit-box-shadow: none;
3650
+ box-shadow: none;
3543
3651
  margin-top: -12px;
3544
3652
  width: inherit;
3545
3653
  }
@@ -3583,7 +3691,8 @@
3583
3691
  font-size: 16px;
3584
3692
  padding: 4px 0;
3585
3693
  white-space: nowrap;
3586
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3694
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3695
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3587
3696
  max-width: 280px;
3588
3697
  min-width: 112px;
3589
3698
  }
@@ -3635,13 +3744,13 @@
3635
3744
  padding-left: 36px;
3636
3745
  }
3637
3746
 
3638
- .e-contextmenu-wrapper .e-menu-item {
3747
+ .e-contextmenu-wrapper .e-menu-item,
3748
+ .e-contextmenu-container .e-menu-item {
3639
3749
  white-space: nowrap;
3640
3750
  overflow: hidden;
3641
3751
  text-overflow: ellipsis;
3642
3752
  }
3643
3753
 
3644
- /*! contextmenu theme */
3645
3754
  .e-contextmenu-wrapper ul,
3646
3755
  .e-contextmenu-container ul {
3647
3756
  background-color: #374151;
@@ -3725,30 +3834,51 @@
3725
3834
  border-color: #4b5563;
3726
3835
  }
3727
3836
 
3728
- /*! Tailwind theme definition's */
3729
- /*! component's theme wise override definitions and variables */
3730
- /*! Horizontal Tab */
3837
+ @-webkit-keyframes tbar-alt-popup-shadow {
3838
+ 0% {
3839
+ border-color: rgba(0, 0, 0, 0.12);
3840
+ -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3841
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3842
+ }
3843
+ 100% {
3844
+ -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3845
+ box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3846
+ }
3847
+ }
3848
+
3731
3849
  @keyframes tbar-alt-popup-shadow {
3732
3850
  0% {
3733
3851
  border-color: rgba(0, 0, 0, 0.12);
3734
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3852
+ -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3853
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3735
3854
  }
3736
3855
  100% {
3737
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3856
+ -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3857
+ box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3858
+ }
3859
+ }
3860
+ @-webkit-keyframes hscroll-alt-popup-shadow {
3861
+ 0% {
3862
+ border-color: rgba(0, 0, 0, 0.12);
3863
+ -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3864
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3865
+ }
3866
+ 100% {
3867
+ -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3868
+ box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3738
3869
  }
3739
3870
  }
3740
3871
  @keyframes hscroll-alt-popup-shadow {
3741
3872
  0% {
3742
3873
  border-color: rgba(0, 0, 0, 0.12);
3743
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3874
+ -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3875
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3744
3876
  }
3745
3877
  100% {
3746
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3878
+ -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3879
+ box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3747
3880
  }
3748
3881
  }
3749
- /*! Material specific themes definition's */
3750
- /*! Vertical Tab */
3751
- /*! tab icons */
3752
3882
  .e-tab .e-tab-header .e-close-icon::before {
3753
3883
  content: "\e7e7";
3754
3884
  position: relative;
@@ -3791,7 +3921,6 @@
3791
3921
  position: relative;
3792
3922
  }
3793
3923
 
3794
- /*! tab layout */
3795
3924
  .e-bigger .e-tab .e-tab-header,
3796
3925
  .e-tab.e-bigger .e-tab-header {
3797
3926
  height: 48px;
@@ -4948,6 +5077,7 @@
4948
5077
  left: unset;
4949
5078
  position: unset;
4950
5079
  right: unset;
5080
+ -webkit-transition: unset;
4951
5081
  transition: unset;
4952
5082
  }
4953
5083
  .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after {
@@ -4999,6 +5129,7 @@
4999
5129
  left: 0;
5000
5130
  right: 0;
5001
5131
  border-radius: 2px;
5132
+ -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
5002
5133
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
5003
5134
  }
5004
5135
  .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -5031,8 +5162,10 @@
5031
5162
  .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
5032
5163
  -ms-flex-line-pack: center;
5033
5164
  align-content: center;
5034
- -ms-flex-align: center;
5035
- align-items: center;
5165
+ -webkit-box-align: center;
5166
+ -ms-flex-align: center;
5167
+ align-items: center;
5168
+ display: -webkit-inline-box;
5036
5169
  display: -ms-inline-flexbox;
5037
5170
  display: inline-flex;
5038
5171
  height: 38px;
@@ -5049,7 +5182,6 @@
5049
5182
  font-weight: 500;
5050
5183
  text-transform: capitalize;
5051
5184
  -ms-flex-item-align: auto;
5052
- -ms-grid-row-align: auto;
5053
5185
  align-self: auto;
5054
5186
  margin-bottom: 0;
5055
5187
  }
@@ -5123,6 +5255,7 @@
5123
5255
  top: 1px;
5124
5256
  }
5125
5257
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
5258
+ display: -webkit-inline-box;
5126
5259
  display: -ms-inline-flexbox;
5127
5260
  display: inline-flex;
5128
5261
  height: 20px;
@@ -5156,8 +5289,9 @@
5156
5289
  left: 0;
5157
5290
  }
5158
5291
  .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
5159
- -ms-flex-pack: center;
5160
- justify-content: center;
5292
+ -webkit-box-pack: center;
5293
+ -ms-flex-pack: center;
5294
+ justify-content: center;
5161
5295
  padding: 0 18px;
5162
5296
  }
5163
5297
  @media screen and (max-width: 480px) {
@@ -5190,8 +5324,10 @@
5190
5324
  }
5191
5325
  }
5192
5326
  .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 {
5193
- -ms-flex-align: center;
5194
- align-items: center;
5327
+ -webkit-box-align: center;
5328
+ -ms-flex-align: center;
5329
+ align-items: center;
5330
+ display: -webkit-box;
5195
5331
  display: -ms-flexbox;
5196
5332
  display: flex;
5197
5333
  height: 62px;
@@ -5243,14 +5379,19 @@
5243
5379
  }
5244
5380
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-top,
5245
5381
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-bottom {
5246
- -ms-flex-align: center;
5247
- align-items: center;
5382
+ -webkit-box-align: center;
5383
+ -ms-flex-align: center;
5384
+ align-items: center;
5385
+ display: -webkit-box;
5248
5386
  display: -ms-flexbox;
5249
5387
  display: flex;
5250
- -ms-flex-direction: column;
5251
- flex-direction: column;
5252
- -ms-flex-pack: center;
5253
- justify-content: center;
5388
+ -webkit-box-orient: vertical;
5389
+ -webkit-box-direction: normal;
5390
+ -ms-flex-direction: column;
5391
+ flex-direction: column;
5392
+ -webkit-box-pack: center;
5393
+ -ms-flex-pack: center;
5394
+ justify-content: center;
5254
5395
  margin: auto;
5255
5396
  }
5256
5397
  .e-tab .e-tab-header .e-toolbar-pop {
@@ -5288,6 +5429,7 @@
5288
5429
  width: 100%;
5289
5430
  }
5290
5431
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
5432
+ display: -webkit-inline-box;
5291
5433
  display: -ms-inline-flexbox;
5292
5434
  display: inline-flex;
5293
5435
  width: 100%;
@@ -5331,22 +5473,25 @@
5331
5473
  }
5332
5474
  }
5333
5475
  .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 {
5476
+ display: -webkit-inline-box;
5334
5477
  display: -ms-inline-flexbox;
5335
5478
  display: inline-flex;
5336
5479
  height: auto;
5337
5480
  }
5338
5481
  .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 {
5339
5482
  display: block;
5340
- -ms-flex-pack: center;
5341
- justify-content: center;
5483
+ -webkit-box-pack: center;
5484
+ -ms-flex-pack: center;
5485
+ justify-content: center;
5342
5486
  margin: 0 0 0 10px;
5343
5487
  padding-left: 0;
5344
5488
  padding-right: 10px;
5345
5489
  }
5346
5490
  @media screen and (max-width: 480px) {
5347
5491
  .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 {
5348
- -ms-flex-pack: center;
5349
- justify-content: center;
5492
+ -webkit-box-pack: center;
5493
+ -ms-flex-pack: center;
5494
+ justify-content: center;
5350
5495
  margin: 0 0 0 12px;
5351
5496
  padding-left: 0;
5352
5497
  padding-right: 0;
@@ -5361,14 +5506,17 @@
5361
5506
  }
5362
5507
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-top,
5363
5508
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-bottom {
5509
+ display: -webkit-inline-box;
5364
5510
  display: -ms-inline-flexbox;
5365
5511
  display: inline-flex;
5366
5512
  }
5367
5513
  .e-tab .e-tab-header.e-close-show .e-icons.e-close-icon {
5368
- -ms-flex-align: center;
5369
- align-items: center;
5514
+ -webkit-box-align: center;
5515
+ -ms-flex-align: center;
5516
+ align-items: center;
5370
5517
  -ms-flex-item-align: center;
5371
5518
  align-self: center;
5519
+ display: -webkit-inline-box;
5372
5520
  display: -ms-inline-flexbox;
5373
5521
  display: inline-flex;
5374
5522
  }
@@ -5379,6 +5527,7 @@
5379
5527
  }
5380
5528
  @media screen and (max-width: 480px) {
5381
5529
  .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-active .e-close-icon {
5530
+ display: -webkit-inline-box;
5382
5531
  display: -ms-inline-flexbox;
5383
5532
  display: inline-flex;
5384
5533
  }
@@ -5492,22 +5641,34 @@
5492
5641
  }
5493
5642
  }
5494
5643
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
5495
- transform: rotate(180deg);
5644
+ -webkit-transform: rotate(180deg);
5645
+ transform: rotate(180deg);
5646
+ -webkit-transition: -webkit-transform 0.1s ease;
5647
+ transition: -webkit-transform 0.1s ease;
5496
5648
  transition: transform 0.1s ease;
5649
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
5497
5650
  }
5498
5651
  @media screen and (max-width: 480px) {
5499
5652
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
5500
- transform: none;
5653
+ -webkit-transform: none;
5654
+ transform: none;
5655
+ -webkit-transition: none;
5501
5656
  transition: none;
5502
5657
  }
5503
5658
  }
5504
5659
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
5505
- transform: rotate(0deg);
5660
+ -webkit-transform: rotate(0deg);
5661
+ transform: rotate(0deg);
5662
+ -webkit-transition: -webkit-transform 0.1s ease;
5663
+ transition: -webkit-transform 0.1s ease;
5506
5664
  transition: transform 0.1s ease;
5665
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
5507
5666
  }
5508
5667
  @media screen and (max-width: 480px) {
5509
5668
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
5510
- transform: none;
5669
+ -webkit-transform: none;
5670
+ transform: none;
5671
+ -webkit-transition: none;
5511
5672
  transition: none;
5512
5673
  }
5513
5674
  }
@@ -5546,6 +5707,7 @@
5546
5707
  position: unset;
5547
5708
  right: unset;
5548
5709
  top: unset;
5710
+ -webkit-transition: unset;
5549
5711
  transition: unset;
5550
5712
  }
5551
5713
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after {
@@ -5639,15 +5801,19 @@
5639
5801
  }
5640
5802
  .e-tab .e-tab-header.e-vertical .e-indicator {
5641
5803
  display: block;
5804
+ -webkit-transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
5642
5805
  transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
5643
5806
  width: 2px;
5644
5807
  }
5645
5808
  .e-tab .e-tab-header.e-vertical .e-toolbar-items {
5646
5809
  height: inherit;
5647
- -ms-flex-direction: column;
5648
- flex-direction: column;
5649
- -ms-flex-align: normal;
5650
- align-items: normal;
5810
+ -webkit-box-orient: vertical;
5811
+ -webkit-box-direction: normal;
5812
+ -ms-flex-direction: column;
5813
+ flex-direction: column;
5814
+ -webkit-box-align: normal;
5815
+ -ms-flex-align: normal;
5816
+ align-items: normal;
5651
5817
  }
5652
5818
  .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
5653
5819
  padding: 16px 0;
@@ -5713,6 +5879,7 @@
5713
5879
  left: unset;
5714
5880
  position: unset;
5715
5881
  right: unset;
5882
+ -webkit-transition: unset;
5716
5883
  transition: unset;
5717
5884
  width: unset;
5718
5885
  }
@@ -5753,6 +5920,7 @@
5753
5920
  left: unset;
5754
5921
  position: unset;
5755
5922
  right: unset;
5923
+ -webkit-transition: unset;
5756
5924
  transition: unset;
5757
5925
  width: unset;
5758
5926
  }
@@ -5767,8 +5935,9 @@
5767
5935
  }
5768
5936
  .e-tab .e-tab-header.e-vertical .e-scroll-nav {
5769
5937
  height: 14px;
5770
- -ms-flex-pack: center;
5771
- justify-content: center;
5938
+ -webkit-box-pack: center;
5939
+ -ms-flex-pack: center;
5940
+ justify-content: center;
5772
5941
  min-height: 14px;
5773
5942
  width: 100%;
5774
5943
  }
@@ -5786,7 +5955,9 @@
5786
5955
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
5787
5956
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
5788
5957
  height: 100%;
5789
- transform: none;
5958
+ -webkit-transform: none;
5959
+ transform: none;
5960
+ -webkit-transition: none;
5790
5961
  transition: none;
5791
5962
  width: 100%;
5792
5963
  }
@@ -5799,7 +5970,9 @@
5799
5970
  line-height: 35px;
5800
5971
  text-align: left;
5801
5972
  text-transform: capitalize;
5802
- transform: none;
5973
+ -webkit-transform: none;
5974
+ transform: none;
5975
+ -webkit-transition: none;
5803
5976
  transition: none;
5804
5977
  }
5805
5978
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
@@ -5866,14 +6039,17 @@
5866
6039
  overflow: hidden;
5867
6040
  }
5868
6041
  .e-tab.e-vertical-tab .e-content {
6042
+ display: -webkit-box;
5869
6043
  display: -ms-flexbox;
5870
6044
  display: flex;
5871
6045
  }
5872
6046
  .e-tab.e-vertical-tab .e-content .e-item.e-active {
6047
+ display: -webkit-box;
5873
6048
  display: -ms-flexbox;
5874
6049
  display: flex;
5875
- -ms-flex: none;
5876
- flex: none;
6050
+ -webkit-box-flex: 0;
6051
+ -ms-flex: none;
6052
+ flex: none;
5877
6053
  }
5878
6054
  .e-tab.e-vertical-tab .e-content .e-item,
5879
6055
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
@@ -5995,6 +6171,7 @@
5995
6171
  }
5996
6172
  .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align,
5997
6173
  .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align {
6174
+ display: -webkit-box;
5998
6175
  display: -ms-flexbox;
5999
6176
  display: flex;
6000
6177
  }
@@ -6014,31 +6191,46 @@
6014
6191
  }
6015
6192
  .e-tab.e-ie .e-tab-header .e-popup-up-icon,
6016
6193
  .e-tab.e-ie .e-tab-header .e-popup-down-icon {
6017
- transform: none;
6194
+ -webkit-transform: none;
6195
+ transform: none;
6196
+ -webkit-transition: none;
6018
6197
  transition: none;
6019
6198
  }
6020
6199
  .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
6021
- transform: rotate(180deg);
6200
+ -webkit-transform: rotate(180deg);
6201
+ transform: rotate(180deg);
6202
+ -webkit-transition: -webkit-transform 0.1s ease;
6203
+ transition: -webkit-transform 0.1s ease;
6022
6204
  transition: transform 0.1s ease;
6205
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
6023
6206
  }
6024
6207
  @media screen and (max-width: 480px) {
6025
6208
  .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
6026
- transform: none;
6209
+ -webkit-transform: none;
6210
+ transform: none;
6211
+ -webkit-transition: none;
6027
6212
  transition: none;
6028
6213
  }
6029
6214
  }
6030
6215
  .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
6031
- transform: rotate(0deg);
6216
+ -webkit-transform: rotate(0deg);
6217
+ transform: rotate(0deg);
6218
+ -webkit-transition: -webkit-transform 0.1s ease;
6219
+ transition: -webkit-transform 0.1s ease;
6032
6220
  transition: transform 0.1s ease;
6221
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
6033
6222
  }
6034
6223
  @media screen and (max-width: 480px) {
6035
6224
  .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
6036
- transform: none;
6225
+ -webkit-transform: none;
6226
+ transform: none;
6227
+ -webkit-transition: none;
6037
6228
  transition: none;
6038
6229
  }
6039
6230
  }
6040
6231
  .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align,
6041
6232
  .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align {
6233
+ display: -webkit-box;
6042
6234
  display: -ms-flexbox;
6043
6235
  display: flex;
6044
6236
  }
@@ -6059,48 +6251,74 @@
6059
6251
  position: relative;
6060
6252
  }
6061
6253
  .e-tab.e-edge .e-tab-header .e-popup-up-icon {
6062
- transform: rotate(180deg);
6254
+ -webkit-transform: rotate(180deg);
6255
+ transform: rotate(180deg);
6256
+ -webkit-transition: -webkit-transform 0.1s ease;
6257
+ transition: -webkit-transform 0.1s ease;
6063
6258
  transition: transform 0.1s ease;
6259
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
6064
6260
  }
6065
6261
  @media screen and (max-width: 480px) {
6066
6262
  .e-tab.e-edge .e-tab-header .e-popup-up-icon {
6067
- transform: none;
6263
+ -webkit-transform: none;
6264
+ transform: none;
6265
+ -webkit-transition: none;
6068
6266
  transition: none;
6069
6267
  }
6070
6268
  }
6071
6269
  .e-tab.e-edge .e-tab-header .e-popup-down-icon {
6072
- transform: rotate(0deg);
6270
+ -webkit-transform: rotate(0deg);
6271
+ transform: rotate(0deg);
6272
+ -webkit-transition: -webkit-transform 0.1s ease;
6273
+ transition: -webkit-transform 0.1s ease;
6073
6274
  transition: transform 0.1s ease;
6275
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
6074
6276
  }
6075
6277
  @media screen and (max-width: 480px) {
6076
6278
  .e-tab.e-edge .e-tab-header .e-popup-down-icon {
6077
- transform: none;
6279
+ -webkit-transform: none;
6280
+ transform: none;
6281
+ -webkit-transition: none;
6078
6282
  transition: none;
6079
6283
  }
6080
6284
  }
6081
6285
  @media screen and (max-width: 480px) and (max-width: 480px) {
6082
6286
  .e-tab.e-edge .e-tab-header .e-popup-down-icon {
6083
- transform: none;
6287
+ -webkit-transform: none;
6288
+ transform: none;
6289
+ -webkit-transition: none;
6084
6290
  transition: none;
6085
6291
  }
6086
6292
  }
6087
6293
  .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
6088
- transform: rotate(180deg);
6294
+ -webkit-transform: rotate(180deg);
6295
+ transform: rotate(180deg);
6296
+ -webkit-transition: -webkit-transform 0.1s ease;
6297
+ transition: -webkit-transform 0.1s ease;
6089
6298
  transition: transform 0.1s ease;
6299
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
6090
6300
  }
6091
6301
  @media screen and (max-width: 480px) {
6092
6302
  .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
6093
- transform: none;
6303
+ -webkit-transform: none;
6304
+ transform: none;
6305
+ -webkit-transition: none;
6094
6306
  transition: none;
6095
6307
  }
6096
6308
  }
6097
6309
  .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
6098
- transform: rotate(0deg);
6310
+ -webkit-transform: rotate(0deg);
6311
+ transform: rotate(0deg);
6312
+ -webkit-transition: -webkit-transform 0.1s ease;
6313
+ transition: -webkit-transform 0.1s ease;
6099
6314
  transition: transform 0.1s ease;
6315
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
6100
6316
  }
6101
6317
  @media screen and (max-width: 480px) {
6102
6318
  .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
6103
- transform: none;
6319
+ -webkit-transform: none;
6320
+ transform: none;
6321
+ -webkit-transition: none;
6104
6322
  transition: none;
6105
6323
  }
6106
6324
  }
@@ -6431,8 +6649,10 @@
6431
6649
  .e-tab-clone-element .e-text-wrap {
6432
6650
  -ms-flex-line-pack: center;
6433
6651
  align-content: center;
6434
- -ms-flex-align: center;
6435
- align-items: center;
6652
+ -webkit-box-align: center;
6653
+ -ms-flex-align: center;
6654
+ align-items: center;
6655
+ display: -webkit-inline-box;
6436
6656
  display: -ms-inline-flexbox;
6437
6657
  display: inline-flex;
6438
6658
  height: 38px;
@@ -6449,7 +6669,6 @@
6449
6669
  font-weight: 500;
6450
6670
  text-transform: capitalize;
6451
6671
  -ms-flex-item-align: auto;
6452
- -ms-grid-row-align: auto;
6453
6672
  align-self: auto;
6454
6673
  }
6455
6674
  @media screen and (max-width: 480px) {
@@ -6474,6 +6693,7 @@
6474
6693
  top: 1px;
6475
6694
  }
6476
6695
  .e-tab-clone-element .e-icons.e-tab-icon {
6696
+ display: -webkit-inline-box;
6477
6697
  display: -ms-inline-flexbox;
6478
6698
  display: inline-flex;
6479
6699
  height: 20px;
@@ -6498,8 +6718,9 @@
6498
6718
  }
6499
6719
  }
6500
6720
  .e-tab-clone-element.e-icon .e-tab-wrap {
6501
- -ms-flex-pack: center;
6502
- justify-content: center;
6721
+ -webkit-box-pack: center;
6722
+ -ms-flex-pack: center;
6723
+ justify-content: center;
6503
6724
  padding: 0 18px;
6504
6725
  }
6505
6726
  @media screen and (max-width: 480px) {
@@ -6532,8 +6753,10 @@
6532
6753
  }
6533
6754
  }
6534
6755
  .e-tab-clone-element.e-itop .e-tab-wrap, .e-tab-clone-element.e-ibottom .e-tab-wrap {
6535
- -ms-flex-align: center;
6536
- align-items: center;
6756
+ -webkit-box-align: center;
6757
+ -ms-flex-align: center;
6758
+ align-items: center;
6759
+ display: -webkit-box;
6537
6760
  display: -ms-flexbox;
6538
6761
  display: flex;
6539
6762
  height: 62px;
@@ -6579,21 +6802,28 @@
6579
6802
  }
6580
6803
  .e-tab-clone-element .e-tab-icon.e-icon-top,
6581
6804
  .e-tab-clone-element .e-tab-icon.e-icon-bottom {
6582
- -ms-flex-align: center;
6583
- align-items: center;
6805
+ -webkit-box-align: center;
6806
+ -ms-flex-align: center;
6807
+ align-items: center;
6808
+ display: -webkit-box;
6584
6809
  display: -ms-flexbox;
6585
6810
  display: flex;
6586
- -ms-flex-direction: column;
6587
- flex-direction: column;
6588
- -ms-flex-pack: center;
6589
- justify-content: center;
6811
+ -webkit-box-orient: vertical;
6812
+ -webkit-box-direction: normal;
6813
+ -ms-flex-direction: column;
6814
+ flex-direction: column;
6815
+ -webkit-box-pack: center;
6816
+ -ms-flex-pack: center;
6817
+ justify-content: center;
6590
6818
  margin: auto;
6591
6819
  }
6592
6820
  .e-tab-clone-element.e-close-show .e-icons.e-close-icon {
6593
- -ms-flex-align: center;
6594
- align-items: center;
6821
+ -webkit-box-align: center;
6822
+ -ms-flex-align: center;
6823
+ align-items: center;
6595
6824
  -ms-flex-item-align: center;
6596
6825
  align-self: center;
6826
+ display: -webkit-inline-box;
6597
6827
  display: -ms-inline-flexbox;
6598
6828
  display: inline-flex;
6599
6829
  }
@@ -6638,7 +6868,6 @@
6638
6868
  .e-bigger .e-tab-clone-element .e-tab-text {
6639
6869
  font-size: 16px;
6640
6870
  -ms-flex-item-align: auto;
6641
- -ms-grid-row-align: auto;
6642
6871
  align-self: auto;
6643
6872
  }
6644
6873
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
@@ -6714,7 +6943,6 @@
6714
6943
  margin: 0 0 10px;
6715
6944
  }
6716
6945
 
6717
- /*! tab theme */
6718
6946
  .e-tab {
6719
6947
  background: transparent;
6720
6948
  border: none;
@@ -6723,7 +6951,8 @@
6723
6951
  background: inherit;
6724
6952
  border: 0;
6725
6953
  border-radius: 0;
6726
- box-shadow: none;
6954
+ -webkit-box-shadow: none;
6955
+ box-shadow: none;
6727
6956
  font-weight: 500;
6728
6957
  border-bottom: 1px solid #4b5563;
6729
6958
  }
@@ -6850,7 +7079,8 @@
6850
7079
  background: #374151;
6851
7080
  border: 0;
6852
7081
  border-radius: 0;
6853
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
7082
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
7083
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
6854
7084
  overflow-y: auto;
6855
7085
  }
6856
7086
  .e-tab .e-tab-header .e-toolbar-pop[e-animate=true] {
@@ -6858,7 +7088,8 @@
6858
7088
  }
6859
7089
  @media screen and (max-width: 480px) {
6860
7090
  .e-tab .e-tab-header .e-toolbar-pop {
6861
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
7091
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
7092
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
6862
7093
  }
6863
7094
  }
6864
7095
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
@@ -6913,7 +7144,8 @@
6913
7144
  }
6914
7145
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
6915
7146
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
6916
- box-shadow: none;
7147
+ -webkit-box-shadow: none;
7148
+ box-shadow: none;
6917
7149
  border: 0;
6918
7150
  }
6919
7151
  .e-tab .e-tab-header .e-scroll-nav:focus,
@@ -6939,7 +7171,8 @@
6939
7171
  }
6940
7172
  .e-tab .e-tab-header .e-scroll-nav:active,
6941
7173
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
6942
- box-shadow: none;
7174
+ -webkit-box-shadow: none;
7175
+ box-shadow: none;
6943
7176
  background: #374151;
6944
7177
  border: 0;
6945
7178
  }
@@ -7006,7 +7239,8 @@
7006
7239
  color: #d1d5db;
7007
7240
  border: 0;
7008
7241
  border-radius: 0;
7009
- box-shadow: none;
7242
+ -webkit-box-shadow: none;
7243
+ box-shadow: none;
7010
7244
  }
7011
7245
  .e-tab .e-tab-header .e-hor-nav:hover,
7012
7246
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
@@ -7019,14 +7253,16 @@
7019
7253
  }
7020
7254
  .e-tab .e-tab-header .e-hor-nav:active,
7021
7255
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
7022
- box-shadow: none;
7256
+ -webkit-box-shadow: none;
7257
+ box-shadow: none;
7023
7258
  background: #374151;
7024
7259
  }
7025
7260
  .e-tab .e-tab-header .e-hor-nav.e-nav-active,
7026
7261
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
7027
7262
  background: inherit;
7028
7263
  border: 0;
7029
- box-shadow: none;
7264
+ -webkit-box-shadow: none;
7265
+ box-shadow: none;
7030
7266
  border-radius: 0;
7031
7267
  }
7032
7268
  .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
@@ -7087,7 +7323,8 @@
7087
7323
  border-radius: 0;
7088
7324
  }
7089
7325
  .e-tab .e-tab-header.e-vertical .e-toolbar-pop {
7090
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
7326
+ -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
7327
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
7091
7328
  }
7092
7329
  .e-tab .e-tab-header.e-vertical .e-scroll-nav {
7093
7330
  background: inherit;
@@ -7152,7 +7389,8 @@
7152
7389
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active:hover {
7153
7390
  background: inherit;
7154
7391
  border: 0;
7155
- box-shadow: none;
7392
+ -webkit-box-shadow: none;
7393
+ box-shadow: none;
7156
7394
  }
7157
7395
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active,
7158
7396
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active {
@@ -7547,7 +7785,8 @@
7547
7785
  }
7548
7786
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
7549
7787
  .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
7550
- animation: hscroll-alt-popup-shadow 1s ease-out 0ms;
7788
+ -webkit-animation: hscroll-alt-popup-shadow 1s ease-out 0ms;
7789
+ animation: hscroll-alt-popup-shadow 1s ease-out 0ms;
7551
7790
  }
7552
7791
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
7553
7792
  .e-tab.e-background .e-tab-header .e-hor-nav {
@@ -7599,7 +7838,8 @@
7599
7838
  }
7600
7839
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
7601
7840
  .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
7602
- animation: tbar-alt-popup-shadow 1s ease-out 0ms;
7841
+ -webkit-animation: tbar-alt-popup-shadow 1s ease-out 0ms;
7842
+ animation: tbar-alt-popup-shadow 1s ease-out 0ms;
7603
7843
  }
7604
7844
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
7605
7845
  .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
@@ -7811,11 +8051,23 @@
7811
8051
  }
7812
8052
 
7813
8053
  /* stylelint-disable property-no-vendor-prefix */
8054
+ @-webkit-keyframes rotation {
8055
+ from {
8056
+ -webkit-transform: rotate(0deg);
8057
+ transform: rotate(0deg);
8058
+ }
8059
+ to {
8060
+ -webkit-transform: rotate(359deg);
8061
+ transform: rotate(359deg);
8062
+ }
8063
+ }
7814
8064
  @keyframes rotation {
7815
8065
  from {
8066
+ -webkit-transform: rotate(0deg);
7816
8067
  transform: rotate(0deg);
7817
8068
  }
7818
8069
  to {
8070
+ -webkit-transform: rotate(359deg);
7819
8071
  transform: rotate(359deg);
7820
8072
  }
7821
8073
  }
@@ -7844,13 +8096,13 @@
7844
8096
  line-height: 17px;
7845
8097
  width: 18px;
7846
8098
  }
7847
- .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check,
7848
- .e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check {
8099
+ .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,
8100
+ .e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check,
8101
+ .e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop {
7849
8102
  font-size: 12px;
7850
8103
  }
7851
8104
  .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop,
7852
8105
  .e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop {
7853
- font-size: 12px;
7854
8106
  line-height: 17px;
7855
8107
  }
7856
8108
  .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
@@ -7862,20 +8114,13 @@
7862
8114
  .e-treeview.e-bigger .e-icon-collapsible,
7863
8115
  .e-treeview.e-bigger .e-icon-expandable {
7864
8116
  height: 24px;
7865
- margin: 0 0 0 -24px;
7866
8117
  width: 24px;
8118
+ margin: 0 0 0 -24px;
7867
8119
  }
7868
8120
  .e-bigger .e-treeview.e-drag-item .e-drop-count,
7869
8121
  .e-treeview.e-bigger.e-drag-item .e-drop-count {
7870
8122
  padding: 3px 5px 4px;
7871
8123
  }
7872
- .e-bigger .e-treeview .e-navigable .e-text-content,
7873
- .e-treeview.e-bigger .e-navigable .e-text-content {
7874
- -ms-flex-align: center;
7875
- align-items: center;
7876
- display: -ms-flexbox;
7877
- display: flex;
7878
- }
7879
8124
  .e-bigger .e-treeview .e-navigable .e-list-text,
7880
8125
  .e-treeview.e-bigger .e-navigable .e-list-text {
7881
8126
  padding: 0;
@@ -8068,6 +8313,16 @@
8068
8313
  position: relative;
8069
8314
  white-space: nowrap;
8070
8315
  }
8316
+ .e-treeview.e-virtualization {
8317
+ overflow: auto;
8318
+ }
8319
+ .e-treeview.e-virtualization .e-virtual-mask {
8320
+ display: block;
8321
+ margin-bottom: 20px;
8322
+ }
8323
+ .e-treeview.e-virtualization .e-ul {
8324
+ overflow: unset;
8325
+ }
8071
8326
  .e-treeview > .e-ul {
8072
8327
  -webkit-overflow-scrolling: touch;
8073
8328
  overflow: auto;
@@ -8103,29 +8358,10 @@
8103
8358
  margin: 0;
8104
8359
  padding: 0 0 0 12px;
8105
8360
  }
8106
- .e-treeview li.e-node-collapsed .e-list-item .e-fullrow {
8107
- display: none;
8108
- }
8361
+ .e-treeview .e-node-collapsed .e-list-item .e-fullrow,
8109
8362
  .e-treeview .e-display-none {
8110
8363
  display: none;
8111
8364
  }
8112
- .e-treeview .e-list-item.e-active {
8113
- font-weight: 600;
8114
- }
8115
- .e-treeview .e-list-item div.e-icons.interaction {
8116
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
8117
- border-radius: 15px;
8118
- transition: transform 0.3s ease-in-out;
8119
- }
8120
- .e-treeview .e-list-item .e-icons.e-icon-collapsible {
8121
- transform: rotate(90deg);
8122
- }
8123
- .e-treeview.e-drag-item.e-rtl .e-icons.e-drop-next {
8124
- transform: rotate(180deg);
8125
- }
8126
- .e-treeview.e-rtl div.e-icons {
8127
- transform: rotate(180deg);
8128
- }
8129
8365
  .e-treeview .e-list-item {
8130
8366
  list-style: none;
8131
8367
  }
@@ -8142,6 +8378,20 @@
8142
8378
  pointer-events: none;
8143
8379
  touch-action: none;
8144
8380
  }
8381
+ .e-treeview .e-list-item.e-active {
8382
+ font-weight: 600;
8383
+ }
8384
+ .e-treeview .e-list-item div.e-icons.interaction {
8385
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
8386
+ border-radius: 15px;
8387
+ transition: -webkit-transform 0.3s ease-in-out;
8388
+ transition: transform 0.3s ease-in-out;
8389
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
8390
+ }
8391
+ .e-treeview .e-list-item .e-icons.e-icon-collapsible {
8392
+ -webkit-transform: rotate(90deg);
8393
+ transform: rotate(90deg);
8394
+ }
8145
8395
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
8146
8396
  content: none;
8147
8397
  }
@@ -8155,6 +8405,7 @@
8155
8405
  position: relative;
8156
8406
  }
8157
8407
  .e-treeview .e-text-content {
8408
+ -moz-user-select: none;
8158
8409
  -ms-user-select: none;
8159
8410
  -webkit-user-select: none;
8160
8411
  user-select: none;
@@ -8163,12 +8414,17 @@
8163
8414
  margin: 0;
8164
8415
  padding: 0 0 0 20px;
8165
8416
  }
8417
+ .e-treeview .e-text-content + .e-sibling {
8418
+ margin-top: -2px;
8419
+ }
8166
8420
  .e-treeview .e-fullrow {
8421
+ -moz-user-select: none;
8167
8422
  -ms-user-select: none;
8168
8423
  -webkit-user-select: none;
8169
8424
  user-select: none;
8170
8425
  border: 1px solid;
8171
- box-sizing: border-box;
8426
+ -webkit-box-sizing: border-box;
8427
+ box-sizing: border-box;
8172
8428
  cursor: pointer;
8173
8429
  height: 38px;
8174
8430
  left: 0;
@@ -8196,7 +8452,8 @@
8196
8452
  width: 32px;
8197
8453
  }
8198
8454
  .e-treeview .e-list-text {
8199
- box-sizing: border-box;
8455
+ -webkit-box-sizing: border-box;
8456
+ box-sizing: border-box;
8200
8457
  display: inline-block;
8201
8458
  line-height: 36px;
8202
8459
  margin: 0;
@@ -8245,24 +8502,24 @@
8245
8502
  padding: 0px;
8246
8503
  }
8247
8504
  .e-treeview .e-load {
8505
+ -webkit-animation: rotation 0.5s infinite linear;
8248
8506
  animation: rotation 0.5s infinite linear;
8249
8507
  }
8250
8508
  .e-treeview .e-sibling {
8251
8509
  width: 144px;
8252
- position: absolute;
8253
- z-index: 2;
8254
- }
8255
- .e-treeview .e-text-content + .e-sibling {
8256
- margin-top: -2px;
8257
8510
  }
8258
8511
  .e-treeview .e-sibling::before {
8259
8512
  left: 0;
8260
8513
  height: 2px;
8261
8514
  top: -1.5px;
8515
+ }
8516
+ .e-treeview .e-sibling,
8517
+ .e-treeview .e-sibling::before {
8262
8518
  position: absolute;
8263
8519
  z-index: 2;
8264
8520
  }
8265
8521
  .e-treeview .e-popup {
8522
+ -moz-user-select: none;
8266
8523
  -ms-user-select: none;
8267
8524
  -webkit-user-select: none;
8268
8525
  user-select: none;
@@ -8286,8 +8543,7 @@
8286
8543
  padding: 4px;
8287
8544
  width: 26px;
8288
8545
  }
8289
- .e-treeview .e-popup .e-downtail::before,
8290
- .e-treeview .e-popup .e-downtail::after {
8546
+ .e-treeview .e-popup .e-downtail::before, .e-treeview .e-popup .e-downtail::after {
8291
8547
  border: 10px solid transparent;
8292
8548
  content: "";
8293
8549
  height: 0;
@@ -8309,8 +8565,10 @@
8309
8565
  pointer-events: auto;
8310
8566
  }
8311
8567
  .e-treeview .e-navigable .e-text-content {
8312
- -ms-flex-align: center;
8313
- align-items: center;
8568
+ -webkit-box-align: center;
8569
+ -ms-flex-align: center;
8570
+ align-items: center;
8571
+ display: -webkit-box;
8314
8572
  display: -ms-flexbox;
8315
8573
  display: flex;
8316
8574
  }
@@ -8355,7 +8613,8 @@
8355
8613
  .e-treeview.e-drag-item .e-drop-count {
8356
8614
  border: 1px solid;
8357
8615
  border-radius: 15px;
8358
- box-sizing: content-box;
8616
+ -webkit-box-sizing: content-box;
8617
+ box-sizing: content-box;
8359
8618
  font-size: 12px;
8360
8619
  line-height: normal;
8361
8620
  min-width: 12px;
@@ -8418,6 +8677,10 @@
8418
8677
  .e-treeview.e-rtl .e-sibling::before {
8419
8678
  right: 0;
8420
8679
  }
8680
+ .e-treeview.e-rtl.e-drag-item .e-icons.e-drop-next {
8681
+ -webkit-transform: rotate(180deg);
8682
+ transform: rotate(180deg);
8683
+ }
8421
8684
  .e-treeview.e-rtl.e-drag-item .e-text-content {
8422
8685
  float: right;
8423
8686
  }
@@ -8428,6 +8691,10 @@
8428
8691
  .e-treeview.e-rtl.e-drag-item .e-drop-count {
8429
8692
  margin-right: -12px;
8430
8693
  }
8694
+ .e-treeview.e-rtl div.e-icons {
8695
+ -webkit-transform: rotate(180deg);
8696
+ transform: rotate(180deg);
8697
+ }
8431
8698
  .e-treeview.e-disabled .e-fullrow,
8432
8699
  .e-treeview.e-disabled .e-icons,
8433
8700
  .e-treeview.e-disabled .e-text-content,
@@ -8479,25 +8746,41 @@
8479
8746
  .e-treeview .e-icon-expandable::before {
8480
8747
  font-size: 20px;
8481
8748
  }
8482
- .e-treeview .e-list-item.e-active,
8483
- .e-treeview .e-list-item.e-hover,
8484
- .e-treeview .e-list-item.e-node-focus {
8749
+ .e-treeview .e-list-item.e-hover, .e-treeview .e-list-item.e-node-focus {
8485
8750
  background: transparent;
8486
8751
  }
8487
- .e-treeview .e-list-item.e-hover > .e-text-content,
8488
- .e-treeview .e-list-item.e-node-focus > .e-text-content {
8752
+ .e-treeview .e-list-item.e-hover > .e-fullrow, .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8753
+ background-color: #4b5563;
8754
+ border-color: #4b5563;
8755
+ }
8756
+ .e-treeview .e-list-item.e-hover > .e-text-content, .e-treeview .e-list-item.e-node-focus > .e-text-content {
8489
8757
  color: #fff;
8490
8758
  }
8491
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8492
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8759
+ .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 {
8493
8760
  color: #fff;
8494
8761
  }
8495
8762
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8496
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8497
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8763
+ .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,
8498
8764
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8499
8765
  color: #f3f4f6;
8500
8766
  }
8767
+ .e-treeview .e-list-item.e-active {
8768
+ background: transparent;
8769
+ }
8770
+ .e-treeview .e-list-item.e-active > .e-fullrow {
8771
+ background-color: #6b7280;
8772
+ border-color: #6b7280;
8773
+ }
8774
+ .e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
8775
+ background-color: transparent;
8776
+ border-color: transparent;
8777
+ }
8778
+ .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content {
8779
+ color: #fff;
8780
+ }
8781
+ .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8782
+ color: #fff;
8783
+ }
8501
8784
  .e-treeview .e-list-item.e-active > .e-text-content {
8502
8785
  color: #fff;
8503
8786
  }
@@ -8508,67 +8791,36 @@
8508
8791
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8509
8792
  color: #fff;
8510
8793
  }
8511
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8512
- .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8794
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8795
+ background-color: #353c46;
8796
+ border-color: #4b5563;
8797
+ }
8798
+ .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 {
8513
8799
  color: #fff;
8514
8800
  }
8515
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8516
- .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8801
+ .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 {
8517
8802
  color: #fff;
8518
8803
  }
8519
8804
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8520
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8521
- .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8805
+ .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,
8522
8806
  .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8523
8807
  color: #f3f4f6;
8524
8808
  }
8525
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8526
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8527
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8528
- color: #fff;
8529
- }
8530
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8531
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8532
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8533
- color: #fff;
8534
- }
8535
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8536
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8537
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8538
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8539
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8540
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8541
- color: #d1d5db;
8542
- }
8543
- .e-treeview .e-list-item.e-hover > .e-fullrow,
8544
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8545
- background-color: #4b5563;
8546
- border-color: #4b5563;
8547
- }
8548
- .e-treeview .e-list-item.e-active > .e-fullrow {
8549
- background-color: #6b7280;
8550
- border-color: #6b7280;
8551
- }
8552
- .e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
8809
+ .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 {
8553
8810
  background-color: transparent;
8554
8811
  border-color: transparent;
8555
8812
  }
8556
- .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content {
8813
+ .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 {
8557
8814
  color: #fff;
8558
8815
  }
8559
- .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8816
+ .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 {
8560
8817
  color: #fff;
8561
8818
  }
8562
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8563
- .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8564
- background-color: #353c46;
8565
- border-color: #4b5563;
8566
- }
8567
- .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8568
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8569
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8570
- background-color: transparent;
8571
- border-color: transparent;
8819
+ .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8820
+ .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,
8821
+ .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,
8822
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8823
+ color: #d1d5db;
8572
8824
  }
8573
8825
  .e-treeview .e-list-item.e-disable > .e-text-content,
8574
8826
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8597,8 +8849,7 @@
8597
8849
  .e-treeview .e-popup .e-downtail::after {
8598
8850
  border-top-color: #4b5563;
8599
8851
  }
8600
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8601
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8852
+ .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 {
8602
8853
  background-color: #4b5563;
8603
8854
  border-color: #4b5563;
8604
8855
  }
@@ -8606,14 +8857,11 @@
8606
8857
  background-color: #6b7280;
8607
8858
  border-color: #6b7280;
8608
8859
  }
8609
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8610
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8860
+ .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 {
8611
8861
  background-color: #353c46;
8612
8862
  border-color: #4b5563;
8613
8863
  }
8614
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8615
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8616
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8864
+ .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 {
8617
8865
  background-color: transparent;
8618
8866
  border-color: transparent;
8619
8867
  }
@@ -8643,7 +8891,8 @@
8643
8891
  border: 1px solid #22d3ee;
8644
8892
  }
8645
8893
 
8646
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
8894
+ /* stylelint-disable-line no-empty-source */
8895
+ /* stylelint-disable-line no-empty-source */
8647
8896
  ejs-sidebar {
8648
8897
  display: none;
8649
8898
  }
@@ -8660,40 +8909,39 @@ ejs-sidebar {
8660
8909
  overflow: auto;
8661
8910
  position: fixed;
8662
8911
  top: 0;
8912
+ -webkit-transition: none;
8663
8913
  transition: none;
8664
8914
  vertical-align: middle;
8665
8915
  visibility: hidden;
8666
8916
  will-change: transform;
8667
8917
  }
8668
- .e-sidebar.e-right.e-open {
8669
- transform: translateX(0%);
8918
+ .e-sidebar.e-right.e-open, .e-sidebar.e-left.e-open {
8919
+ -webkit-transform: translateX(0%);
8920
+ transform: translateX(0%);
8921
+ -webkit-transition: -webkit-transform 0.5s ease;
8922
+ transition: -webkit-transform 0.5s ease;
8670
8923
  transition: transform 0.5s ease;
8924
+ transition: transform 0.5s ease, -webkit-transform 0.5s ease;
8671
8925
  visibility: visible;
8672
8926
  }
8673
- .e-sidebar.e-right.e-close {
8674
- box-shadow: none;
8675
- transform: translateX(100%);
8676
- transition: transform 0.5s ease, visibility 500ms;
8927
+ .e-sidebar.e-right.e-close, .e-sidebar.e-left.e-close {
8928
+ -webkit-box-shadow: none;
8929
+ box-shadow: none;
8677
8930
  visibility: hidden;
8678
8931
  }
8679
- .e-sidebar.e-left.e-open {
8680
- transform: translateX(0%);
8681
- transition: transform 0.5s ease;
8682
- visibility: visible;
8683
- }
8684
- .e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close {
8685
- transition: transform 0.5s ease, visibility 500ms;
8932
+ .e-sidebar.e-right.e-close {
8933
+ -webkit-transform: translateX(100%);
8934
+ transform: translateX(100%);
8686
8935
  }
8687
8936
  .e-sidebar.e-left.e-close {
8688
- box-shadow: none;
8689
- transform: translateX(-100%);
8690
- visibility: hidden;
8937
+ -webkit-transform: translateX(-100%);
8938
+ transform: translateX(-100%);
8691
8939
  }
8692
- .e-sidebar.e-right.e-close {
8693
- box-shadow: none;
8694
- transform: translateX(100%);
8940
+ .e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close, .e-sidebar.e-right.e-close {
8941
+ -webkit-transition: visibility 500ms, -webkit-transform 0.5s ease;
8942
+ transition: visibility 500ms, -webkit-transform 0.5s ease;
8695
8943
  transition: transform 0.5s ease, visibility 500ms;
8696
- visibility: hidden;
8944
+ transition: transform 0.5s ease, visibility 500ms, -webkit-transform 0.5s ease;
8697
8945
  }
8698
8946
  .e-sidebar.e-right {
8699
8947
  border-left: 0 solid transparent;
@@ -8707,27 +8955,104 @@ ejs-sidebar {
8707
8955
  right: auto;
8708
8956
  top: 0;
8709
8957
  }
8710
- .e-sidebar.e-left.e-close.e-dock {
8711
- transform: translateX(0%);
8712
- transition: width 0.5s ease, visibility 500ms;
8713
- visibility: visible;
8714
- }
8715
- .e-sidebar.e-right.e-close.e-dock {
8716
- transform: translateX(0%);
8958
+ .e-sidebar.e-left.e-close.e-dock, .e-sidebar.e-right.e-close.e-dock {
8959
+ -webkit-transform: translateX(0%);
8960
+ transform: translateX(0%);
8961
+ -webkit-transition: width 0.5s ease, visibility 500ms;
8717
8962
  transition: width 0.5s ease, visibility 500ms;
8718
8963
  visibility: visible;
8719
8964
  }
8720
8965
  .e-sidebar.e-left.e-open.e-dock.e-blazor-dock, .e-sidebar.e-right.e-open.e-dock.e-blazor-dock {
8966
+ -webkit-transition: width 0.5s ease, visibility 500ms;
8721
8967
  transition: width 0.5s ease, visibility 500ms;
8722
8968
  }
8723
8969
  .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 {
8970
+ -webkit-transition: none;
8724
8971
  transition: none;
8725
8972
  }
8726
8973
  .e-sidebar.e-visibility {
8727
8974
  visibility: hidden;
8728
8975
  }
8729
8976
  .e-sidebar.e-over {
8730
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
8977
+ -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
8978
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
8979
+ }
8980
+
8981
+ .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 {
8982
+ -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8983
+ transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8984
+ transition: margin 0.5s ease, transform 0.5s ease;
8985
+ transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8986
+ }
8987
+ .e-sidebarcontainer.e-left.e-open.e-auto + div {
8988
+ margin-right: 0;
8989
+ -webkit-transform: translateX(0);
8990
+ transform: translateX(0);
8991
+ margin-left: var(--sidebar-width);
8992
+ }
8993
+ .e-sidebarcontainer.e-left.e-close.e-auto + div {
8994
+ margin-right: 0;
8995
+ -webkit-transform: translateX(0);
8996
+ transform: translateX(0);
8997
+ margin-left: 0;
8998
+ }
8999
+ .e-sidebarcontainer.e-right.e-open.e-auto + div {
9000
+ margin-left: 0;
9001
+ -webkit-transform: translateX(0);
9002
+ transform: translateX(0);
9003
+ margin-right: var(--sidebar-width);
9004
+ }
9005
+ .e-sidebarcontainer.e-right.e-close.e-auto + div {
9006
+ margin-right: 0;
9007
+ -webkit-transform: translateX(0);
9008
+ transform: translateX(0);
9009
+ margin-left: 0;
9010
+ }
9011
+ .e-sidebarcontainer.e-left.e-open.e-push + div {
9012
+ margin-right: 0;
9013
+ -webkit-transform: translateX(0);
9014
+ transform: translateX(0);
9015
+ margin-left: var(--sidebar-width);
9016
+ }
9017
+ .e-sidebarcontainer.e-left.e-close.e-push + div {
9018
+ margin-right: 0;
9019
+ -webkit-transform: translateX(0);
9020
+ transform: translateX(0);
9021
+ margin-left: 0;
9022
+ }
9023
+ .e-sidebarcontainer.e-right.e-open.e-push + div {
9024
+ margin-left: 0;
9025
+ -webkit-transform: translateX(0);
9026
+ transform: translateX(0);
9027
+ margin-right: var(--sidebar-width);
9028
+ }
9029
+ .e-sidebarcontainer.e-right.e-close.e-push + div {
9030
+ margin-right: 0;
9031
+ -webkit-transform: translateX(0);
9032
+ transform: translateX(0);
9033
+ margin-left: 0;
9034
+ }
9035
+ .e-sidebarcontainer.e-left.e-open.e-slide + div {
9036
+ margin-left: 0;
9037
+ -webkit-transform: translate(var(--sidebar-width));
9038
+ transform: translate(var(--sidebar-width));
9039
+ }
9040
+ .e-sidebarcontainer.e-left.e-close.e-slide + div {
9041
+ margin-left: 0;
9042
+ -webkit-transform: translate(0);
9043
+ transform: translate(0);
9044
+ }
9045
+ .e-sidebarcontainer.e-right.e-open.e-slide + div {
9046
+ margin-right: 0;
9047
+ margin-left: 0;
9048
+ -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
9049
+ transform: translate(calc(-1 * var(--sidebar-width)));
9050
+ }
9051
+ .e-sidebarcontainer.e-right.e-close.e-slide + div {
9052
+ margin-right: 0;
9053
+ margin-left: 0;
9054
+ -webkit-transform: translate(0);
9055
+ transform: translate(0);
8731
9056
  }
8732
9057
 
8733
9058
  .e-sidebar-absolute {
@@ -8739,23 +9064,34 @@ ejs-sidebar {
8739
9064
  position: relative;
8740
9065
  }
8741
9066
 
8742
- .e-backdrop {
9067
+ .e-backdrop,
9068
+ .e-sidebar-overlay {
8743
9069
  background-color: rgba(107, 114, 128, 0.75);
8744
9070
  height: 100%;
8745
9071
  left: 0;
8746
9072
  pointer-events: auto;
8747
9073
  top: 0;
8748
- width: auto;
8749
9074
  z-index: 999;
8750
9075
  }
8751
9076
 
9077
+ .e-backdrop {
9078
+ width: auto;
9079
+ }
9080
+
9081
+ .e-sidebar-overlay {
9082
+ position: fixed;
9083
+ width: 100%;
9084
+ }
9085
+
8752
9086
  .e-content-animation {
8753
- transition: margin 0.5s ease, transform 0.5s ease;
9087
+ transition: margin 0.5s ease, -webkit-transform 0.5s ease, transform 0.5s ease;
8754
9088
  }
8755
9089
  .e-content-animation.e-overlay {
8756
- box-sizing: border-box;
9090
+ -webkit-box-sizing: border-box;
9091
+ box-sizing: border-box;
8757
9092
  overflow: auto;
8758
9093
  -webkit-user-select: none;
9094
+ -moz-user-select: none;
8759
9095
  -ms-user-select: none;
8760
9096
  user-select: none;
8761
9097
  }
@@ -8766,21 +9102,8 @@ ejs-sidebar {
8766
9102
  touch-action: none;
8767
9103
  }
8768
9104
 
8769
- /* stylelint-disable */
8770
9105
  .e-sidebar-overflow {
8771
- overflow-x: hidden !important;
8772
- }
8773
-
8774
- /* stylelint-enable */
8775
- .e-sidebar-overlay {
8776
- background-color: rgba(107, 114, 128, 0.75);
8777
- height: 100%;
8778
- left: 0;
8779
- pointer-events: auto;
8780
- position: fixed;
8781
- top: 0;
8782
- width: 100%;
8783
- z-index: 999;
9106
+ overflow-x: hidden;
8784
9107
  }
8785
9108
 
8786
9109
  .e-content-placeholder.e-sidebar.e-placeholder-sidebar {
@@ -8791,18 +9114,6 @@ ejs-sidebar {
8791
9114
  visibility: visible;
8792
9115
  }
8793
9116
 
8794
- /*! component's theme wise override definitions and variables */
8795
- @keyframes hscroll-popup-shadow {
8796
- 0% {
8797
- border-color: rgba(255, 255, 255, 0.5);
8798
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
8799
- }
8800
- 100% {
8801
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
8802
- }
8803
- }
8804
- /*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
8805
- /*! menu layout */
8806
9117
  .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
8807
9118
  .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
8808
9119
  content: "\e748";
@@ -8845,24 +9156,16 @@ ejs-sidebar {
8845
9156
  content: "\e729";
8846
9157
  }
8847
9158
 
8848
- .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8849
- .e-rtl.e-menu-container ul.e-vertical .e-caret::before {
8850
- content: "\e765";
8851
- }
8852
- .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
8853
- .e-rtl.e-menu-container ul.e-ul .e-caret::before {
8854
- content: "\e765";
8855
- }
8856
-
9159
+ .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before, .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
9160
+ .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
9161
+ .e-rtl.e-menu-container ul.e-ul .e-caret::before,
8857
9162
  .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8858
- .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8859
- .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
8860
- .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
8861
- content: "\e765";
8862
- }
8863
9163
  .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
9164
+ .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8864
9165
  .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
9166
+ .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
8865
9167
  .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
9168
+ .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
8866
9169
  .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
8867
9170
  content: "\e765";
8868
9171
  }
@@ -8874,7 +9177,6 @@ ejs-sidebar {
8874
9177
  content: "\e729";
8875
9178
  }
8876
9179
 
8877
- /*! menu layout */
8878
9180
  .e-menu-wrapper,
8879
9181
  .e-menu-container {
8880
9182
  border: none;
@@ -8895,6 +9197,7 @@ ejs-sidebar {
8895
9197
  margin: 0;
8896
9198
  overflow: hidden;
8897
9199
  -webkit-user-select: none;
9200
+ -moz-user-select: none;
8898
9201
  -ms-user-select: none;
8899
9202
  user-select: none;
8900
9203
  font-size: 14px;
@@ -8905,7 +9208,8 @@ ejs-sidebar {
8905
9208
  .e-menu-wrapper ul.e-ul, .e-menu-wrapper ul.e-ul *,
8906
9209
  .e-menu-container ul.e-ul,
8907
9210
  .e-menu-container ul.e-ul * {
8908
- box-sizing: border-box;
9211
+ -webkit-box-sizing: border-box;
9212
+ box-sizing: border-box;
8909
9213
  }
8910
9214
  .e-menu-wrapper ul.e-ul:focus, .e-menu-wrapper ul.e-ul *:focus,
8911
9215
  .e-menu-container ul.e-ul:focus,
@@ -8948,6 +9252,7 @@ ejs-sidebar {
8948
9252
  .e-menu-container ul .e-menu-item {
8949
9253
  cursor: pointer;
8950
9254
  position: relative;
9255
+ display: -webkit-inline-box;
8951
9256
  display: -ms-inline-flexbox;
8952
9257
  display: inline-flex;
8953
9258
  height: 38px;
@@ -9120,26 +9425,27 @@ ejs-sidebar {
9120
9425
  .e-menu-container .e-scroll-nav .e-nav-arrow {
9121
9426
  font-size: 16px;
9122
9427
  }
9123
- .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
9124
- .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
9125
- transform: rotate(180deg);
9126
- }
9127
- .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
9428
+ .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,
9429
+ .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
9128
9430
  .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-up-arrow {
9129
- transform: rotate(180deg);
9431
+ -webkit-transform: rotate(180deg);
9432
+ transform: rotate(180deg);
9130
9433
  }
9131
9434
  .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
9132
9435
  .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
9133
- transform: rotate(0deg);
9436
+ -webkit-transform: rotate(0deg);
9437
+ transform: rotate(0deg);
9134
9438
  }
9135
9439
  .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow,
9136
9440
  .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow {
9137
- transform: rotate(180deg);
9441
+ -webkit-transform: rotate(180deg);
9442
+ transform: rotate(180deg);
9138
9443
  }
9139
9444
  .e-menu-wrapper.e-popup.e-menu-popup,
9140
9445
  .e-menu-container.e-popup.e-menu-popup {
9141
9446
  border: 1px solid #4b5563;
9142
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
9447
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
9448
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
9143
9449
  overflow: hidden;
9144
9450
  position: absolute;
9145
9451
  }
@@ -9149,12 +9455,14 @@ ejs-sidebar {
9149
9455
  }
9150
9456
  .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav,
9151
9457
  .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav {
9152
- transform: none;
9458
+ -webkit-transform: none;
9459
+ transform: none;
9153
9460
  width: 100%;
9154
9461
  }
9155
9462
  .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow,
9156
9463
  .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow {
9157
- transform: none;
9464
+ -webkit-transform: none;
9465
+ transform: none;
9158
9466
  }
9159
9467
  .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-vscroll-bar,
9160
9468
  .e-menu-container .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -9189,7 +9497,8 @@ ejs-sidebar {
9189
9497
  .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll,
9190
9498
  .e-menu-container.e-contextmenu-container .e-menu-vscroll {
9191
9499
  border: 1px solid #4b5563;
9192
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
9500
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
9501
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
9193
9502
  }
9194
9503
 
9195
9504
  .e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon {
@@ -9396,7 +9705,8 @@ ejs-sidebar {
9396
9705
  .e-bigger.e-menu-wrapper.e-menu-popup,
9397
9706
  .e-bigger .e-menu-container.e-menu-popup,
9398
9707
  .e-bigger.e-menu-container.e-menu-popup {
9399
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
9708
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
9709
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
9400
9710
  }
9401
9711
  .e-bigger .e-menu-wrapper .e-scroll-nav .e-icons,
9402
9712
  .e-bigger.e-menu-wrapper .e-scroll-nav .e-icons,
@@ -9485,7 +9795,8 @@ ejs-sidebar {
9485
9795
  .e-menu-container.e-hamburger .e-popup.e-menu-popup {
9486
9796
  border: 0;
9487
9797
  border-radius: 0;
9488
- box-shadow: none;
9798
+ -webkit-box-shadow: none;
9799
+ box-shadow: none;
9489
9800
  display: block;
9490
9801
  position: relative;
9491
9802
  width: 100%;
@@ -9521,13 +9832,21 @@ ejs-sidebar {
9521
9832
  }
9522
9833
  .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret,
9523
9834
  .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret {
9835
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
9836
+ transition: -webkit-transform 0.3s ease-in-out;
9524
9837
  transition: transform 0.3s ease-in-out;
9838
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
9839
+ -webkit-transform: rotate(-180deg);
9525
9840
  transform: rotate(-180deg);
9526
9841
  text-indent: 0;
9527
9842
  }
9528
9843
  .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret,
9529
9844
  .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret {
9845
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
9846
+ transition: -webkit-transform 0.3s ease-in-out;
9530
9847
  transition: transform 0.3s ease-in-out;
9848
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
9849
+ -webkit-transform: rotate(0deg);
9531
9850
  transform: rotate(0deg);
9532
9851
  text-indent: 0;
9533
9852
  }
@@ -9564,8 +9883,9 @@ ejs-sidebar {
9564
9883
  height: auto;
9565
9884
  padding: 0;
9566
9885
  }
9567
- .e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon,
9568
- .e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon {
9886
+ .e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon, .e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
9887
+ .e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon,
9888
+ .e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
9569
9889
  padding: 0;
9570
9890
  }
9571
9891
  .e-menu-wrapper.e-hamburger ul .e-menu-item .e-menu-url,
@@ -9575,10 +9895,6 @@ ejs-sidebar {
9575
9895
  text-indent: 0;
9576
9896
  width: 100%;
9577
9897
  }
9578
- .e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
9579
- .e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
9580
- padding: 0;
9581
- }
9582
9898
  .e-menu-wrapper.e-hamburger ul .e-menu-item.e-separator,
9583
9899
  .e-menu-container.e-hamburger ul .e-menu-item.e-separator {
9584
9900
  border-bottom-style: solid;
@@ -9702,7 +10018,6 @@ ejs-sidebar {
9702
10018
  position: relative;
9703
10019
  }
9704
10020
 
9705
- /*! menu theme */
9706
10021
  .e-menu-wrapper,
9707
10022
  .e-menu-container {
9708
10023
  background: #374151;
@@ -9819,7 +10134,6 @@ ejs-sidebar {
9819
10134
  .e-menu-container .e-ul .e-menu-item.e-separator {
9820
10135
  border-bottom-color: #4b5563;
9821
10136
  }
9822
-
9823
10137
  .e-menu-wrapper.e-menu-popup,
9824
10138
  .e-menu-container.e-menu-popup {
9825
10139
  background: #374151;
@@ -9901,7 +10215,6 @@ ejs-sidebar {
9901
10215
  color: #fff;
9902
10216
  }
9903
10217
 
9904
- /*! breadcrumb icons */
9905
10218
  .e-breadcrumb .e-breadcrumb-collapsed::before,
9906
10219
  .e-breadcrumb .e-breadcrumb-menu::before {
9907
10220
  content: "\e71c";
@@ -9918,17 +10231,18 @@ ejs-sidebar {
9918
10231
  height: 21px;
9919
10232
  }
9920
10233
 
9921
- /*! breadcrumb layout */
9922
10234
  .e-breadcrumb {
9923
10235
  display: block;
9924
10236
  }
9925
10237
  .e-breadcrumb.e-breadcrumb-wrap-mode {
10238
+ display: -webkit-box;
9926
10239
  display: -ms-flexbox;
9927
10240
  display: flex;
9928
10241
  }
9929
10242
  .e-breadcrumb .e-breadcrumb-first-ol {
9930
- -ms-flex-align: start;
9931
- align-items: flex-start;
10243
+ -webkit-box-align: start;
10244
+ -ms-flex-align: start;
10245
+ align-items: flex-start;
9932
10246
  -ms-flex-negative: 0;
9933
10247
  flex-shrink: 0;
9934
10248
  padding-right: 0;
@@ -9944,8 +10258,10 @@ ejs-sidebar {
9944
10258
  overflow: auto;
9945
10259
  }
9946
10260
  .e-breadcrumb ol {
9947
- -ms-flex-align: center;
9948
- align-items: center;
10261
+ -webkit-box-align: center;
10262
+ -ms-flex-align: center;
10263
+ align-items: center;
10264
+ display: -webkit-inline-box;
9949
10265
  display: -ms-inline-flexbox;
9950
10266
  display: inline-flex;
9951
10267
  line-height: normal;
@@ -9959,8 +10275,10 @@ ejs-sidebar {
9959
10275
  white-space: nowrap;
9960
10276
  }
9961
10277
  .e-breadcrumb .e-breadcrumb-item {
9962
- -ms-flex-align: center;
9963
- align-items: center;
10278
+ -webkit-box-align: center;
10279
+ -ms-flex-align: center;
10280
+ align-items: center;
10281
+ display: -webkit-box;
9964
10282
  display: -ms-flexbox;
9965
10283
  display: flex;
9966
10284
  -ms-flex-negative: 0;
@@ -9976,15 +10294,18 @@ ejs-sidebar {
9976
10294
  padding: 2px 4px;
9977
10295
  }
9978
10296
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
9979
- -ms-flex-align: center;
9980
- align-items: center;
10297
+ -webkit-box-align: center;
10298
+ -ms-flex-align: center;
10299
+ align-items: center;
10300
+ display: -webkit-box;
9981
10301
  display: -ms-flexbox;
9982
10302
  display: flex;
9983
10303
  font-size: 14px;
9984
10304
  }
9985
10305
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
9986
- -ms-flex-align: inherit;
9987
- align-items: inherit;
10306
+ -webkit-box-align: inherit;
10307
+ -ms-flex-align: inherit;
10308
+ align-items: inherit;
9988
10309
  display: inherit;
9989
10310
  }
9990
10311
  .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
@@ -10028,6 +10349,7 @@ ejs-sidebar {
10028
10349
  pointer-events: none;
10029
10350
  }
10030
10351
  .e-breadcrumb .e-breadcrumb-separator {
10352
+ display: -webkit-box;
10031
10353
  display: -ms-flexbox;
10032
10354
  display: flex;
10033
10355
  font-size: 14px;
@@ -10054,6 +10376,7 @@ ejs-sidebar {
10054
10376
  display: inline-block;
10055
10377
  }
10056
10378
  .e-breadcrumb .e-breadcrumb-item-wrapper {
10379
+ display: -webkit-box;
10057
10380
  display: -ms-flexbox;
10058
10381
  display: flex;
10059
10382
  }
@@ -10079,7 +10402,8 @@ ejs-sidebar {
10079
10402
  .e-breadcrumb-popup {
10080
10403
  border: 1px solid #4b5563;
10081
10404
  border-radius: 4px;
10082
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
10405
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
10406
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
10083
10407
  position: absolute;
10084
10408
  }
10085
10409
  .e-breadcrumb-popup ul {
@@ -10091,8 +10415,10 @@ ejs-sidebar {
10091
10415
  white-space: nowrap;
10092
10416
  }
10093
10417
  .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text {
10094
- -ms-flex-align: center;
10095
- align-items: center;
10418
+ -webkit-box-align: center;
10419
+ -ms-flex-align: center;
10420
+ align-items: center;
10421
+ display: -webkit-box;
10096
10422
  display: -ms-flexbox;
10097
10423
  display: flex;
10098
10424
  font-size: 14px;
@@ -10102,8 +10428,9 @@ ejs-sidebar {
10102
10428
  width: 100%;
10103
10429
  }
10104
10430
  .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
10105
- -ms-flex-align: inherit;
10106
- align-items: inherit;
10431
+ -webkit-box-align: inherit;
10432
+ -ms-flex-align: inherit;
10433
+ align-items: inherit;
10107
10434
  display: inherit;
10108
10435
  width: inherit;
10109
10436
  }
@@ -10124,12 +10451,15 @@ ejs-sidebar {
10124
10451
  }
10125
10452
  .e-breadcrumb-popup.e-icon-right .e-breadcrumb-icon,
10126
10453
  .e-breadcrumb-popup .e-icon-right .e-breadcrumb-icon {
10454
+ display: -webkit-box;
10127
10455
  display: -ms-flexbox;
10128
10456
  display: flex;
10129
- -ms-flex-positive: 1;
10130
- flex-grow: 1;
10131
- -ms-flex-pack: end;
10132
- justify-content: flex-end;
10457
+ -webkit-box-flex: 1;
10458
+ -ms-flex-positive: 1;
10459
+ flex-grow: 1;
10460
+ -webkit-box-pack: end;
10461
+ -ms-flex-pack: end;
10462
+ justify-content: flex-end;
10133
10463
  }
10134
10464
  .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon, .e-breadcrumb-popup.e-rtl .e-icon-right .e-breadcrumb-icon {
10135
10465
  padding-left: 0;
@@ -10229,7 +10559,6 @@ ejs-sidebar {
10229
10559
  padding-right: 12px;
10230
10560
  }
10231
10561
 
10232
- /*! breadcrumb theme */
10233
10562
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10234
10563
  color: #9ca3af;
10235
10564
  }
@@ -10303,8 +10632,6 @@ ejs-sidebar {
10303
10632
  color: #fff;
10304
10633
  }
10305
10634
 
10306
- /*! AppBar component tailwind theme definitions and variables */
10307
- /*! appbar component styles */
10308
10635
  .e-bigger .e-appbar,
10309
10636
  .e-appbar.e-bigger {
10310
10637
  height: 56px;
@@ -10320,26 +10647,32 @@ ejs-sidebar {
10320
10647
  }
10321
10648
 
10322
10649
  .e-appbar {
10650
+ display: -webkit-box;
10323
10651
  display: -ms-flexbox;
10324
10652
  display: flex;
10325
10653
  width: 100%;
10326
10654
  height: 48px;
10327
10655
  -ms-flex-negative: 0;
10328
10656
  flex-shrink: 0;
10329
- -ms-flex-direction: row;
10330
- flex-direction: row;
10657
+ -webkit-box-orient: horizontal;
10658
+ -webkit-box-direction: normal;
10659
+ -ms-flex-direction: row;
10660
+ flex-direction: row;
10331
10661
  position: relative;
10332
- -ms-flex-align: center;
10333
- align-items: center;
10662
+ -webkit-box-align: center;
10663
+ -ms-flex-align: center;
10664
+ align-items: center;
10334
10665
  padding: 8px;
10335
10666
  overflow: hidden;
10336
10667
  font-size: 14px;
10337
10668
  }
10338
10669
  .e-appbar > div:first-child {
10670
+ display: -webkit-box;
10339
10671
  display: -ms-flexbox;
10340
10672
  display: flex;
10341
- -ms-flex-align: center;
10342
- align-items: center;
10673
+ -webkit-box-align: center;
10674
+ -ms-flex-align: center;
10675
+ align-items: center;
10343
10676
  width: 100%;
10344
10677
  height: 100%;
10345
10678
  }
@@ -10350,12 +10683,14 @@ ejs-sidebar {
10350
10683
  }
10351
10684
  .e-appbar.e-prominent {
10352
10685
  height: 94px;
10353
- -ms-flex-align: start;
10354
- align-items: flex-start;
10686
+ -webkit-box-align: start;
10687
+ -ms-flex-align: start;
10688
+ align-items: flex-start;
10355
10689
  }
10356
10690
  .e-appbar.e-prominent > div:first-child {
10357
- -ms-flex-align: start;
10358
- align-items: flex-start;
10691
+ -webkit-box-align: start;
10692
+ -ms-flex-align: start;
10693
+ align-items: flex-start;
10359
10694
  }
10360
10695
  .e-appbar.e-dense {
10361
10696
  height: 40px;
@@ -10377,12 +10712,14 @@ ejs-sidebar {
10377
10712
  height: 24px;
10378
10713
  }
10379
10714
  .e-appbar .e-appbar-spacer {
10380
- -ms-flex-positive: 1;
10381
- flex-grow: 1;
10715
+ -webkit-box-flex: 1;
10716
+ -ms-flex-positive: 1;
10717
+ flex-grow: 1;
10382
10718
  }
10383
10719
  .e-appbar .e-btn,
10384
10720
  .e-appbar .e-css.e-btn {
10385
- border-image: unset;
10721
+ -o-border-image: unset;
10722
+ border-image: unset;
10386
10723
  }
10387
10724
 
10388
10725
  .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
@@ -10390,9 +10727,9 @@ ejs-sidebar {
10390
10727
  overflow: hidden;
10391
10728
  }
10392
10729
 
10393
- /*! appbar component theme */
10394
10730
  .e-appbar {
10395
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
10731
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
10732
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
10396
10733
  }
10397
10734
  .e-appbar.e-light {
10398
10735
  background: #374151;
@@ -10422,7 +10759,8 @@ ejs-sidebar {
10422
10759
  .e-appbar.e-light .e-menu-container.e-inherit {
10423
10760
  background: #374151;
10424
10761
  color: #fff;
10425
- box-shadow: none;
10762
+ -webkit-box-shadow: none;
10763
+ box-shadow: none;
10426
10764
  border-color: #374151;
10427
10765
  }
10428
10766
  .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,
@@ -10458,7 +10796,8 @@ ejs-sidebar {
10458
10796
  background: #e5e7eb;
10459
10797
  color: #111827;
10460
10798
  border-color: #e5e7eb;
10461
- box-shadow: none;
10799
+ -webkit-box-shadow: none;
10800
+ box-shadow: none;
10462
10801
  }
10463
10802
  .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,
10464
10803
  .e-appbar.e-dark .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
@@ -10478,7 +10817,8 @@ ejs-sidebar {
10478
10817
  background: #22d3ee;
10479
10818
  color: #000;
10480
10819
  border-color: #22d3ee;
10481
- box-shadow: none;
10820
+ -webkit-box-shadow: none;
10821
+ box-shadow: none;
10482
10822
  }
10483
10823
  .e-appbar.e-inherit {
10484
10824
  background: inherit;
@@ -10494,10 +10834,12 @@ ejs-sidebar {
10494
10834
  background: inherit;
10495
10835
  color: inherit;
10496
10836
  border-color: inherit;
10497
- box-shadow: none;
10837
+ -webkit-box-shadow: none;
10838
+ box-shadow: none;
10498
10839
  }
10499
10840
  .e-appbar.e-horizontal-bottom {
10500
- box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.1), 0 -1px 2px 0 rgba(0, 0, 0, 0.06);
10841
+ -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.1), 0 -1px 2px 0 rgba(0, 0, 0, 0.06);
10842
+ box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.1), 0 -1px 2px 0 rgba(0, 0, 0, 0.06);
10501
10843
  }
10502
10844
 
10503
10845
  .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 {
@@ -10531,7 +10873,18 @@ ejs-sidebar {
10531
10873
  .e-inherit.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
10532
10874
  .e-inherit.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
10533
10875
  .e-inherit.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
10534
- box-shadow: none;
10876
+ -webkit-box-shadow: none;
10877
+ box-shadow: none;
10878
+ }
10879
+
10880
+ .e-inherit.e-input-group.e-control-wrapper .e-searchinput::-webkit-input-placeholder {
10881
+ color: inherit;
10882
+ opacity: 0.8;
10883
+ }
10884
+
10885
+ .e-inherit.e-input-group.e-control-wrapper .e-searchinput::-moz-placeholder {
10886
+ color: inherit;
10887
+ opacity: 0.8;
10535
10888
  }
10536
10889
 
10537
10890
  .e-inherit.e-input-group.e-control-wrapper .e-searchinput:-ms-input-placeholder {
@@ -10539,6 +10892,11 @@ ejs-sidebar {
10539
10892
  opacity: 0.8;
10540
10893
  }
10541
10894
 
10895
+ .e-inherit.e-input-group.e-control-wrapper .e-searchinput::-ms-input-placeholder {
10896
+ color: inherit;
10897
+ opacity: 0.8;
10898
+ }
10899
+
10542
10900
  .e-inherit.e-input-group.e-control-wrapper .e-searchinput::placeholder {
10543
10901
  color: inherit;
10544
10902
  opacity: 0.8;
@@ -10562,77 +10920,95 @@ ejs-sidebar {
10562
10920
  .e-stepper {
10563
10921
  position: relative;
10564
10922
  }
10923
+ .e-stepper .e-step-selected .e-text,
10924
+ .e-stepper .e-step-selected .e-label {
10925
+ font-weight: 600;
10926
+ }
10565
10927
  .e-stepper.e-stepper-readonly,
10566
10928
  .e-stepper .e-step-disabled {
10567
10929
  cursor: default;
10568
10930
  pointer-events: none;
10569
10931
  }
10570
- .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10932
+ .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
10571
10933
  font-size: 32px;
10572
10934
  border-radius: 9999px;
10573
10935
  }
10574
- .e-stepper.e-step-type-indicator .e-step-container .e-step-content {
10936
+ .e-stepper.e-step-type-indicator .e-step-content, .e-stepper.e-step-type-label .e-step-content {
10575
10937
  padding: 0 8px;
10576
10938
  }
10577
- .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) {
10939
+ .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) {
10578
10940
  position: relative;
10579
10941
  }
10580
- .e-stepper.e-horizontal .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10942
+ .e-stepper.e-horizontal .e-step-item.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10581
10943
  position: unset;
10582
10944
  }
10583
10945
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip {
10584
10946
  display: none;
10585
- -ms-flex-pack: center;
10586
- justify-content: center;
10947
+ -webkit-box-pack: center;
10948
+ -ms-flex-pack: center;
10949
+ justify-content: center;
10587
10950
  left: 50%;
10588
10951
  top: -8px;
10589
- transform: translate(-50%, -100%);
10952
+ -webkit-transform: translate(-50%, -100%);
10953
+ transform: translate(-50%, -100%);
10590
10954
  }
10591
10955
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip.e-show-tooltip {
10956
+ display: -webkit-inline-box;
10592
10957
  display: -ms-inline-flexbox;
10593
10958
  display: inline-flex;
10594
10959
  }
10595
10960
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-tip-content {
10961
+ width: -webkit-max-content;
10962
+ width: -moz-max-content;
10596
10963
  width: max-content;
10597
10964
  }
10598
10965
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip.e-tip-bottom {
10599
10966
  left: 50%;
10600
10967
  top: 100%;
10601
- transform: translate(-50%, 0);
10968
+ -webkit-transform: translate(-50%, 0);
10969
+ transform: translate(-50%, 0);
10602
10970
  }
10603
10971
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip-inner.e-tip-bottom {
10604
10972
  top: -6px;
10605
10973
  }
10606
- .e-stepper .e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
10974
+ .e-stepper .e-step-item.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
10607
10975
  left: unset;
10608
10976
  top: 0;
10609
- transform: translate(0%, -135%);
10977
+ -webkit-transform: translate(0%, -135%);
10978
+ transform: translate(0%, -135%);
10610
10979
  }
10611
10980
  .e-stepper.e-step-type-indicator .e-tooltip-wrap.e-stepper-tooltip {
10612
- transform: translate(-50%, -115%);
10981
+ -webkit-transform: translate(-50%, -115%);
10982
+ transform: translate(-50%, -115%);
10613
10983
  }
10614
10984
  .e-stepper .e-stepper-steps {
10985
+ display: -webkit-box;
10615
10986
  display: -ms-flexbox;
10616
10987
  display: flex;
10617
10988
  padding: 0;
10618
10989
  margin: 0;
10619
- -ms-flex-pack: justify;
10620
- justify-content: space-between;
10990
+ -webkit-box-pack: justify;
10991
+ -ms-flex-pack: justify;
10992
+ justify-content: space-between;
10621
10993
  position: relative;
10622
- -ms-flex-align: start;
10623
- align-items: flex-start;
10994
+ -webkit-box-align: start;
10995
+ -ms-flex-align: start;
10996
+ align-items: flex-start;
10624
10997
  }
10625
10998
  .e-stepper .e-stepper-steps .e-step-container,
10626
10999
  .e-stepper .e-stepper-steps .e-step,
10627
11000
  .e-stepper .e-stepper-steps .e-step-valid.e-step-text.e-step-text-only .e-step-text-container,
10628
11001
  .e-stepper .e-stepper-steps .e-step-error.e-step-text.e-step-text-only .e-step-text-container,
10629
11002
  .e-stepper .e-stepper-steps .e-step-label-container {
11003
+ display: -webkit-box;
10630
11004
  display: -ms-flexbox;
10631
11005
  display: flex;
10632
- -ms-flex-align: center;
10633
- align-items: center;
10634
- -ms-flex-pack: center;
10635
- justify-content: center;
11006
+ -webkit-box-align: center;
11007
+ -ms-flex-align: center;
11008
+ align-items: center;
11009
+ -webkit-box-pack: center;
11010
+ -ms-flex-pack: center;
11011
+ justify-content: center;
10636
11012
  }
10637
11013
  .e-stepper .e-step-container {
10638
11014
  max-width: var(--max-width);
@@ -10644,6 +11020,7 @@ ejs-sidebar {
10644
11020
  .e-stepper .e-step-container .e-step-text-container {
10645
11021
  max-width: clamp(100%, 10em, 100%);
10646
11022
  white-space: nowrap;
11023
+ font-size: 14px;
10647
11024
  }
10648
11025
  .e-stepper .e-step-container .e-step-label-optional {
10649
11026
  font-size: 12px;
@@ -10651,10 +11028,13 @@ ejs-sidebar {
10651
11028
  flex-basis: 100%;
10652
11029
  }
10653
11030
  .e-stepper .e-step-container .e-step-optional-container {
11031
+ display: -webkit-box;
10654
11032
  display: -ms-flexbox;
10655
11033
  display: flex;
10656
- -ms-flex-direction: column;
10657
- flex-direction: column;
11034
+ -webkit-box-orient: vertical;
11035
+ -webkit-box-direction: normal;
11036
+ -ms-flex-direction: column;
11037
+ flex-direction: column;
10658
11038
  }
10659
11039
  .e-stepper .e-step-container .e-step-content {
10660
11040
  font-size: 16px;
@@ -10671,17 +11051,15 @@ ejs-sidebar {
10671
11051
  padding-block: 5px;
10672
11052
  }
10673
11053
  .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 {
10674
- -ms-flex-direction: column;
10675
- flex-direction: column;
11054
+ -webkit-box-orient: vertical;
11055
+ -webkit-box-direction: normal;
11056
+ -ms-flex-direction: column;
11057
+ flex-direction: column;
10676
11058
  }
10677
11059
  .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 {
10678
11060
  position: relative;
10679
11061
  top: 0.25em;
10680
11062
  }
10681
- .e-stepper .e-step-container .e-step-label-container,
10682
- .e-stepper .e-step-container .e-step-text-container {
10683
- font-size: 14px;
10684
- }
10685
11063
  .e-stepper .e-step-container .e-step,
10686
11064
  .e-stepper .e-step-container .e-indicator {
10687
11065
  border-radius: 9999px;
@@ -10696,54 +11074,63 @@ ejs-sidebar {
10696
11074
  display: block;
10697
11075
  }
10698
11076
  .e-stepper.e-horizontal .e-stepper-steps {
10699
- -ms-flex-direction: row;
10700
- flex-direction: row;
11077
+ -webkit-box-orient: horizontal;
11078
+ -webkit-box-direction: normal;
11079
+ -ms-flex-direction: row;
11080
+ flex-direction: row;
10701
11081
  }
10702
- .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 {
11082
+ .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 {
10703
11083
  margin-left: var(--progress-left-position);
10704
11084
  top: var(--progress-top-position);
10705
11085
  width: var(--progress-bar-width);
10706
11086
  }
10707
- .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 {
11087
+ .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 {
10708
11088
  margin-right: var(--progress-left-position);
10709
11089
  margin-left: unset;
10710
11090
  }
10711
- .e-stepper.e-horizontal .e-step-icon.e-step-label {
11091
+ .e-stepper.e-horizontal .e-step-item.e-step-label {
10712
11092
  gap: 1em;
10713
- -ms-flex-direction: column;
10714
- flex-direction: column;
11093
+ -webkit-box-orient: vertical;
11094
+ -webkit-box-direction: normal;
11095
+ -ms-flex-direction: column;
11096
+ flex-direction: column;
10715
11097
  }
10716
- .e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container {
11098
+ .e-stepper.e-horizontal .e-step-item.e-step-label .e-step-label-container {
10717
11099
  position: relative;
10718
11100
  }
10719
- .e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container.e-label-before {
10720
- -ms-flex-order: -1;
10721
- order: -1;
11101
+ .e-stepper.e-horizontal .e-step-item.e-step-label .e-step-label-container.e-label-before {
11102
+ -webkit-box-ordinal-group: 0;
11103
+ -ms-flex-order: -1;
11104
+ order: -1;
10722
11105
  }
10723
11106
  .e-stepper.e-horizontal.e-label-start .e-step-text-container {
10724
- -ms-flex-order: -1;
10725
- order: -1;
11107
+ -webkit-box-ordinal-group: 0;
11108
+ -ms-flex-order: -1;
11109
+ order: -1;
10726
11110
  }
10727
- .e-stepper.e-horizontal .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
11111
+ .e-stepper.e-horizontal .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
10728
11112
  position: absolute;
10729
11113
  top: 2.5em;
10730
11114
  margin-left: 2.5em;
10731
11115
  }
10732
- .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 {
11116
+ .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 {
10733
11117
  margin-right: 2.5em;
10734
11118
  margin-left: unset;
10735
11119
  }
10736
- .e-stepper.e-horizontal.e-label-start.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
11120
+ .e-stepper.e-horizontal.e-label-start.e-rtl .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
10737
11121
  margin-right: unset;
10738
11122
  margin-left: 2.5em;
10739
11123
  }
10740
11124
  .e-stepper.e-horizontal.e-label-before .e-stepper-steps:has(.e-step-label-optional) {
10741
- -ms-flex-align: end;
10742
- align-items: flex-end;
11125
+ -webkit-box-align: end;
11126
+ -ms-flex-align: end;
11127
+ align-items: flex-end;
10743
11128
  }
10744
11129
  .e-stepper.e-horizontal.e-label-before .e-stepper-steps .e-step-label-container.e-label-before:has(.e-step-label-optional) {
10745
- -ms-flex-direction: column;
10746
- flex-direction: column;
11130
+ -webkit-box-orient: vertical;
11131
+ -webkit-box-direction: normal;
11132
+ -ms-flex-direction: column;
11133
+ flex-direction: column;
10747
11134
  gap: 0.5em;
10748
11135
  }
10749
11136
  .e-stepper.e-horizontal .e-text,
@@ -10754,19 +11141,16 @@ ejs-sidebar {
10754
11141
  }
10755
11142
  .e-stepper.e-horizontal .e-step-text.e-step-text-only:has(.e-step-label-optional),
10756
11143
  .e-stepper.e-horizontal .e-step-label.e-step-label-only:has(.e-step-label-optional),
10757
- .e-stepper.e-horizontal .e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
10758
- .e-stepper.e-horizontal .e-step-label-container.e-label-after:has(.e-step-label-optional) {
11144
+ .e-stepper.e-horizontal .e-step-item:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
11145
+ .e-stepper.e-horizontal .e-step-container:not(.e-step-item):not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
11146
+ .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 {
10759
11147
  -ms-flex-wrap: wrap;
10760
11148
  flex-wrap: wrap;
10761
11149
  }
10762
- .e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
10763
- -ms-flex-wrap: wrap;
10764
- flex-wrap: wrap;
10765
- }
10766
- .e-stepper.e-horizontal .e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
11150
+ .e-stepper.e-horizontal .e-step-item:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
10767
11151
  margin-top: 0.5em;
10768
11152
  }
10769
- .e-stepper.e-horizontal.e-label-after .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
11153
+ .e-stepper.e-horizontal.e-label-after .e-step-item.e-step-label:not(.e-step-text) .e-step-label-optional {
10770
11154
  margin-top: 0.2em;
10771
11155
  }
10772
11156
  .e-stepper.e-vertical {
@@ -10780,71 +11164,80 @@ ejs-sidebar {
10780
11164
  .e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-step-label-optional {
10781
11165
  position: absolute;
10782
11166
  }
10783
- .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 {
11167
+ .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 {
10784
11168
  margin-top: 3em;
10785
11169
  margin-left: 4em;
10786
11170
  }
10787
- .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 {
11171
+ .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 {
10788
11172
  margin-left: unset;
10789
11173
  margin-right: 4em;
10790
11174
  }
10791
11175
  .e-stepper.e-vertical .e-stepper-steps {
10792
- -ms-flex-direction: column;
10793
- flex-direction: column;
11176
+ -webkit-box-orient: vertical;
11177
+ -webkit-box-direction: normal;
11178
+ -ms-flex-direction: column;
11179
+ flex-direction: column;
10794
11180
  min-height: inherit;
10795
11181
  float: left;
10796
- -ms-flex-align: start;
10797
- align-items: start;
11182
+ -webkit-box-align: start;
11183
+ -ms-flex-align: start;
11184
+ align-items: start;
10798
11185
  margin: 0;
10799
- -ms-flex-pack: justify;
10800
- justify-content: space-between;
11186
+ -webkit-box-pack: justify;
11187
+ -ms-flex-pack: justify;
11188
+ justify-content: space-between;
10801
11189
  }
10802
11190
  .e-stepper.e-vertical.e-rtl .e-stepper-steps {
10803
11191
  float: right;
10804
11192
  }
10805
- .e-stepper.e-vertical .e-stepper-steps:has(.e-step-icon:not(.e-step-text):not(.e-step-label)),
11193
+ .e-stepper.e-vertical .e-stepper-steps:has(.e-step-item:not(.e-step-text):not(.e-step-label)),
10806
11194
  .e-stepper.e-vertical .e-stepper-steps:has(.e-step-text.e-step-text-only),
10807
- .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 {
10808
- -ms-flex-align: center;
10809
- align-items: center;
11195
+ .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 {
11196
+ -webkit-box-align: center;
11197
+ -ms-flex-align: center;
11198
+ align-items: center;
10810
11199
  }
10811
- .e-stepper.e-vertical .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10812
- .e-stepper.e-vertical .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
11200
+ .e-stepper.e-vertical .e-step-item.e-step-text:not(.e-step-label) .e-step-text-container,
11201
+ .e-stepper.e-vertical .e-step-item.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10813
11202
  margin-left: 10px;
10814
11203
  }
10815
- .e-stepper.e-vertical.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10816
- .e-stepper.e-vertical.e-rtl .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
11204
+ .e-stepper.e-vertical.e-rtl .e-step-item.e-step-text:not(.e-step-label) .e-step-text-container,
11205
+ .e-stepper.e-vertical.e-rtl .e-step-item.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10817
11206
  margin-left: unset;
10818
11207
  margin-right: 10px;
10819
11208
  }
10820
- .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),
11209
+ .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),
10821
11210
  .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional),
10822
11211
  .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) {
10823
- -ms-flex-direction: column;
10824
- flex-direction: column;
11212
+ -webkit-box-orient: vertical;
11213
+ -webkit-box-direction: normal;
11214
+ -ms-flex-direction: column;
11215
+ flex-direction: column;
10825
11216
  }
10826
- .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,
11217
+ .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,
10827
11218
  .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional) .e-step-label-optional,
10828
11219
  .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) .e-step-label-optional {
10829
11220
  position: unset;
10830
11221
  }
10831
- .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) {
11222
+ .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) {
10832
11223
  gap: 0.5em;
10833
11224
  }
10834
- .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) {
10835
- -ms-flex-direction: column;
10836
- flex-direction: column;
11225
+ .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) {
11226
+ -webkit-box-orient: vertical;
11227
+ -webkit-box-direction: normal;
11228
+ -ms-flex-direction: column;
11229
+ flex-direction: column;
10837
11230
  }
10838
- .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 {
11231
+ .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 {
10839
11232
  line-height: 2em;
10840
11233
  }
10841
- .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 {
11234
+ .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 {
10842
11235
  position: unset;
10843
11236
  }
10844
- .e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after {
11237
+ .e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-item) .e-step-label-container.e-label-after {
10845
11238
  position: absolute;
10846
11239
  }
10847
- .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 {
11240
+ .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 {
10848
11241
  left: 0;
10849
11242
  }
10850
11243
  .e-stepper.e-vertical .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
@@ -10865,20 +11258,24 @@ ejs-sidebar {
10865
11258
  padding-bottom: 6px;
10866
11259
  }
10867
11260
  .e-stepper.e-vertical.e-label-top .e-stepper-steps, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps {
10868
- -ms-flex-align: center;
10869
- align-items: center;
11261
+ -webkit-box-align: center;
11262
+ -ms-flex-align: center;
11263
+ align-items: center;
10870
11264
  }
10871
11265
  .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 {
10872
- -ms-flex-direction: column;
10873
- flex-direction: column;
11266
+ -webkit-box-orient: vertical;
11267
+ -webkit-box-direction: normal;
11268
+ -ms-flex-direction: column;
11269
+ flex-direction: column;
10874
11270
  }
10875
11271
  .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 {
10876
11272
  margin-left: 0;
10877
11273
  }
10878
11274
  .e-stepper.e-vertical.e-label-top .e-step-container .e-step-label-optional,
10879
11275
  .e-stepper.e-vertical.e-label-top .e-step-container .e-step-text-container {
10880
- -ms-flex-order: -1;
10881
- order: -1;
11276
+ -webkit-box-ordinal-group: 0;
11277
+ -ms-flex-order: -1;
11278
+ order: -1;
10882
11279
  }
10883
11280
  .e-stepper .e-stepper-progressbar {
10884
11281
  height: 1.6px;
@@ -10889,9 +11286,12 @@ ejs-sidebar {
10889
11286
  .e-stepper .e-stepper-progressbar > .e-progressbar-value {
10890
11287
  height: 100%;
10891
11288
  width: var(--progress-value);
11289
+ -webkit-transition-property: width;
10892
11290
  transition-property: width;
10893
- transition-duration: var(--duration);
10894
- transition-delay: var(--delay);
11291
+ -webkit-transition-duration: var(--duration);
11292
+ transition-duration: var(--duration);
11293
+ -webkit-transition-delay: var(--delay);
11294
+ transition-delay: var(--delay);
10895
11295
  }
10896
11296
  .e-stepper.e-vertical .e-stepper-progressbar {
10897
11297
  min-height: inherit;
@@ -10902,6 +11302,7 @@ ejs-sidebar {
10902
11302
  .e-stepper.e-vertical .e-stepper-progressbar > .e-progressbar-value {
10903
11303
  width: 100%;
10904
11304
  height: var(--progress-value);
11305
+ -webkit-transition-property: height;
10905
11306
  transition-property: height;
10906
11307
  }
10907
11308
  .e-stepper.e-vertical.e-rtl .e-stepper-progressbar {
@@ -10920,12 +11321,12 @@ ejs-sidebar {
10920
11321
  top: 90% !important; /* stylelint-disable-line declaration-no-important */
10921
11322
  }
10922
11323
 
10923
- .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,
10924
- .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 {
11324
+ .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,
11325
+ .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 {
10925
11326
  font-size: 28px;
10926
11327
  }
10927
- .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,
10928
- .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 {
11328
+ .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,
11329
+ .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 {
10929
11330
  width: 28px;
10930
11331
  height: 28px;
10931
11332
  }
@@ -10959,12 +11360,12 @@ ejs-sidebar {
10959
11360
  font-size: 10px;
10960
11361
  }
10961
11362
 
10962
- .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,
10963
- .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 {
11363
+ .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,
11364
+ .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 {
10964
11365
  font-size: 40px;
10965
11366
  }
10966
- .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,
10967
- .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 {
11367
+ .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,
11368
+ .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 {
10968
11369
  width: 40px;
10969
11370
  height: 40px;
10970
11371
  }
@@ -10998,16 +11399,16 @@ ejs-sidebar {
10998
11399
  font-size: 14px;
10999
11400
  }
11000
11401
 
11001
- .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,
11002
- .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,
11003
- .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,
11004
- .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 {
11402
+ .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,
11403
+ .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,
11404
+ .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,
11405
+ .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 {
11005
11406
  font-size: 36px;
11006
11407
  }
11007
- .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,
11008
- .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,
11009
- .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,
11010
- .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 {
11408
+ .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,
11409
+ .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,
11410
+ .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,
11411
+ .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 {
11011
11412
  width: 36px;
11012
11413
  height: 36px;
11013
11414
  }
@@ -11101,10 +11502,6 @@ ejs-sidebar {
11101
11502
  .e-stepper .e-step-error .e-indicator:hover {
11102
11503
  color: #9ca3af;
11103
11504
  }
11104
- .e-stepper .e-step-selected .e-text,
11105
- .e-stepper .e-step-selected .e-label {
11106
- font-weight: 600;
11107
- }
11108
11505
  .e-stepper .e-step-valid.e-step-text-only .e-step-validation-icon,
11109
11506
  .e-stepper .e-step-valid.e-step-label-only .e-step-validation-icon {
11110
11507
  color: #22c55e;
@@ -11123,7 +11520,7 @@ ejs-sidebar {
11123
11520
  .e-stepper .e-step-completed:not(.e-step-error) .e-label {
11124
11521
  color: #22d3ee;
11125
11522
  }
11126
- .e-stepper .e-step-label:not(.e-step-icon) .e-step-label-container {
11523
+ .e-stepper .e-step-label:not(.e-step-item) .e-step-label-container {
11127
11524
  background-color: #1f2937;
11128
11525
  }
11129
11526
  .e-stepper .e-step-text-container {
@@ -11139,7 +11536,7 @@ ejs-sidebar {
11139
11536
  .e-stepper .e-step-disabled .e-step-validation-icon {
11140
11537
  color: #6b7280;
11141
11538
  }
11142
- .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 {
11539
+ .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 {
11143
11540
  background-color: #1f2937;
11144
11541
  }
11145
11542
  .e-stepper .e-stepper-progressbar {
@@ -11149,31 +11546,36 @@ ejs-sidebar {
11149
11546
  background-color: #22d3ee;
11150
11547
  }
11151
11548
  .e-stepper:not(.e-steps-focus) .e-step-selected .e-step {
11152
- box-shadow: 0 0 0 2px #1f2937, 0 0 0 4px #22d3ee, 0 0 0 8px #1f2937;
11549
+ -webkit-box-shadow: 0 0 0 2px #1f2937, 0 0 0 4px #22d3ee, 0 0 0 8px #1f2937;
11550
+ box-shadow: 0 0 0 2px #1f2937, 0 0 0 4px #22d3ee, 0 0 0 8px #1f2937;
11153
11551
  }
11154
11552
  .e-stepper .e-step-focus .e-step,
11155
11553
  .e-stepper .e-step-label-only.e-step-focus .e-label,
11156
11554
  .e-stepper .e-step-text-only.e-step-focus .e-text,
11157
11555
  .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 {
11158
- box-shadow: 0 0 0 2px #1f2937, 0 0 0 4px #fff, 0 0 0 8px #1f2937;
11556
+ -webkit-box-shadow: 0 0 0 2px #1f2937, 0 0 0 4px #fff, 0 0 0 8px #1f2937;
11557
+ box-shadow: 0 0 0 2px #1f2937, 0 0 0 4px #fff, 0 0 0 8px #1f2937;
11159
11558
  }
11160
11559
  .e-stepper:not(.e-steps-focus) .e-step-valid.e-step-selected .e-step,
11161
11560
  .e-stepper .e-step-valid.e-step-focus .e-step,
11162
11561
  .e-stepper .e-step-valid.e-step-label-only.e-step-focus .e-label,
11163
11562
  .e-stepper .e-step-valid.e-step-text-only.e-step-focus .e-text,
11164
11563
  .e-stepper .e-step-valid.e-step-template.e-step-focus {
11165
- box-shadow: 0 0 0 2px #1f2937, 0 0 0 4px #22c55e, 0 0 0 8px #1f2937;
11564
+ -webkit-box-shadow: 0 0 0 2px #1f2937, 0 0 0 4px #22c55e, 0 0 0 8px #1f2937;
11565
+ box-shadow: 0 0 0 2px #1f2937, 0 0 0 4px #22c55e, 0 0 0 8px #1f2937;
11166
11566
  }
11167
11567
  .e-stepper:not(.e-steps-focus) .e-step-error.e-step-selected .e-step,
11168
11568
  .e-stepper .e-step-error.e-step-focus .e-step,
11169
11569
  .e-stepper .e-step-error.e-step-label-only.e-step-focus .e-label,
11170
11570
  .e-stepper .e-step-error.e-step-text-only.e-step-focus .e-text,
11171
11571
  .e-stepper .e-step-error.e-step-template.e-step-focus {
11172
- box-shadow: 0 0 0 2px #1f2937, 0 0 0 4px #f87171, 0 0 0 8px #1f2937;
11572
+ -webkit-box-shadow: 0 0 0 2px #1f2937, 0 0 0 4px #f87171, 0 0 0 8px #1f2937;
11573
+ box-shadow: 0 0 0 2px #1f2937, 0 0 0 4px #f87171, 0 0 0 8px #1f2937;
11173
11574
  }
11174
11575
  .e-stepper .e-step-container:not(.e-step-focus).e-step-notstarted .e-step,
11175
11576
  .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 {
11176
- box-shadow: 0 0 0 8px #1f2937;
11577
+ -webkit-box-shadow: 0 0 0 8px #1f2937;
11578
+ box-shadow: 0 0 0 8px #1f2937;
11177
11579
  }
11178
11580
  .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step:hover,
11179
11581
  .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {