@syncfusion/ej2-navigations 25.2.4 → 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 -2355
@@ -63,6 +63,10 @@
63
63
  margin-top: -36px;
64
64
  width: 90px;
65
65
  }
66
+ .e-bigger .e-pager .e-pagercontainer,
67
+ .e-pager.e-bigger .e-pagercontainer {
68
+ margin: 5px 8px 5px 24px;
69
+ }
66
70
  .e-bigger .e-pager .e-pagercontainer .e-firstpage,
67
71
  .e-bigger .e-pager .e-pagercontainer .e-prevpage,
68
72
  .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
@@ -86,14 +90,6 @@
86
90
  margin-bottom: 15px;
87
91
  margin-left: 16px;
88
92
  }
89
- .e-bigger .e-pager .e-pagercontainer,
90
- .e-pager.e-bigger .e-pagercontainer {
91
- margin: 5px 8px 5px 24px;
92
- }
93
- .e-bigger .e-pager.e-rtl .e-pagercontainer,
94
- .e-pager.e-bigger.e-rtl .e-pagercontainer {
95
- margin: 5px 0 5px 0;
96
- }
97
93
  @media (max-width: 769px) {
98
94
  .e-bigger .e-pager,
99
95
  .e-pager.e-bigger {
@@ -114,17 +110,6 @@
114
110
  .e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
115
111
  margin-left: 12px;
116
112
  }
117
- .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-bigger .e-pager.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
118
- .e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
119
- .e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
120
- margin-left: 0;
121
- margin-right: 12px;
122
- }
123
- .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
124
- .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
125
- margin-left: 6px;
126
- margin-top: -1px;
127
- }
128
113
  .e-bigger .e-pager .e-numericitem,
129
114
  .e-pager.e-bigger .e-numericitem {
130
115
  margin: 0 8px;
@@ -148,6 +133,38 @@
148
133
  border-radius: 16px;
149
134
  padding: 10px 13px;
150
135
  }
136
+ .e-bigger .e-pager.e-rtl .e-spacing,
137
+ .e-bigger .e-pager.e-rtl .e-numericitem:hover,
138
+ .e-bigger .e-pager.e-rtl .e-currentitem,
139
+ .e-pager.e-bigger.e-rtl .e-spacing,
140
+ .e-pager.e-bigger.e-rtl .e-numericitem:hover,
141
+ .e-pager.e-bigger.e-rtl .e-currentitem {
142
+ padding: 10px 13px;
143
+ }
144
+ .e-bigger .e-pager.e-rtl .e-pagerdropdown,
145
+ .e-pager.e-bigger.e-rtl .e-pagerdropdown {
146
+ margin: -35px 18px 0 0;
147
+ }
148
+ .e-bigger .e-pager.e-rtl .e-pagerconstant,
149
+ .e-pager.e-bigger.e-rtl .e-pagerconstant {
150
+ margin: 8px 16px 16px 0;
151
+ }
152
+ .e-bigger .e-pager.e-rtl .e-pagercontainer,
153
+ .e-pager.e-bigger.e-rtl .e-pagercontainer {
154
+ margin: 5px 0;
155
+ }
156
+ .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
157
+ .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
158
+ .e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
159
+ .e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
160
+ margin-left: 0;
161
+ margin-right: 12px;
162
+ }
163
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
164
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
165
+ margin-left: 6px;
166
+ margin-top: -1px;
167
+ }
151
168
  .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,
152
169
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
153
170
  .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -156,13 +173,17 @@
156
173
  font-size: 22px;
157
174
  margin-top: -10px;
158
175
  }
159
- .e-bigger .e-pager.e-rtl .e-pagerdropdown,
160
- .e-pager.e-bigger.e-rtl .e-pagerdropdown {
161
- margin: -35px 18px 0 0;
176
+ .e-bigger .e-pager.e-rtl.e-adaptive div.e-parentmsgbar,
177
+ .e-pager.e-bigger.e-rtl.e-adaptive div.e-parentmsgbar {
178
+ margin-top: 0;
162
179
  }
163
- .e-bigger .e-pager.e-rtl .e-pagerconstant,
164
- .e-pager.e-bigger.e-rtl .e-pagerconstant {
165
- margin: 8px 16px 16px 0;
180
+ .e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerdropdown,
181
+ .e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerdropdown {
182
+ margin: 2px 4px 0 2px;
183
+ }
184
+ .e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerconstant.e-page-all,
185
+ .e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerconstant.e-page-all {
186
+ top: 14px;
166
187
  }
167
188
  .e-bigger .e-pager .e-pagercontainer .e-firstpage,
168
189
  .e-bigger .e-pager .e-pagercontainer .e-prevpage,
@@ -205,18 +226,6 @@
205
226
  .e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
206
227
  top: 14px;
207
228
  }
208
- .e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar,
209
- .e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
210
- margin-top: 0;
211
- }
212
- .e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown,
213
- .e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
214
- margin: 2px 4px 0 2px;
215
- }
216
- .e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all,
217
- .e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
218
- top: 14px;
219
- }
220
229
 
221
230
  .e-pager {
222
231
  border-style: solid;
@@ -230,7 +239,8 @@
230
239
  /* stylelint-enable */
231
240
  }
232
241
  .e-pager [class^=e-] {
233
- box-sizing: border-box;
242
+ -webkit-box-sizing: border-box;
243
+ box-sizing: border-box;
234
244
  }
235
245
  .e-pager .e-pager-default.e-hide,
236
246
  .e-pager .e-pagesizes.e-hide,
@@ -303,6 +313,7 @@
303
313
  .e-pager a {
304
314
  display: inline;
305
315
  -webkit-user-select: none;
316
+ -moz-user-select: none;
306
317
  -ms-user-select: none;
307
318
  user-select: none;
308
319
  }
@@ -392,9 +403,9 @@
392
403
  .e-pager .e-pp:hover,
393
404
  .e-pager .e-np:hover {
394
405
  font-size: 22px;
406
+ padding: 0 6px;
395
407
  font-weight: normal;
396
408
  letter-spacing: -0.1em;
397
- padding: 0 6px;
398
409
  }
399
410
  .e-pager .e-np.e-focused,
400
411
  .e-pager .e-pp.e-focused {
@@ -402,23 +413,28 @@
402
413
  padding: 2.5px 0 9px;
403
414
  }
404
415
  .e-pager.e-adaptive {
416
+ display: -webkit-box;
405
417
  display: -ms-flexbox;
406
418
  display: flex;
407
- -ms-flex-align: center;
408
- align-items: center;
409
- -ms-flex-pack: justify;
410
- justify-content: space-between;
419
+ -webkit-box-align: center;
420
+ -ms-flex-align: center;
421
+ align-items: center;
422
+ -webkit-box-pack: justify;
423
+ -ms-flex-pack: justify;
424
+ justify-content: space-between;
411
425
  padding: 6px;
412
426
  }
413
427
  .e-pager.e-adaptive div.e-parentmsgbar {
414
428
  margin: 0 5px;
415
429
  margin-top: -4px;
416
- -ms-flex-positive: 1;
417
- flex-grow: 1;
430
+ -webkit-box-flex: 1;
431
+ -ms-flex-positive: 1;
432
+ flex-grow: 1;
418
433
  min-width: 10px;
419
434
  white-space: nowrap;
420
435
  }
421
436
  .e-pager.e-adaptive .e-pagesizes {
437
+ display: -webkit-inline-box;
422
438
  display: -ms-inline-flexbox;
423
439
  display: inline-flex;
424
440
  width: auto;
@@ -427,8 +443,9 @@
427
443
  margin: 6px 2px 0 4px;
428
444
  width: 77px;
429
445
  min-width: 77px;
430
- -ms-flex-order: 2;
431
- order: 2;
446
+ -webkit-box-ordinal-group: 3;
447
+ -ms-flex-order: 2;
448
+ order: 2;
432
449
  height: 40px;
433
450
  padding-right: 5px;
434
451
  }
@@ -436,8 +453,9 @@
436
453
  font-size: 12px;
437
454
  position: relative;
438
455
  top: 9px;
439
- -ms-flex-order: 1;
440
- order: 1;
456
+ -webkit-box-ordinal-group: 2;
457
+ -ms-flex-order: 1;
458
+ order: 1;
441
459
  min-width: 52px;
442
460
  max-height: 34px;
443
461
  margin: 0 8px 0 10px;
@@ -462,21 +480,18 @@
462
480
  padding: 13px 0;
463
481
  }
464
482
  .e-pager div.e-parentmsgbar {
465
- box-sizing: border-box;
466
- display: inline-block;
467
- float: initial;
468
483
  padding-bottom: 0;
469
484
  padding-right: 0;
470
485
  padding-top: 0;
486
+ -webkit-box-sizing: border-box;
487
+ box-sizing: border-box;
488
+ display: inline-block;
489
+ float: initial;
471
490
  text-align: center;
472
491
  width: calc(60% - 48px);
473
492
  }
474
- .e-pager .e-pagesizes {
475
- display: none;
476
- }
477
- .e-pager .e-pagecountmsg {
478
- display: none;
479
- }
493
+ .e-pager .e-pagesizes,
494
+ .e-pager .e-pagecountmsg,
480
495
  .e-pager .e-pagercontainer {
481
496
  display: none;
482
497
  }
@@ -488,7 +503,8 @@
488
503
  .e-pager .e-mnext,
489
504
  .e-pager .e-mlast {
490
505
  border: 0;
491
- box-sizing: border-box;
506
+ -webkit-box-sizing: border-box;
507
+ box-sizing: border-box;
492
508
  display: inline-block;
493
509
  padding: 1% 5%;
494
510
  }
@@ -585,7 +601,7 @@
585
601
  border-right-width: 0;
586
602
  min-width: 26px;
587
603
  }
588
- .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 {
604
+ .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 {
589
605
  margin-left: 0;
590
606
  margin-right: 9px;
591
607
  }
@@ -640,6 +656,9 @@
640
656
  float: right;
641
657
  }
642
658
  }
659
+ .e-pager.sf-pager .e-pagercontainer {
660
+ font-size: 0;
661
+ }
643
662
  .e-pager.sf-pager .e-pagercontainer .e-first,
644
663
  .e-pager.sf-pager .e-pagercontainer .e-prev,
645
664
  .e-pager.sf-pager .e-pagercontainer .e-next,
@@ -649,9 +668,6 @@
649
668
  .e-pager.sf-pager .e-numericcontainer a {
650
669
  font-size: 13px;
651
670
  }
652
- .e-pager.sf-pager .e-pagercontainer {
653
- font-size: 0;
654
- }
655
671
  .e-pager.sf-pager .e-link,
656
672
  .e-pager.sf-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
657
673
  margin-left: 0;
@@ -659,8 +675,8 @@
659
675
 
660
676
  /*! Pager theme */
661
677
  .e-pager {
662
- background-color: #303030;
663
678
  border-color: #616161;
679
+ background: #303030;
664
680
  color: rgba(255, 255, 255, 0.7);
665
681
  opacity: 0.87;
666
682
  }
@@ -695,7 +711,6 @@
695
711
  }
696
712
  .e-pager .e-numericitem {
697
713
  background: #303030;
698
- border-right-color: #616161;
699
714
  color: #fff;
700
715
  }
701
716
  .e-pager .e-prevpagedisabled,
@@ -717,6 +732,7 @@
717
732
  background-color: #303030;
718
733
  border-color: #616161;
719
734
  }
735
+ .e-pager .e-numericitem,
720
736
  .e-pager .e-firstpage,
721
737
  .e-pager .e-prevpage,
722
738
  .e-pager .e-firstpagedisabled,
@@ -746,10 +762,12 @@
746
762
  }
747
763
  .e-pager .e-currentitem.e-numericitem.e-focused {
748
764
  background: #00b0ff;
749
- box-shadow: none;
765
+ -webkit-box-shadow: none;
766
+ box-shadow: none;
750
767
  }
751
768
  .e-pager .e-focused {
752
- box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
769
+ -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
770
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
753
771
  }
754
772
  @media (max-width: 590px) {
755
773
  .e-pager .e-pager-default:hover {
@@ -758,23 +776,31 @@
758
776
  opacity: 0.87;
759
777
  }
760
778
  }
761
- .e-pager.e-rtl .e-numericitem {
762
- border-left-color: #616161;
763
- }
764
- .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 {
779
+ .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 {
765
780
  border-left-color: #616161;
766
781
  }
767
- .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
768
- border-left-color: #616161;
782
+
783
+ @-webkit-keyframes hscroll-popup-shadow {
784
+ 0% {
785
+ border-color: rgba(255, 255, 255, 0.5);
786
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
787
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
788
+ }
789
+ 100% {
790
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
791
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
792
+ }
769
793
  }
770
794
 
771
795
  @keyframes hscroll-popup-shadow {
772
796
  0% {
773
797
  border-color: rgba(255, 255, 255, 0.5);
774
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
798
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
799
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
775
800
  }
776
801
  100% {
777
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
802
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
803
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
778
804
  }
779
805
  }
780
806
  /*! hscroll icons */
@@ -851,12 +877,14 @@
851
877
  padding-right: initial;
852
878
  }
853
879
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
854
- transform: skewX(-16deg) translateX(-6px);
880
+ -webkit-transform: skewX(-16deg) translateX(-6px);
881
+ transform: skewX(-16deg) translateX(-6px);
855
882
  }
856
883
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
857
884
  left: 50px;
858
885
  right: auto;
859
- transform: skewX(-16deg) translateX(-6px);
886
+ -webkit-transform: skewX(-16deg) translateX(-6px);
887
+ transform: skewX(-16deg) translateX(-6px);
860
888
  }
861
889
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
862
890
  left: auto;
@@ -869,12 +897,14 @@
869
897
  padding-right: 50px;
870
898
  }
871
899
  .e-hscroll.e-scroll-device .e-scroll-nav {
872
- transform: skewX(-16deg) translateX(6px);
900
+ -webkit-transform: skewX(-16deg) translateX(6px);
901
+ transform: skewX(-16deg) translateX(6px);
873
902
  width: 50px;
874
903
  }
875
904
  .e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
876
905
  font-size: 14px;
877
- transform: skewX(16deg);
906
+ -webkit-transform: skewX(16deg);
907
+ transform: skewX(16deg);
878
908
  }
879
909
  .e-hscroll.e-scroll-device .e-scroll-overlay {
880
910
  opacity: 0.5;
@@ -886,7 +916,8 @@
886
916
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
887
917
  left: auto;
888
918
  right: 50px;
889
- transform: skewX(-16deg) translateX(6px);
919
+ -webkit-transform: skewX(-16deg) translateX(6px);
920
+ transform: skewX(-16deg) translateX(6px);
890
921
  }
891
922
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
892
923
  left: 0;
@@ -916,10 +947,12 @@
916
947
  right: 0;
917
948
  }
918
949
  .e-hscroll .e-scroll-nav {
919
- -ms-flex-align: center;
920
- align-items: center;
950
+ -webkit-box-align: center;
951
+ -ms-flex-align: center;
952
+ align-items: center;
921
953
  bottom: 0;
922
954
  cursor: pointer;
955
+ display: -webkit-box;
923
956
  display: -ms-flexbox;
924
957
  display: flex;
925
958
  min-height: 42px;
@@ -957,13 +990,15 @@
957
990
  }
958
991
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
959
992
  border-color: #000;
960
- box-shadow: 4px 0 8px 0 #fff;
993
+ -webkit-box-shadow: 4px 0 8px 0 #fff;
994
+ box-shadow: 4px 0 8px 0 #fff;
961
995
  }
962
996
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
963
997
  background-color: #212121;
964
998
  border-color: #000;
965
999
  border-width: 0;
966
- box-shadow: -4px 0 8px 0 #fff;
1000
+ -webkit-box-shadow: -4px 0 8px 0 #fff;
1001
+ box-shadow: -4px 0 8px 0 #fff;
967
1002
  }
968
1003
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
969
1004
  color: #fff;
@@ -973,9 +1008,11 @@
973
1008
  background-repeat: repeat-x;
974
1009
  }
975
1010
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
1011
+ background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(33, 33, 33, 0.5)), to(rgba(33, 33, 33, 0.0001)));
976
1012
  background-image: linear-gradient(to right, rgba(33, 33, 33, 0.5) 0, rgba(33, 33, 33, 0.0001) 100%);
977
1013
  }
978
1014
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
1015
+ background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(33, 33, 33, 0.0001)), to(rgba(33, 33, 33, 0.5)));
979
1016
  background-image: linear-gradient(to right, rgba(33, 33, 33, 0.0001) 0, rgba(33, 33, 33, 0.5) 100%);
980
1017
  }
981
1018
  .e-hscroll.e-rtl .e-scroll-nav {
@@ -1015,7 +1052,8 @@
1015
1052
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
1016
1053
  background: rgba(255, 255, 255, 0.18);
1017
1054
  border: 0;
1018
- box-shadow: none;
1055
+ -webkit-box-shadow: none;
1056
+ box-shadow: none;
1019
1057
  color: #000;
1020
1058
  }
1021
1059
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active .e-icons {
@@ -1034,7 +1072,8 @@
1034
1072
  background-color: transparent;
1035
1073
  border-radius: 50%;
1036
1074
  border-width: 1px;
1037
- box-sizing: border-box;
1075
+ -webkit-box-sizing: border-box;
1076
+ box-sizing: border-box;
1038
1077
  content: "";
1039
1078
  height: 1px;
1040
1079
  left: 50%;
@@ -1044,17 +1083,32 @@
1044
1083
  width: 1px;
1045
1084
  }
1046
1085
  .e-hscroll .e-scroll-nav:active::after {
1047
- animation: hscroll-popup-shadow 0.6s ease-out 0ms;
1086
+ -webkit-animation: hscroll-popup-shadow 0.6s ease-out 0ms;
1087
+ animation: hscroll-popup-shadow 0.6s ease-out 0ms;
1048
1088
  visibility: visible;
1049
1089
  }
1050
1090
 
1091
+ @-webkit-keyframes vscroll-popup-shadow {
1092
+ 0% {
1093
+ border-color: rgba(255, 255, 255, 0.5);
1094
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1095
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1096
+ }
1097
+ 100% {
1098
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1099
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1100
+ }
1101
+ }
1102
+
1051
1103
  @keyframes vscroll-popup-shadow {
1052
1104
  0% {
1053
1105
  border-color: rgba(255, 255, 255, 0.5);
1054
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1106
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1107
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1055
1108
  }
1056
1109
  100% {
1057
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1110
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1111
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1058
1112
  }
1059
1113
  }
1060
1114
  /*! vscroll icons */
@@ -1101,12 +1155,14 @@
1101
1155
  width: inherit;
1102
1156
  }
1103
1157
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
1104
- transform: skewX(-16deg) translateX(-6px);
1158
+ -webkit-transform: skewX(-16deg) translateX(-6px);
1159
+ transform: skewX(-16deg) translateX(-6px);
1105
1160
  }
1106
1161
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
1107
1162
  left: 56px;
1108
1163
  right: auto;
1109
- transform: skewX(-16deg) translateX(-6px);
1164
+ -webkit-transform: skewX(-16deg) translateX(-6px);
1165
+ transform: skewX(-16deg) translateX(-6px);
1110
1166
  }
1111
1167
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
1112
1168
  left: auto;
@@ -1116,13 +1172,15 @@
1116
1172
  padding: 0 16px;
1117
1173
  }
1118
1174
  .e-vscroll.e-scroll-device .e-scroll-nav {
1119
- transform: skewX(-16deg) translateX(6px);
1175
+ -webkit-transform: skewX(-16deg) translateX(6px);
1176
+ transform: skewX(-16deg) translateX(6px);
1120
1177
  width: 56px;
1121
1178
  z-index: 1001;
1122
1179
  }
1123
1180
  .e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
1124
1181
  font-size: 14px;
1125
- transform: skewX(16deg);
1182
+ -webkit-transform: skewX(16deg);
1183
+ transform: skewX(16deg);
1126
1184
  }
1127
1185
  .e-vscroll.e-scroll-device .e-scroll-overlay {
1128
1186
  opacity: 0.5;
@@ -1134,7 +1192,8 @@
1134
1192
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
1135
1193
  left: auto;
1136
1194
  right: 56px;
1137
- transform: skewX(-16deg) translateX(6px);
1195
+ -webkit-transform: skewX(-16deg) translateX(6px);
1196
+ transform: skewX(-16deg) translateX(6px);
1138
1197
  }
1139
1198
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
1140
1199
  left: 0;
@@ -1161,9 +1220,11 @@
1161
1220
  right: auto;
1162
1221
  }
1163
1222
  .e-vscroll .e-scroll-nav {
1164
- -ms-flex-align: center;
1165
- align-items: center;
1223
+ -webkit-box-align: center;
1224
+ -ms-flex-align: center;
1225
+ align-items: center;
1166
1226
  cursor: pointer;
1227
+ display: -webkit-box;
1167
1228
  display: -ms-flexbox;
1168
1229
  display: flex;
1169
1230
  height: 40px;
@@ -1196,13 +1257,15 @@
1196
1257
  }
1197
1258
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
1198
1259
  border-color: rgba(0, 0, 0, 0.12);
1199
- box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
1260
+ -webkit-box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
1261
+ box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
1200
1262
  }
1201
1263
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
1202
1264
  background-color: #fafafa;
1203
1265
  border-color: rgba(0, 0, 0, 0.12);
1204
1266
  border-width: 1px;
1205
- box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06);
1267
+ -webkit-box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06);
1268
+ box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06);
1206
1269
  }
1207
1270
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
1208
1271
  color: #00b0ff;
@@ -1212,9 +1275,11 @@
1212
1275
  background-repeat: repeat-x;
1213
1276
  }
1214
1277
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
1278
+ background-image: -webkit-gradient(linear, left top, right top, from(#fafafa), to(rgba(250, 250, 250, 0)));
1215
1279
  background-image: linear-gradient(-270deg, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
1216
1280
  }
1217
1281
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
1282
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(250, 250, 250, 0)), to(#fafafa));
1218
1283
  background-image: linear-gradient(-270deg, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
1219
1284
  }
1220
1285
  .e-vscroll.e-rtl .e-scroll-nav {
@@ -1240,7 +1305,8 @@
1240
1305
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
1241
1306
  background: #bdbdbd;
1242
1307
  border: 0;
1243
- box-shadow: none;
1308
+ -webkit-box-shadow: none;
1309
+ box-shadow: none;
1244
1310
  color: #000;
1245
1311
  }
1246
1312
  .e-vscroll .e-scroll-nav {
@@ -1256,7 +1322,8 @@
1256
1322
  background-color: transparent;
1257
1323
  border-radius: 50%;
1258
1324
  border-width: 1px;
1259
- box-sizing: border-box;
1325
+ -webkit-box-sizing: border-box;
1326
+ box-sizing: border-box;
1260
1327
  content: "";
1261
1328
  height: 1px;
1262
1329
  left: 50%;
@@ -1266,38 +1333,34 @@
1266
1333
  width: 1px;
1267
1334
  }
1268
1335
  .e-vscroll .e-scroll-nav:active::after {
1269
- animation: vscroll-popup-shadow 0.6s ease-out 0ms;
1336
+ -webkit-animation: vscroll-popup-shadow 0.6s ease-out 0ms;
1337
+ animation: vscroll-popup-shadow 0.6s ease-out 0ms;
1270
1338
  visibility: visible;
1271
1339
  }
1272
1340
 
1273
- @keyframes hscroll-popup-shadow {
1341
+ @-webkit-keyframes tbar-popup-shadow {
1274
1342
  0% {
1275
1343
  border-color: rgba(255, 255, 255, 0.5);
1276
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1344
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1345
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1277
1346
  }
1278
1347
  100% {
1279
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1280
- }
1281
- }
1282
- @keyframes vscroll-popup-shadow {
1283
- 0% {
1284
- border-color: rgba(255, 255, 255, 0.5);
1285
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1286
- }
1287
- 100% {
1288
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1348
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1349
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1289
1350
  }
1290
1351
  }
1352
+
1291
1353
  @keyframes tbar-popup-shadow {
1292
1354
  0% {
1293
1355
  border-color: rgba(255, 255, 255, 0.5);
1294
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1356
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1357
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1295
1358
  }
1296
1359
  100% {
1297
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1360
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1361
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1298
1362
  }
1299
1363
  }
1300
- /*! toolbar icons */
1301
1364
  .e-toolbar .e-popup-down-icon::before {
1302
1365
  content: "\e916";
1303
1366
  line-height: normal;
@@ -1307,7 +1370,6 @@
1307
1370
  line-height: normal;
1308
1371
  }
1309
1372
 
1310
- /*! toolbar layout */
1311
1373
  /* stylelint-disable property-no-vendor-prefix */
1312
1374
  .e-bigger .e-toolbar,
1313
1375
  .e-toolbar.e-bigger {
@@ -1551,10 +1613,8 @@
1551
1613
  margin-right: initial;
1552
1614
  }
1553
1615
  .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
1554
- .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
1555
- margin: 0;
1556
- }
1557
1616
  .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item,
1617
+ .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
1558
1618
  .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
1559
1619
  margin: 0;
1560
1620
  }
@@ -1580,12 +1640,14 @@
1580
1640
  min-height: 42px;
1581
1641
  position: relative;
1582
1642
  -webkit-user-select: none;
1643
+ -moz-user-select: none;
1583
1644
  -ms-user-select: none;
1584
1645
  user-select: none;
1585
1646
  white-space: nowrap;
1586
1647
  overflow: hidden;
1587
1648
  }
1588
1649
  .e-toolbar.e-spacer-toolbar .e-toolbar-items {
1650
+ display: -webkit-box;
1589
1651
  display: -ms-flexbox;
1590
1652
  display: flex;
1591
1653
  -ms-flex-wrap: nowrap;
@@ -1604,7 +1666,8 @@
1604
1666
  visibility: hidden;
1605
1667
  }
1606
1668
  .e-toolbar.e-control[class*=e-toolbar] {
1607
- box-sizing: content-box;
1669
+ -webkit-box-sizing: content-box;
1670
+ box-sizing: content-box;
1608
1671
  }
1609
1672
  .e-toolbar.e-corner {
1610
1673
  border-radius: 0;
@@ -1614,12 +1677,14 @@
1614
1677
  }
1615
1678
  .e-toolbar .e-toolbar-items {
1616
1679
  border-radius: 4px 0 0 4px;
1680
+ display: -webkit-inline-box;
1617
1681
  display: -ms-inline-flexbox;
1618
1682
  display: inline-flex;
1619
1683
  height: 100%;
1620
1684
  vertical-align: middle;
1621
- -ms-flex-align: center;
1622
- align-items: center;
1685
+ -webkit-box-align: center;
1686
+ -ms-flex-align: center;
1687
+ align-items: center;
1623
1688
  }
1624
1689
  .e-toolbar .e-toolbar-items.e-toolbar-multirow {
1625
1690
  margin-bottom: 1px;
@@ -1682,9 +1747,7 @@
1682
1747
  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
1683
1748
  margin-right: 3px;
1684
1749
  }
1685
- .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
1686
- margin: 0;
1687
- }
1750
+ .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
1688
1751
  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
1689
1752
  margin: 0;
1690
1753
  }
@@ -1694,29 +1757,36 @@
1694
1757
  .e-toolbar .e-toolbar-item {
1695
1758
  -ms-flex-line-pack: center;
1696
1759
  align-content: center;
1697
- -ms-flex-align: center;
1698
- align-items: center;
1760
+ -webkit-box-align: center;
1761
+ -ms-flex-align: center;
1762
+ align-items: center;
1699
1763
  cursor: pointer;
1764
+ display: -webkit-inline-box;
1700
1765
  display: -ms-inline-flexbox;
1701
1766
  display: inline-flex;
1702
1767
  min-height: 42px;
1703
1768
  vertical-align: middle;
1704
1769
  width: auto;
1705
- -ms-flex: 0 0 auto;
1706
- flex: 0 0 auto;
1770
+ -webkit-box-flex: 0;
1771
+ -ms-flex: 0 0 auto;
1772
+ flex: 0 0 auto;
1707
1773
  }
1708
1774
  .e-toolbar .e-toolbar-item.e-spacer {
1709
- -ms-flex-positive: 1;
1710
- flex-grow: 1;
1775
+ -webkit-box-flex: 1;
1776
+ -ms-flex-positive: 1;
1777
+ flex-grow: 1;
1711
1778
  }
1712
1779
  .e-toolbar .e-toolbar-item .e-tbar-btn {
1780
+ display: -webkit-box;
1713
1781
  display: -ms-flexbox;
1714
1782
  display: flex;
1715
- -ms-flex-align: center;
1716
- align-items: center;
1783
+ -webkit-box-align: center;
1784
+ -ms-flex-align: center;
1785
+ align-items: center;
1717
1786
  vertical-align: middle;
1718
- -ms-flex-pack: center;
1719
- justify-content: center;
1787
+ -webkit-box-pack: center;
1788
+ -ms-flex-pack: center;
1789
+ justify-content: center;
1720
1790
  margin: 4px 0;
1721
1791
  min-height: 0;
1722
1792
  min-width: 0;
@@ -1785,10 +1855,13 @@
1785
1855
  height: auto;
1786
1856
  }
1787
1857
  .e-toolbar.e-vertical {
1858
+ display: -webkit-box;
1788
1859
  display: -ms-flexbox;
1789
1860
  display: flex;
1790
- -ms-flex-direction: column;
1791
- flex-direction: column;
1861
+ -webkit-box-orient: vertical;
1862
+ -webkit-box-direction: normal;
1863
+ -ms-flex-direction: column;
1864
+ flex-direction: column;
1792
1865
  }
1793
1866
  .e-toolbar.e-vertical .e-toolbar-items .e-vscroll-bar .e-vscroll-content {
1794
1867
  -ms-touch-action: pan-x pinch-zoom;
@@ -1816,6 +1889,7 @@
1816
1889
  margin-right: 0;
1817
1890
  }
1818
1891
  .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item {
1892
+ display: -webkit-box;
1819
1893
  display: -ms-flexbox;
1820
1894
  display: flex;
1821
1895
  height: auto;
@@ -1847,10 +1921,12 @@
1847
1921
  top: 0;
1848
1922
  }
1849
1923
  .e-toolbar .e-hor-nav {
1850
- -ms-flex-align: center;
1851
- align-items: center;
1924
+ -webkit-box-align: center;
1925
+ -ms-flex-align: center;
1926
+ align-items: center;
1852
1927
  border-radius: 0 4px 4px 0;
1853
1928
  cursor: pointer;
1929
+ display: -webkit-box;
1854
1930
  display: -ms-flexbox;
1855
1931
  display: flex;
1856
1932
  height: 100%;
@@ -1867,14 +1943,17 @@
1867
1943
  .e-toolbar .e-popup-down-icon.e-icons,
1868
1944
  .e-toolbar .e-popup-up-icon.e-icons {
1869
1945
  color: #fff;
1946
+ display: -webkit-box;
1870
1947
  display: -ms-flexbox;
1871
1948
  display: flex;
1872
1949
  text-align: center;
1873
1950
  vertical-align: middle;
1874
- -ms-flex-align: center;
1875
- align-items: center;
1876
- -ms-flex-pack: center;
1877
- justify-content: center;
1951
+ -webkit-box-align: center;
1952
+ -ms-flex-align: center;
1953
+ align-items: center;
1954
+ -webkit-box-pack: center;
1955
+ -ms-flex-pack: center;
1956
+ justify-content: center;
1878
1957
  width: 100%;
1879
1958
  font-size: 12px;
1880
1959
  }
@@ -1891,11 +1970,13 @@
1891
1970
  position: absolute;
1892
1971
  }
1893
1972
  .e-toolbar .e-toolbar-pop .e-toolbar-item {
1973
+ display: -webkit-box;
1894
1974
  display: -ms-flexbox;
1895
1975
  display: flex;
1896
1976
  height: auto;
1897
- -ms-flex-pack: center;
1898
- justify-content: center;
1977
+ -webkit-box-pack: center;
1978
+ -ms-flex-pack: center;
1979
+ justify-content: center;
1899
1980
  min-height: 25px;
1900
1981
  }
1901
1982
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-toolbar-popup.e-hidden {
@@ -1907,8 +1988,9 @@
1907
1988
  padding: 0 4px;
1908
1989
  border: none;
1909
1990
  border-radius: 2px;
1910
- -ms-flex-pack: start;
1911
- justify-content: flex-start;
1991
+ -webkit-box-pack: start;
1992
+ -ms-flex-pack: start;
1993
+ justify-content: flex-start;
1912
1994
  }
1913
1995
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
1914
1996
  margin: 0;
@@ -1956,11 +2038,13 @@
1956
2038
  padding-right: 3px;
1957
2039
  padding-top: 0;
1958
2040
  margin-left: -1px;
1959
- box-shadow: none;
2041
+ -webkit-box-shadow: none;
2042
+ box-shadow: none;
1960
2043
  display: inline;
1961
2044
  white-space: normal;
1962
2045
  }
1963
2046
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item {
2047
+ display: -webkit-inline-box;
1964
2048
  display: -ms-inline-flexbox;
1965
2049
  display: inline-flex;
1966
2050
  min-height: 42px;
@@ -1978,13 +2062,16 @@
1978
2062
  }
1979
2063
  .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),
1980
2064
  .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) {
2065
+ display: -webkit-box;
1981
2066
  display: -ms-flexbox;
1982
2067
  display: flex;
1983
- -ms-flex-align: center;
1984
- align-items: center;
2068
+ -webkit-box-align: center;
2069
+ -ms-flex-align: center;
2070
+ align-items: center;
1985
2071
  vertical-align: middle;
1986
- -ms-flex-pack: center;
1987
- justify-content: center;
2072
+ -webkit-box-pack: center;
2073
+ -ms-flex-pack: center;
2074
+ justify-content: center;
1988
2075
  padding: 0;
1989
2076
  font-size: 14px;
1990
2077
  }
@@ -2038,7 +2125,6 @@
2038
2125
  }
2039
2126
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
2040
2127
  -ms-flex-item-align: center;
2041
- -ms-grid-row-align: center;
2042
2128
  align-self: center;
2043
2129
  text-overflow: ellipsis;
2044
2130
  }
@@ -2046,6 +2132,7 @@
2046
2132
  display: none;
2047
2133
  }
2048
2134
  .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-separator:last-of-type {
2135
+ display: -webkit-inline-box;
2049
2136
  display: -ms-inline-flexbox;
2050
2137
  display: inline-flex;
2051
2138
  }
@@ -2068,9 +2155,7 @@
2068
2155
  margin-left: 3px;
2069
2156
  margin-right: initial;
2070
2157
  }
2071
- .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
2072
- margin: 0;
2073
- }
2158
+ .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
2074
2159
  .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
2075
2160
  margin: 0;
2076
2161
  }
@@ -2107,9 +2192,7 @@
2107
2192
  right: auto;
2108
2193
  border-radius: 4px 0 0 4px;
2109
2194
  }
2110
- .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item {
2111
- margin: 0;
2112
- }
2195
+ .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item,
2113
2196
  .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item {
2114
2197
  margin: 0;
2115
2198
  }
@@ -2129,20 +2212,21 @@
2129
2212
  padding-left: 0;
2130
2213
  }
2131
2214
 
2132
- /*! toolbar theme */
2133
2215
  /* stylelint-disable property-no-vendor-prefix */
2134
2216
  .e-toolbar {
2135
2217
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2136
2218
  background: #212121;
2137
2219
  border: 1px solid #616161;
2138
- box-shadow: none;
2220
+ -webkit-box-shadow: none;
2221
+ box-shadow: none;
2139
2222
  }
2140
2223
  .e-toolbar .e-toolbar-items {
2141
2224
  background: #212121;
2142
2225
  }
2143
2226
  .e-toolbar .e-toolbar-item .e-tbar-btn {
2144
2227
  background: #212121;
2145
- box-shadow: none;
2228
+ -webkit-box-shadow: none;
2229
+ box-shadow: none;
2146
2230
  color: #fff;
2147
2231
  border: none;
2148
2232
  }
@@ -2154,13 +2238,15 @@
2154
2238
  }
2155
2239
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active {
2156
2240
  background: rgba(255, 255, 255, 0.24);
2157
- box-shadow: none;
2241
+ -webkit-box-shadow: none;
2242
+ box-shadow: none;
2158
2243
  }
2159
2244
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active .e-tbar-btn-text {
2160
2245
  color: #fff;
2161
2246
  }
2162
2247
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active:focus {
2163
- box-shadow: none;
2248
+ -webkit-box-shadow: none;
2249
+ box-shadow: none;
2164
2250
  }
2165
2251
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
2166
2252
  background: rgba(255, 255, 255, 0.1);
@@ -2169,7 +2255,8 @@
2169
2255
  border-color: #000;
2170
2256
  border-style: solid;
2171
2257
  border-width: 0;
2172
- box-shadow: none;
2258
+ -webkit-box-shadow: none;
2259
+ box-shadow: none;
2173
2260
  }
2174
2261
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
2175
2262
  color: #fff;
@@ -2203,7 +2290,8 @@
2203
2290
  border-style: solid;
2204
2291
  border-width: 0;
2205
2292
  border-radius: 2px;
2206
- box-shadow: none;
2293
+ -webkit-box-shadow: none;
2294
+ box-shadow: none;
2207
2295
  color: #000;
2208
2296
  }
2209
2297
  .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
@@ -2247,7 +2335,8 @@
2247
2335
  background-color: transparent;
2248
2336
  border-radius: 50%;
2249
2337
  border-width: 1px;
2250
- box-sizing: border-box;
2338
+ -webkit-box-sizing: border-box;
2339
+ box-sizing: border-box;
2251
2340
  content: "";
2252
2341
  height: 1px;
2253
2342
  left: 50%;
@@ -2261,7 +2350,8 @@
2261
2350
  }
2262
2351
  .e-toolbar .e-hor-nav:active {
2263
2352
  border: 0;
2264
- box-shadow: none;
2353
+ -webkit-box-shadow: none;
2354
+ box-shadow: none;
2265
2355
  color: #fff;
2266
2356
  background: #212121;
2267
2357
  }
@@ -2269,7 +2359,8 @@
2269
2359
  color: #fff;
2270
2360
  }
2271
2361
  .e-toolbar .e-hor-nav:active::after {
2272
- animation: tbar-popup-shadow 0.6s ease-out 0ms;
2362
+ -webkit-animation: tbar-popup-shadow 0.6s ease-out 0ms;
2363
+ animation: tbar-popup-shadow 0.6s ease-out 0ms;
2273
2364
  visibility: visible;
2274
2365
  }
2275
2366
  .e-toolbar .e-hor-nav:hover {
@@ -2304,7 +2395,8 @@
2304
2395
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
2305
2396
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
2306
2397
  background: rgba(255, 255, 255, 0.1);
2307
- box-shadow: none;
2398
+ -webkit-box-shadow: none;
2399
+ box-shadow: none;
2308
2400
  border-color: rgba(255, 255, 255, 0.1);
2309
2401
  border-style: solid;
2310
2402
  border-width: 0;
@@ -2326,31 +2418,35 @@
2326
2418
  .e-toolbar .e-toolbar-pop {
2327
2419
  background: #212121;
2328
2420
  border: 1px solid #616161;
2329
- box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
2421
+ -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
2422
+ box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
2330
2423
  }
2331
2424
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn {
2332
2425
  background: #212121;
2333
2426
  }
2334
2427
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
2335
2428
  background: rgba(255, 255, 255, 0.1);
2336
- box-shadow: none;
2429
+ -webkit-box-shadow: none;
2430
+ box-shadow: none;
2337
2431
  border-color: #000;
2338
2432
  border-style: solid;
2339
2433
  border-width: 0;
2340
2434
  }
2341
2435
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
2342
2436
  background: #616161;
2343
- box-shadow: none;
2437
+ -webkit-box-shadow: none;
2438
+ box-shadow: none;
2344
2439
  border-color: #616161;
2345
2440
  border-style: solid;
2346
2441
  border-width: 0;
2347
2442
  }
2348
2443
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus {
2349
2444
  background: rgba(255, 255, 255, 0.1);
2350
- box-shadow: none;
2351
2445
  border-color: #000;
2352
2446
  border-style: solid;
2353
2447
  border-width: 0;
2448
+ -webkit-box-shadow: none;
2449
+ box-shadow: none;
2354
2450
  }
2355
2451
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
2356
2452
  outline: 0;
@@ -2360,7 +2456,8 @@
2360
2456
  }
2361
2457
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
2362
2458
  background: #212121;
2363
- box-shadow: none;
2459
+ -webkit-box-shadow: none;
2460
+ box-shadow: none;
2364
2461
  border: none;
2365
2462
  }
2366
2463
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
@@ -2369,7 +2466,8 @@
2369
2466
  border-color: #000;
2370
2467
  border-style: solid;
2371
2468
  border-width: 0;
2372
- box-shadow: none;
2469
+ -webkit-box-shadow: none;
2470
+ box-shadow: none;
2373
2471
  }
2374
2472
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
2375
2473
  background: rgba(255, 255, 255, 0.1);
@@ -2381,7 +2479,8 @@
2381
2479
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
2382
2480
  background: #616161;
2383
2481
  border-radius: 2px;
2384
- box-shadow: none;
2482
+ -webkit-box-shadow: none;
2483
+ box-shadow: none;
2385
2484
  border-color: #616161;
2386
2485
  border-style: solid;
2387
2486
  border-width: 0;
@@ -2408,15 +2507,14 @@
2408
2507
  border-width: 0 1px 0 0;
2409
2508
  }
2410
2509
 
2411
- /*! accordion icons */
2412
2510
  .e-accordion .e-tgl-collapse-icon::before {
2413
2511
  content: "\e916";
2414
2512
  }
2415
2513
  .e-accordion .e-tgl-collapse-icon.e-expand-icon {
2416
- transform: rotate(-180deg);
2514
+ -webkit-transform: rotate(-180deg);
2515
+ transform: rotate(-180deg);
2417
2516
  }
2418
2517
 
2419
- /*! accordion layout */
2420
2518
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
2421
2519
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2422
2520
  font-size: 16px;
@@ -2432,7 +2530,8 @@
2432
2530
  }
2433
2531
  .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,
2434
2532
  .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 {
2435
- box-shadow: none;
2533
+ -webkit-box-shadow: none;
2534
+ box-shadow: none;
2436
2535
  padding: 0 46px 0 32px;
2437
2536
  }
2438
2537
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -2598,6 +2697,7 @@
2598
2697
  vertical-align: middle;
2599
2698
  }
2600
2699
  .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
2700
+ -webkit-transition: 0.5s ease 0s;
2601
2701
  transition: 0.5s ease 0s;
2602
2702
  }
2603
2703
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
@@ -2620,7 +2720,8 @@
2620
2720
  padding: 0 40px 0 32px;
2621
2721
  }
2622
2722
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2623
- box-shadow: none;
2723
+ -webkit-box-shadow: none;
2724
+ box-shadow: none;
2624
2725
  }
2625
2726
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2626
2727
  padding: 0;
@@ -2682,8 +2783,6 @@
2682
2783
  padding: 0 0 0 8px;
2683
2784
  }
2684
2785
 
2685
- /*! accordion theme */
2686
- /* stylelint-disable property-no-vendor-prefix */
2687
2786
  .e-accordion {
2688
2787
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2689
2788
  background: #303030;
@@ -2828,7 +2927,8 @@
2828
2927
  }
2829
2928
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2830
2929
  border: 0;
2831
- box-shadow: none;
2930
+ -webkit-box-shadow: none;
2931
+ box-shadow: none;
2832
2932
  background: rgba(255, 255, 255, 0.05);
2833
2933
  }
2834
2934
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
@@ -2906,7 +3006,8 @@
2906
3006
  color: rgba(255, 255, 255, 0.7);
2907
3007
  }
2908
3008
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2909
- box-shadow: none;
3009
+ -webkit-box-shadow: none;
3010
+ box-shadow: none;
2910
3011
  position: relative;
2911
3012
  z-index: 2;
2912
3013
  }
@@ -2947,7 +3048,6 @@
2947
3048
  font-size: 13px;
2948
3049
  }
2949
3050
 
2950
- /*! Carousel component material-dark theme definitions and variables */
2951
3051
  .e-carousel .e-previous-icon::before {
2952
3052
  content: "\e904";
2953
3053
  }
@@ -2967,7 +3067,6 @@
2967
3067
  content: "\e904";
2968
3068
  }
2969
3069
 
2970
- /*! carousel component styles */
2971
3070
  .e-carousel {
2972
3071
  display: block;
2973
3072
  margin: 0;
@@ -3001,13 +3100,21 @@
3001
3100
  }
3002
3101
  .e-carousel .e-carousel-items {
3003
3102
  width: calc(var(--carousel-items-count) * 100%);
3103
+ display: -webkit-box;
3004
3104
  display: -ms-flexbox;
3005
3105
  display: flex;
3006
- -ms-flex-direction: row;
3007
- flex-direction: row;
3106
+ -webkit-box-orient: horizontal;
3107
+ -webkit-box-direction: normal;
3108
+ -ms-flex-direction: row;
3109
+ flex-direction: row;
3110
+ -webkit-transition-property: -webkit-transform;
3111
+ transition-property: -webkit-transform;
3008
3112
  transition-property: transform;
3009
- transition-duration: 0.6s;
3010
- transition-timing-function: ease-in-out;
3113
+ transition-property: transform, -webkit-transform;
3114
+ -webkit-transition-duration: 0.6s;
3115
+ transition-duration: 0.6s;
3116
+ -webkit-transition-timing-function: ease-in-out;
3117
+ transition-timing-function: ease-in-out;
3011
3118
  }
3012
3119
  .e-carousel .e-carousel-items .e-carousel-item {
3013
3120
  height: 100%;
@@ -3017,16 +3124,34 @@
3017
3124
  width: calc(100% / var(--carousel-items-count));
3018
3125
  }
3019
3126
  .e-carousel.e-blazor-carousel .e-carousel-items {
3020
- transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
3127
+ -webkit-transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
3128
+ transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
3129
+ -webkit-transition: -webkit-transform;
3130
+ transition: -webkit-transform;
3021
3131
  transition: transform;
3132
+ transition: transform, -webkit-transform;
3022
3133
  }
3023
3134
  .e-carousel.e-blazor-carousel.e-rtl .e-carousel-items {
3024
- transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
3135
+ -webkit-transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
3136
+ transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
3137
+ -webkit-transition: -webkit-transform;
3138
+ transition: -webkit-transform;
3025
3139
  transition: transform;
3140
+ transition: transform, -webkit-transform;
3026
3141
  }
3027
3142
  .e-carousel.e-carousel-fade-animation .e-carousel-items.e-fade-in-out {
3143
+ -webkit-transition-property: none;
3028
3144
  transition-property: none;
3029
- animation: fade-in-out 0.6s ease-in-out;
3145
+ -webkit-animation: fade-in-out 0.6s ease-in-out;
3146
+ animation: fade-in-out 0.6s ease-in-out;
3147
+ }
3148
+ @-webkit-keyframes fade-in-out {
3149
+ 0% {
3150
+ opacity: 0;
3151
+ }
3152
+ 100% {
3153
+ opacity: 1;
3154
+ }
3030
3155
  }
3031
3156
  @keyframes fade-in-out {
3032
3157
  0% {
@@ -3037,7 +3162,8 @@
3037
3162
  }
3038
3163
  }
3039
3164
  .e-carousel.e-carousel-slide-animation .e-carousel-items.e-slide {
3040
- transition-duration: 0.6s;
3165
+ -webkit-transition-duration: 0.6s;
3166
+ transition-duration: 0.6s;
3041
3167
  }
3042
3168
  .e-carousel.e-carousel-custom-animation:not(.e-partial) .e-carousel-item {
3043
3169
  display: block;
@@ -3052,13 +3178,16 @@
3052
3178
  pointer-events: visible;
3053
3179
  }
3054
3180
  .e-carousel .e-carousel-navigators {
3055
- -ms-flex-align: center;
3056
- align-items: center;
3181
+ -webkit-box-align: center;
3182
+ -ms-flex-align: center;
3183
+ align-items: center;
3184
+ display: -webkit-box;
3057
3185
  display: -ms-flexbox;
3058
3186
  display: flex;
3059
3187
  height: 100%;
3060
- -ms-flex-pack: justify;
3061
- justify-content: space-between;
3188
+ -webkit-box-pack: justify;
3189
+ -ms-flex-pack: justify;
3190
+ justify-content: space-between;
3062
3191
  pointer-events: none;
3063
3192
  position: absolute;
3064
3193
  top: 0;
@@ -3075,7 +3204,8 @@
3075
3204
  .e-carousel .e-carousel-navigators .e-previous .e-btn,
3076
3205
  .e-carousel .e-carousel-navigators .e-next .e-btn {
3077
3206
  border: 0;
3078
- box-shadow: none;
3207
+ -webkit-box-shadow: none;
3208
+ box-shadow: none;
3079
3209
  }
3080
3210
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
3081
3211
  .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
@@ -3085,7 +3215,8 @@
3085
3215
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
3086
3216
  .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
3087
3217
  .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
3088
- transform: rotate(180deg);
3218
+ -webkit-transform: rotate(180deg);
3219
+ transform: rotate(180deg);
3089
3220
  }
3090
3221
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn .e-play-icon,
3091
3222
  .e-carousel .e-carousel-navigators .e-previous .e-btn .e-play-icon,
@@ -3099,13 +3230,16 @@
3099
3230
  display: none;
3100
3231
  }
3101
3232
  .e-carousel .e-carousel-indicators {
3102
- -ms-flex-align: center;
3103
- align-items: center;
3233
+ -webkit-box-align: center;
3234
+ -ms-flex-align: center;
3235
+ align-items: center;
3104
3236
  bottom: 0;
3237
+ display: -webkit-box;
3105
3238
  display: -ms-flexbox;
3106
3239
  display: flex;
3107
- -ms-flex-pack: center;
3108
- justify-content: center;
3240
+ -webkit-box-pack: center;
3241
+ -ms-flex-pack: center;
3242
+ justify-content: center;
3109
3243
  min-height: 48px;
3110
3244
  padding: 0;
3111
3245
  pointer-events: none;
@@ -3114,33 +3248,41 @@
3114
3248
  z-index: 1;
3115
3249
  }
3116
3250
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars {
3251
+ display: -webkit-box;
3117
3252
  display: -ms-flexbox;
3118
3253
  display: flex;
3119
3254
  -ms-flex-wrap: wrap;
3120
3255
  flex-wrap: wrap;
3121
- -ms-flex-pack: center;
3122
- justify-content: center;
3256
+ -webkit-box-pack: center;
3257
+ -ms-flex-pack: center;
3258
+ justify-content: center;
3123
3259
  pointer-events: auto;
3124
3260
  }
3125
3261
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar {
3126
3262
  padding: 0;
3127
3263
  }
3128
3264
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator {
3129
- -ms-flex-align: center;
3130
- align-items: center;
3265
+ -webkit-box-align: center;
3266
+ -ms-flex-align: center;
3267
+ align-items: center;
3268
+ display: -webkit-box;
3131
3269
  display: -ms-flexbox;
3132
3270
  display: flex;
3133
- -ms-flex-pack: center;
3134
- justify-content: center;
3271
+ -webkit-box-pack: center;
3272
+ -ms-flex-pack: center;
3273
+ justify-content: center;
3135
3274
  padding: 6px;
3136
3275
  }
3137
3276
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator div {
3138
3277
  border: 1px solid rgba(255, 255, 255, 0.4);
3139
3278
  border-radius: 50%;
3140
3279
  height: 12px;
3141
- transition-duration: 0.6s;
3280
+ -webkit-transition-duration: 0.6s;
3281
+ transition-duration: 0.6s;
3282
+ -webkit-transition-property: background-color, border-color;
3142
3283
  transition-property: background-color, border-color;
3143
- transition-timing-function: ease-in-out;
3284
+ -webkit-transition-timing-function: ease-in-out;
3285
+ transition-timing-function: ease-in-out;
3144
3286
  width: 12px;
3145
3287
  }
3146
3288
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
@@ -3152,6 +3294,7 @@
3152
3294
  .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars {
3153
3295
  display: block;
3154
3296
  overflow: hidden;
3297
+ -webkit-transition: opacity 0.6s ease-in-out;
3155
3298
  transition: opacity 0.6s ease-in-out;
3156
3299
  white-space: nowrap;
3157
3300
  width: 80px;
@@ -3164,18 +3307,26 @@
3164
3307
  margin: 0 4px;
3165
3308
  opacity: 1;
3166
3309
  position: relative;
3167
- transform: scale(0.33);
3168
- transition-duration: 0.6s;
3310
+ -webkit-transform: scale(0.33);
3311
+ transform: scale(0.33);
3312
+ -webkit-transition-duration: 0.6s;
3313
+ transition-duration: 0.6s;
3314
+ -webkit-transition-property: left, -webkit-transform;
3315
+ transition-property: left, -webkit-transform;
3169
3316
  transition-property: transform, left;
3170
- transition-timing-function: ease-in-out;
3317
+ transition-property: transform, left, -webkit-transform;
3318
+ -webkit-transition-timing-function: ease-in-out;
3319
+ transition-timing-function: ease-in-out;
3171
3320
  white-space: nowrap;
3172
3321
  width: 8px;
3173
3322
  }
3174
3323
  .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-active {
3175
- transform: scale(1);
3324
+ -webkit-transform: scale(1);
3325
+ transform: scale(1);
3176
3326
  }
3177
3327
  .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 {
3178
- transform: scale(0.66);
3328
+ -webkit-transform: scale(0.66);
3329
+ transform: scale(0.66);
3179
3330
  }
3180
3331
  .e-carousel .e-carousel-indicators.e-fraction {
3181
3332
  min-height: 36px;
@@ -3192,13 +3343,15 @@
3192
3343
  left: 0;
3193
3344
  position: absolute;
3194
3345
  top: 0;
3195
- transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
3196
- transition-duration: 0.6s;
3197
- transform-origin: left top;
3346
+ -webkit-transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
3347
+ transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
3348
+ -webkit-transition-duration: 0.6s;
3349
+ transition-duration: 0.6s;
3350
+ -webkit-transform-origin: left top;
3351
+ transform-origin: left top;
3198
3352
  width: 100%;
3199
3353
  }
3200
3354
 
3201
- /*! carousel component theme */
3202
3355
  .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
3203
3356
  .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
3204
3357
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
@@ -3222,7 +3375,8 @@
3222
3375
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator {
3223
3376
  background-color: transparent;
3224
3377
  border-color: transparent;
3225
- box-shadow: none;
3378
+ -webkit-box-shadow: none;
3379
+ box-shadow: none;
3226
3380
  }
3227
3381
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator div {
3228
3382
  background: #fff;
@@ -3231,7 +3385,8 @@
3231
3385
  .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 {
3232
3386
  background: transparent;
3233
3387
  border-color: transparent;
3234
- box-shadow: none;
3388
+ -webkit-box-shadow: none;
3389
+ box-shadow: none;
3235
3390
  outline: none;
3236
3391
  }
3237
3392
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:focus-visible {
@@ -3257,25 +3412,6 @@
3257
3412
  background-color: #00b0ff;
3258
3413
  }
3259
3414
 
3260
- @keyframes hscroll-popup-shadow {
3261
- 0% {
3262
- border-color: rgba(255, 255, 255, 0.5);
3263
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
3264
- }
3265
- 100% {
3266
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
3267
- }
3268
- }
3269
- @keyframes vscroll-popup-shadow {
3270
- 0% {
3271
- border-color: rgba(255, 255, 255, 0.5);
3272
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
3273
- }
3274
- 100% {
3275
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
3276
- }
3277
- }
3278
- /*! contextmenu layout */
3279
3415
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
3280
3416
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
3281
3417
  content: "\e977";
@@ -3290,7 +3426,6 @@
3290
3426
  content: "\e937";
3291
3427
  }
3292
3428
 
3293
- /*! contextmenu layout */
3294
3429
  .e-contextmenu-wrapper ul,
3295
3430
  .e-contextmenu-container ul {
3296
3431
  font-weight: normal;
@@ -3300,13 +3435,15 @@
3300
3435
  margin: 0;
3301
3436
  overflow: hidden;
3302
3437
  -webkit-user-select: none;
3438
+ -moz-user-select: none;
3303
3439
  -ms-user-select: none;
3304
3440
  user-select: none;
3305
3441
  font-size: 14px;
3306
3442
  padding: 0;
3307
3443
  border: none;
3308
3444
  border-radius: 0;
3309
- box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
3445
+ -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
3446
+ box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
3310
3447
  display: none;
3311
3448
  min-width: 120px;
3312
3449
  position: absolute;
@@ -3314,7 +3451,8 @@
3314
3451
  .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
3315
3452
  .e-contextmenu-container ul.e-ul,
3316
3453
  .e-contextmenu-container ul.e-ul * {
3317
- box-sizing: border-box;
3454
+ -webkit-box-sizing: border-box;
3455
+ box-sizing: border-box;
3318
3456
  }
3319
3457
  .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus,
3320
3458
  .e-contextmenu-container ul.e-ul:focus,
@@ -3323,7 +3461,8 @@
3323
3461
  }
3324
3462
  .e-contextmenu-wrapper ul.e-contextmenu,
3325
3463
  .e-contextmenu-container ul.e-contextmenu {
3326
- box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
3464
+ -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
3465
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
3327
3466
  }
3328
3467
  .e-contextmenu-wrapper ul.e-ul,
3329
3468
  .e-contextmenu-container ul.e-ul {
@@ -3407,6 +3546,8 @@
3407
3546
  }
3408
3547
  .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
3409
3548
  .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
3549
+ width: -webkit-max-content;
3550
+ width: -moz-max-content;
3410
3551
  width: max-content;
3411
3552
  }
3412
3553
 
@@ -3426,7 +3567,8 @@
3426
3567
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
3427
3568
  background: transparent;
3428
3569
  border: 0;
3429
- box-shadow: none;
3570
+ -webkit-box-shadow: none;
3571
+ box-shadow: none;
3430
3572
  height: 1px;
3431
3573
  left: 0;
3432
3574
  min-width: 0;
@@ -3446,7 +3588,8 @@
3446
3588
  }
3447
3589
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
3448
3590
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
3449
- box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
3591
+ -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
3592
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
3450
3593
  }
3451
3594
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
3452
3595
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -3463,7 +3606,8 @@
3463
3606
  }
3464
3607
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
3465
3608
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
3466
- box-shadow: none;
3609
+ -webkit-box-shadow: none;
3610
+ box-shadow: none;
3467
3611
  margin-top: -12px;
3468
3612
  width: inherit;
3469
3613
  }
@@ -3507,7 +3651,8 @@
3507
3651
  font-size: 15px;
3508
3652
  padding: 8px 0;
3509
3653
  white-space: nowrap;
3510
- box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
3654
+ -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
3655
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
3511
3656
  max-width: 280px;
3512
3657
  min-width: 112px;
3513
3658
  }
@@ -3558,13 +3703,13 @@
3558
3703
  padding-left: 36px;
3559
3704
  }
3560
3705
 
3561
- .e-contextmenu-wrapper .e-menu-item {
3706
+ .e-contextmenu-wrapper .e-menu-item,
3707
+ .e-contextmenu-container .e-menu-item {
3562
3708
  white-space: nowrap;
3563
3709
  overflow: hidden;
3564
3710
  text-overflow: ellipsis;
3565
3711
  }
3566
3712
 
3567
- /*! contextmenu theme */
3568
3713
  .e-contextmenu-wrapper ul,
3569
3714
  .e-contextmenu-container ul {
3570
3715
  background-color: #424242;
@@ -3648,34 +3793,51 @@
3648
3793
  border-color: #616161;
3649
3794
  }
3650
3795
 
3651
- @keyframes tbar-popup-shadow {
3796
+ @-webkit-keyframes tbar-alt-popup-shadow {
3652
3797
  0% {
3653
- border-color: rgba(255, 255, 255, 0.5);
3654
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
3798
+ border-color: rgba(0, 0, 0, 0.12);
3799
+ -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3800
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3655
3801
  }
3656
3802
  100% {
3657
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
3803
+ -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3804
+ box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3658
3805
  }
3659
3806
  }
3807
+
3660
3808
  @keyframes tbar-alt-popup-shadow {
3661
3809
  0% {
3662
3810
  border-color: rgba(0, 0, 0, 0.12);
3663
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3811
+ -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3812
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3813
+ }
3814
+ 100% {
3815
+ -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3816
+ box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3817
+ }
3818
+ }
3819
+ @-webkit-keyframes hscroll-alt-popup-shadow {
3820
+ 0% {
3821
+ border-color: rgba(0, 0, 0, 0.12);
3822
+ -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3823
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3664
3824
  }
3665
3825
  100% {
3666
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3826
+ -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3827
+ box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3667
3828
  }
3668
3829
  }
3669
3830
  @keyframes hscroll-alt-popup-shadow {
3670
3831
  0% {
3671
3832
  border-color: rgba(0, 0, 0, 0.12);
3672
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3833
+ -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3834
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
3673
3835
  }
3674
3836
  100% {
3675
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3837
+ -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3838
+ box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
3676
3839
  }
3677
3840
  }
3678
- /*! tab icons */
3679
3841
  .e-tab .e-tab-header .e-close-icon::before {
3680
3842
  content: "\e7fc";
3681
3843
  position: relative;
@@ -3718,7 +3880,6 @@
3718
3880
  position: relative;
3719
3881
  }
3720
3882
 
3721
- /*! tab layout */
3722
3883
  .e-bigger .e-tab .e-tab-header,
3723
3884
  .e-tab.e-bigger .e-tab-header {
3724
3885
  height: 48px;
@@ -4875,6 +5036,7 @@
4875
5036
  left: unset;
4876
5037
  position: unset;
4877
5038
  right: unset;
5039
+ -webkit-transition: unset;
4878
5040
  transition: unset;
4879
5041
  }
4880
5042
  .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after {
@@ -4926,6 +5088,7 @@
4926
5088
  left: 0;
4927
5089
  right: 0;
4928
5090
  border-radius: 0;
5091
+ -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
4929
5092
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
4930
5093
  }
4931
5094
  .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -4958,8 +5121,10 @@
4958
5121
  .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
4959
5122
  -ms-flex-line-pack: center;
4960
5123
  align-content: center;
4961
- -ms-flex-align: center;
4962
- align-items: center;
5124
+ -webkit-box-align: center;
5125
+ -ms-flex-align: center;
5126
+ align-items: center;
5127
+ display: -webkit-inline-box;
4963
5128
  display: -ms-inline-flexbox;
4964
5129
  display: inline-flex;
4965
5130
  height: 36px;
@@ -4976,7 +5141,6 @@
4976
5141
  font-weight: 500;
4977
5142
  text-transform: uppercase;
4978
5143
  -ms-flex-item-align: auto;
4979
- -ms-grid-row-align: auto;
4980
5144
  align-self: auto;
4981
5145
  margin-bottom: 0;
4982
5146
  }
@@ -5050,6 +5214,7 @@
5050
5214
  top: 1px;
5051
5215
  }
5052
5216
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
5217
+ display: -webkit-inline-box;
5053
5218
  display: -ms-inline-flexbox;
5054
5219
  display: inline-flex;
5055
5220
  height: 20px;
@@ -5083,8 +5248,9 @@
5083
5248
  left: 0;
5084
5249
  }
5085
5250
  .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
5086
- -ms-flex-pack: center;
5087
- justify-content: center;
5251
+ -webkit-box-pack: center;
5252
+ -ms-flex-pack: center;
5253
+ justify-content: center;
5088
5254
  padding: 0 18px;
5089
5255
  }
5090
5256
  @media screen and (max-width: 480px) {
@@ -5117,8 +5283,10 @@
5117
5283
  }
5118
5284
  }
5119
5285
  .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 {
5120
- -ms-flex-align: center;
5121
- align-items: center;
5286
+ -webkit-box-align: center;
5287
+ -ms-flex-align: center;
5288
+ align-items: center;
5289
+ display: -webkit-box;
5122
5290
  display: -ms-flexbox;
5123
5291
  display: flex;
5124
5292
  height: 62px;
@@ -5170,14 +5338,19 @@
5170
5338
  }
5171
5339
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-top,
5172
5340
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-bottom {
5173
- -ms-flex-align: center;
5174
- align-items: center;
5341
+ -webkit-box-align: center;
5342
+ -ms-flex-align: center;
5343
+ align-items: center;
5344
+ display: -webkit-box;
5175
5345
  display: -ms-flexbox;
5176
5346
  display: flex;
5177
- -ms-flex-direction: column;
5178
- flex-direction: column;
5179
- -ms-flex-pack: center;
5180
- justify-content: center;
5347
+ -webkit-box-orient: vertical;
5348
+ -webkit-box-direction: normal;
5349
+ -ms-flex-direction: column;
5350
+ flex-direction: column;
5351
+ -webkit-box-pack: center;
5352
+ -ms-flex-pack: center;
5353
+ justify-content: center;
5181
5354
  margin: auto;
5182
5355
  }
5183
5356
  .e-tab .e-tab-header .e-toolbar-pop {
@@ -5215,6 +5388,7 @@
5215
5388
  width: 100%;
5216
5389
  }
5217
5390
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
5391
+ display: -webkit-inline-box;
5218
5392
  display: -ms-inline-flexbox;
5219
5393
  display: inline-flex;
5220
5394
  width: 100%;
@@ -5258,22 +5432,25 @@
5258
5432
  }
5259
5433
  }
5260
5434
  .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 {
5435
+ display: -webkit-inline-box;
5261
5436
  display: -ms-inline-flexbox;
5262
5437
  display: inline-flex;
5263
5438
  height: auto;
5264
5439
  }
5265
5440
  .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 {
5266
5441
  display: block;
5267
- -ms-flex-pack: center;
5268
- justify-content: center;
5442
+ -webkit-box-pack: center;
5443
+ -ms-flex-pack: center;
5444
+ justify-content: center;
5269
5445
  margin: 0 0 0 10px;
5270
5446
  padding-left: 0;
5271
5447
  padding-right: 10px;
5272
5448
  }
5273
5449
  @media screen and (max-width: 480px) {
5274
5450
  .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 {
5275
- -ms-flex-pack: center;
5276
- justify-content: center;
5451
+ -webkit-box-pack: center;
5452
+ -ms-flex-pack: center;
5453
+ justify-content: center;
5277
5454
  margin: 0 0 0 12px;
5278
5455
  padding-left: 0;
5279
5456
  padding-right: 0;
@@ -5288,14 +5465,17 @@
5288
5465
  }
5289
5466
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-top,
5290
5467
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-bottom {
5468
+ display: -webkit-inline-box;
5291
5469
  display: -ms-inline-flexbox;
5292
5470
  display: inline-flex;
5293
5471
  }
5294
5472
  .e-tab .e-tab-header.e-close-show .e-icons.e-close-icon {
5295
- -ms-flex-align: center;
5296
- align-items: center;
5473
+ -webkit-box-align: center;
5474
+ -ms-flex-align: center;
5475
+ align-items: center;
5297
5476
  -ms-flex-item-align: center;
5298
5477
  align-self: center;
5478
+ display: -webkit-inline-box;
5299
5479
  display: -ms-inline-flexbox;
5300
5480
  display: inline-flex;
5301
5481
  }
@@ -5306,6 +5486,7 @@
5306
5486
  }
5307
5487
  @media screen and (max-width: 480px) {
5308
5488
  .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-active .e-close-icon {
5489
+ display: -webkit-inline-box;
5309
5490
  display: -ms-inline-flexbox;
5310
5491
  display: inline-flex;
5311
5492
  }
@@ -5419,22 +5600,34 @@
5419
5600
  }
5420
5601
  }
5421
5602
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
5422
- transform: rotate(180deg);
5603
+ -webkit-transform: rotate(180deg);
5604
+ transform: rotate(180deg);
5605
+ -webkit-transition: -webkit-transform 0.1s ease;
5606
+ transition: -webkit-transform 0.1s ease;
5423
5607
  transition: transform 0.1s ease;
5608
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
5424
5609
  }
5425
5610
  @media screen and (max-width: 480px) {
5426
5611
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
5427
- transform: none;
5612
+ -webkit-transform: none;
5613
+ transform: none;
5614
+ -webkit-transition: none;
5428
5615
  transition: none;
5429
5616
  }
5430
5617
  }
5431
5618
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
5432
- transform: rotate(0deg);
5619
+ -webkit-transform: rotate(0deg);
5620
+ transform: rotate(0deg);
5621
+ -webkit-transition: -webkit-transform 0.1s ease;
5622
+ transition: -webkit-transform 0.1s ease;
5433
5623
  transition: transform 0.1s ease;
5624
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
5434
5625
  }
5435
5626
  @media screen and (max-width: 480px) {
5436
5627
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
5437
- transform: none;
5628
+ -webkit-transform: none;
5629
+ transform: none;
5630
+ -webkit-transition: none;
5438
5631
  transition: none;
5439
5632
  }
5440
5633
  }
@@ -5473,6 +5666,7 @@
5473
5666
  position: unset;
5474
5667
  right: unset;
5475
5668
  top: unset;
5669
+ -webkit-transition: unset;
5476
5670
  transition: unset;
5477
5671
  }
5478
5672
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after {
@@ -5566,15 +5760,19 @@
5566
5760
  }
5567
5761
  .e-tab .e-tab-header.e-vertical .e-indicator {
5568
5762
  display: block;
5763
+ -webkit-transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
5569
5764
  transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
5570
5765
  width: 2px;
5571
5766
  }
5572
5767
  .e-tab .e-tab-header.e-vertical .e-toolbar-items {
5573
5768
  height: inherit;
5574
- -ms-flex-direction: column;
5575
- flex-direction: column;
5576
- -ms-flex-align: normal;
5577
- align-items: normal;
5769
+ -webkit-box-orient: vertical;
5770
+ -webkit-box-direction: normal;
5771
+ -ms-flex-direction: column;
5772
+ flex-direction: column;
5773
+ -webkit-box-align: normal;
5774
+ -ms-flex-align: normal;
5775
+ align-items: normal;
5578
5776
  }
5579
5777
  .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
5580
5778
  padding: 16px 0;
@@ -5640,6 +5838,7 @@
5640
5838
  left: unset;
5641
5839
  position: unset;
5642
5840
  right: unset;
5841
+ -webkit-transition: unset;
5643
5842
  transition: unset;
5644
5843
  width: unset;
5645
5844
  }
@@ -5680,6 +5879,7 @@
5680
5879
  left: unset;
5681
5880
  position: unset;
5682
5881
  right: unset;
5882
+ -webkit-transition: unset;
5683
5883
  transition: unset;
5684
5884
  width: unset;
5685
5885
  }
@@ -5694,8 +5894,9 @@
5694
5894
  }
5695
5895
  .e-tab .e-tab-header.e-vertical .e-scroll-nav {
5696
5896
  height: 16px;
5697
- -ms-flex-pack: center;
5698
- justify-content: center;
5897
+ -webkit-box-pack: center;
5898
+ -ms-flex-pack: center;
5899
+ justify-content: center;
5699
5900
  min-height: 16px;
5700
5901
  width: 100%;
5701
5902
  }
@@ -5713,7 +5914,9 @@
5713
5914
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
5714
5915
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
5715
5916
  height: 100%;
5716
- transform: none;
5917
+ -webkit-transform: none;
5918
+ transform: none;
5919
+ -webkit-transition: none;
5717
5920
  transition: none;
5718
5921
  width: 100%;
5719
5922
  }
@@ -5726,7 +5929,9 @@
5726
5929
  line-height: 36px;
5727
5930
  text-align: left;
5728
5931
  text-transform: uppercase;
5729
- transform: none;
5932
+ -webkit-transform: none;
5933
+ transform: none;
5934
+ -webkit-transition: none;
5730
5935
  transition: none;
5731
5936
  }
5732
5937
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
@@ -5793,14 +5998,17 @@
5793
5998
  overflow: hidden;
5794
5999
  }
5795
6000
  .e-tab.e-vertical-tab .e-content {
6001
+ display: -webkit-box;
5796
6002
  display: -ms-flexbox;
5797
6003
  display: flex;
5798
6004
  }
5799
6005
  .e-tab.e-vertical-tab .e-content .e-item.e-active {
6006
+ display: -webkit-box;
5800
6007
  display: -ms-flexbox;
5801
6008
  display: flex;
5802
- -ms-flex: none;
5803
- flex: none;
6009
+ -webkit-box-flex: 0;
6010
+ -ms-flex: none;
6011
+ flex: none;
5804
6012
  }
5805
6013
  .e-tab.e-vertical-tab .e-content .e-item,
5806
6014
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
@@ -5922,6 +6130,7 @@
5922
6130
  }
5923
6131
  .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align,
5924
6132
  .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align {
6133
+ display: -webkit-box;
5925
6134
  display: -ms-flexbox;
5926
6135
  display: flex;
5927
6136
  }
@@ -5941,31 +6150,46 @@
5941
6150
  }
5942
6151
  .e-tab.e-ie .e-tab-header .e-popup-up-icon,
5943
6152
  .e-tab.e-ie .e-tab-header .e-popup-down-icon {
5944
- transform: none;
6153
+ -webkit-transform: none;
6154
+ transform: none;
6155
+ -webkit-transition: none;
5945
6156
  transition: none;
5946
6157
  }
5947
6158
  .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
5948
- transform: rotate(180deg);
6159
+ -webkit-transform: rotate(180deg);
6160
+ transform: rotate(180deg);
6161
+ -webkit-transition: -webkit-transform 0.1s ease;
6162
+ transition: -webkit-transform 0.1s ease;
5949
6163
  transition: transform 0.1s ease;
6164
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
5950
6165
  }
5951
6166
  @media screen and (max-width: 480px) {
5952
6167
  .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
5953
- transform: none;
6168
+ -webkit-transform: none;
6169
+ transform: none;
6170
+ -webkit-transition: none;
5954
6171
  transition: none;
5955
6172
  }
5956
6173
  }
5957
6174
  .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
5958
- transform: rotate(0deg);
6175
+ -webkit-transform: rotate(0deg);
6176
+ transform: rotate(0deg);
6177
+ -webkit-transition: -webkit-transform 0.1s ease;
6178
+ transition: -webkit-transform 0.1s ease;
5959
6179
  transition: transform 0.1s ease;
6180
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
5960
6181
  }
5961
6182
  @media screen and (max-width: 480px) {
5962
6183
  .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
5963
- transform: none;
6184
+ -webkit-transform: none;
6185
+ transform: none;
6186
+ -webkit-transition: none;
5964
6187
  transition: none;
5965
6188
  }
5966
6189
  }
5967
6190
  .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align,
5968
6191
  .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align {
6192
+ display: -webkit-box;
5969
6193
  display: -ms-flexbox;
5970
6194
  display: flex;
5971
6195
  }
@@ -5986,48 +6210,74 @@
5986
6210
  position: relative;
5987
6211
  }
5988
6212
  .e-tab.e-edge .e-tab-header .e-popup-up-icon {
5989
- transform: rotate(180deg);
6213
+ -webkit-transform: rotate(180deg);
6214
+ transform: rotate(180deg);
6215
+ -webkit-transition: -webkit-transform 0.1s ease;
6216
+ transition: -webkit-transform 0.1s ease;
5990
6217
  transition: transform 0.1s ease;
6218
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
5991
6219
  }
5992
6220
  @media screen and (max-width: 480px) {
5993
6221
  .e-tab.e-edge .e-tab-header .e-popup-up-icon {
5994
- transform: none;
6222
+ -webkit-transform: none;
6223
+ transform: none;
6224
+ -webkit-transition: none;
5995
6225
  transition: none;
5996
6226
  }
5997
6227
  }
5998
6228
  .e-tab.e-edge .e-tab-header .e-popup-down-icon {
5999
- transform: rotate(0deg);
6229
+ -webkit-transform: rotate(0deg);
6230
+ transform: rotate(0deg);
6231
+ -webkit-transition: -webkit-transform 0.1s ease;
6232
+ transition: -webkit-transform 0.1s ease;
6000
6233
  transition: transform 0.1s ease;
6234
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
6001
6235
  }
6002
6236
  @media screen and (max-width: 480px) {
6003
6237
  .e-tab.e-edge .e-tab-header .e-popup-down-icon {
6004
- transform: none;
6238
+ -webkit-transform: none;
6239
+ transform: none;
6240
+ -webkit-transition: none;
6005
6241
  transition: none;
6006
6242
  }
6007
6243
  }
6008
6244
  @media screen and (max-width: 480px) and (max-width: 480px) {
6009
6245
  .e-tab.e-edge .e-tab-header .e-popup-down-icon {
6010
- transform: none;
6246
+ -webkit-transform: none;
6247
+ transform: none;
6248
+ -webkit-transition: none;
6011
6249
  transition: none;
6012
6250
  }
6013
6251
  }
6014
6252
  .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
6015
- transform: rotate(180deg);
6253
+ -webkit-transform: rotate(180deg);
6254
+ transform: rotate(180deg);
6255
+ -webkit-transition: -webkit-transform 0.1s ease;
6256
+ transition: -webkit-transform 0.1s ease;
6016
6257
  transition: transform 0.1s ease;
6258
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
6017
6259
  }
6018
6260
  @media screen and (max-width: 480px) {
6019
6261
  .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
6020
- transform: none;
6262
+ -webkit-transform: none;
6263
+ transform: none;
6264
+ -webkit-transition: none;
6021
6265
  transition: none;
6022
6266
  }
6023
6267
  }
6024
6268
  .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
6025
- transform: rotate(0deg);
6269
+ -webkit-transform: rotate(0deg);
6270
+ transform: rotate(0deg);
6271
+ -webkit-transition: -webkit-transform 0.1s ease;
6272
+ transition: -webkit-transform 0.1s ease;
6026
6273
  transition: transform 0.1s ease;
6274
+ transition: transform 0.1s ease, -webkit-transform 0.1s ease;
6027
6275
  }
6028
6276
  @media screen and (max-width: 480px) {
6029
6277
  .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
6030
- transform: none;
6278
+ -webkit-transform: none;
6279
+ transform: none;
6280
+ -webkit-transition: none;
6031
6281
  transition: none;
6032
6282
  }
6033
6283
  }
@@ -6358,8 +6608,10 @@
6358
6608
  .e-tab-clone-element .e-text-wrap {
6359
6609
  -ms-flex-line-pack: center;
6360
6610
  align-content: center;
6361
- -ms-flex-align: center;
6362
- align-items: center;
6611
+ -webkit-box-align: center;
6612
+ -ms-flex-align: center;
6613
+ align-items: center;
6614
+ display: -webkit-inline-box;
6363
6615
  display: -ms-inline-flexbox;
6364
6616
  display: inline-flex;
6365
6617
  height: 36px;
@@ -6376,7 +6628,6 @@
6376
6628
  font-weight: 500;
6377
6629
  text-transform: uppercase;
6378
6630
  -ms-flex-item-align: auto;
6379
- -ms-grid-row-align: auto;
6380
6631
  align-self: auto;
6381
6632
  }
6382
6633
  @media screen and (max-width: 480px) {
@@ -6401,6 +6652,7 @@
6401
6652
  top: 1px;
6402
6653
  }
6403
6654
  .e-tab-clone-element .e-icons.e-tab-icon {
6655
+ display: -webkit-inline-box;
6404
6656
  display: -ms-inline-flexbox;
6405
6657
  display: inline-flex;
6406
6658
  height: 20px;
@@ -6425,8 +6677,9 @@
6425
6677
  }
6426
6678
  }
6427
6679
  .e-tab-clone-element.e-icon .e-tab-wrap {
6428
- -ms-flex-pack: center;
6429
- justify-content: center;
6680
+ -webkit-box-pack: center;
6681
+ -ms-flex-pack: center;
6682
+ justify-content: center;
6430
6683
  padding: 0 18px;
6431
6684
  }
6432
6685
  @media screen and (max-width: 480px) {
@@ -6459,8 +6712,10 @@
6459
6712
  }
6460
6713
  }
6461
6714
  .e-tab-clone-element.e-itop .e-tab-wrap, .e-tab-clone-element.e-ibottom .e-tab-wrap {
6462
- -ms-flex-align: center;
6463
- align-items: center;
6715
+ -webkit-box-align: center;
6716
+ -ms-flex-align: center;
6717
+ align-items: center;
6718
+ display: -webkit-box;
6464
6719
  display: -ms-flexbox;
6465
6720
  display: flex;
6466
6721
  height: 62px;
@@ -6506,21 +6761,28 @@
6506
6761
  }
6507
6762
  .e-tab-clone-element .e-tab-icon.e-icon-top,
6508
6763
  .e-tab-clone-element .e-tab-icon.e-icon-bottom {
6509
- -ms-flex-align: center;
6510
- align-items: center;
6764
+ -webkit-box-align: center;
6765
+ -ms-flex-align: center;
6766
+ align-items: center;
6767
+ display: -webkit-box;
6511
6768
  display: -ms-flexbox;
6512
6769
  display: flex;
6513
- -ms-flex-direction: column;
6514
- flex-direction: column;
6515
- -ms-flex-pack: center;
6516
- justify-content: center;
6770
+ -webkit-box-orient: vertical;
6771
+ -webkit-box-direction: normal;
6772
+ -ms-flex-direction: column;
6773
+ flex-direction: column;
6774
+ -webkit-box-pack: center;
6775
+ -ms-flex-pack: center;
6776
+ justify-content: center;
6517
6777
  margin: auto;
6518
6778
  }
6519
6779
  .e-tab-clone-element.e-close-show .e-icons.e-close-icon {
6520
- -ms-flex-align: center;
6521
- align-items: center;
6780
+ -webkit-box-align: center;
6781
+ -ms-flex-align: center;
6782
+ align-items: center;
6522
6783
  -ms-flex-item-align: center;
6523
6784
  align-self: center;
6785
+ display: -webkit-inline-box;
6524
6786
  display: -ms-inline-flexbox;
6525
6787
  display: inline-flex;
6526
6788
  }
@@ -6565,7 +6827,6 @@
6565
6827
  .e-bigger .e-tab-clone-element .e-tab-text {
6566
6828
  font-size: 14px;
6567
6829
  -ms-flex-item-align: auto;
6568
- -ms-grid-row-align: auto;
6569
6830
  align-self: auto;
6570
6831
  }
6571
6832
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
@@ -6641,7 +6902,6 @@
6641
6902
  margin: 0 0 10px;
6642
6903
  }
6643
6904
 
6644
- /*! tab theme */
6645
6905
  .e-tab {
6646
6906
  background: transparent;
6647
6907
  border: none;
@@ -6650,7 +6910,8 @@
6650
6910
  background: inherit;
6651
6911
  border: 0;
6652
6912
  border-radius: 0;
6653
- box-shadow: none;
6913
+ -webkit-box-shadow: none;
6914
+ box-shadow: none;
6654
6915
  font-weight: normal;
6655
6916
  border-bottom: 0;
6656
6917
  }
@@ -6777,7 +7038,8 @@
6777
7038
  background: #424242;
6778
7039
  border: 0;
6779
7040
  border-radius: 0;
6780
- box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
7041
+ -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
7042
+ box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
6781
7043
  overflow-y: auto;
6782
7044
  }
6783
7045
  .e-tab .e-tab-header .e-toolbar-pop[e-animate=true] {
@@ -6785,7 +7047,8 @@
6785
7047
  }
6786
7048
  @media screen and (max-width: 480px) {
6787
7049
  .e-tab .e-tab-header .e-toolbar-pop {
6788
- box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
7050
+ -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
7051
+ box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
6789
7052
  }
6790
7053
  }
6791
7054
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
@@ -6840,7 +7103,8 @@
6840
7103
  }
6841
7104
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
6842
7105
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
6843
- box-shadow: none;
7106
+ -webkit-box-shadow: none;
7107
+ box-shadow: none;
6844
7108
  border: 0;
6845
7109
  }
6846
7110
  .e-tab .e-tab-header .e-scroll-nav:focus,
@@ -6866,7 +7130,8 @@
6866
7130
  }
6867
7131
  .e-tab .e-tab-header .e-scroll-nav:active,
6868
7132
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
6869
- box-shadow: none;
7133
+ -webkit-box-shadow: none;
7134
+ box-shadow: none;
6870
7135
  background: inherit;
6871
7136
  border: 0;
6872
7137
  }
@@ -6933,7 +7198,8 @@
6933
7198
  color: #fff;
6934
7199
  border: 0;
6935
7200
  border-radius: 0;
6936
- box-shadow: none;
7201
+ -webkit-box-shadow: none;
7202
+ box-shadow: none;
6937
7203
  }
6938
7204
  .e-tab .e-tab-header .e-hor-nav:hover,
6939
7205
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
@@ -6946,14 +7212,16 @@
6946
7212
  }
6947
7213
  .e-tab .e-tab-header .e-hor-nav:active,
6948
7214
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
6949
- box-shadow: none;
7215
+ -webkit-box-shadow: none;
7216
+ box-shadow: none;
6950
7217
  background: transparent;
6951
7218
  }
6952
7219
  .e-tab .e-tab-header .e-hor-nav.e-nav-active,
6953
7220
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
6954
7221
  background: inherit;
6955
7222
  border: 0;
6956
- box-shadow: none;
7223
+ -webkit-box-shadow: none;
7224
+ box-shadow: none;
6957
7225
  border-radius: 0 4px 4px 0;
6958
7226
  }
6959
7227
  .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
@@ -7014,7 +7282,8 @@
7014
7282
  border-radius: 0;
7015
7283
  }
7016
7284
  .e-tab .e-tab-header.e-vertical .e-toolbar-pop {
7017
- 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);
7285
+ -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);
7286
+ 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);
7018
7287
  }
7019
7288
  .e-tab .e-tab-header.e-vertical .e-scroll-nav {
7020
7289
  background: inherit;
@@ -7079,7 +7348,8 @@
7079
7348
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active:hover {
7080
7349
  background: inherit;
7081
7350
  border: 0;
7082
- box-shadow: none;
7351
+ -webkit-box-shadow: none;
7352
+ box-shadow: none;
7083
7353
  }
7084
7354
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active,
7085
7355
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active {
@@ -7474,7 +7744,8 @@
7474
7744
  }
7475
7745
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
7476
7746
  .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
7477
- animation: hscroll-alt-popup-shadow 1s ease-out 0ms;
7747
+ -webkit-animation: hscroll-alt-popup-shadow 1s ease-out 0ms;
7748
+ animation: hscroll-alt-popup-shadow 1s ease-out 0ms;
7478
7749
  }
7479
7750
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
7480
7751
  .e-tab.e-background .e-tab-header .e-hor-nav {
@@ -7526,7 +7797,8 @@
7526
7797
  }
7527
7798
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
7528
7799
  .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
7529
- animation: tbar-alt-popup-shadow 1s ease-out 0ms;
7800
+ -webkit-animation: tbar-alt-popup-shadow 1s ease-out 0ms;
7801
+ animation: tbar-alt-popup-shadow 1s ease-out 0ms;
7530
7802
  }
7531
7803
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
7532
7804
  .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
@@ -7712,10 +7984,18 @@
7712
7984
  }
7713
7985
 
7714
7986
  /* stylelint-disable property-no-vendor-prefix */
7987
+ @-webkit-keyframes e-input-ripple {
7988
+ 100% {
7989
+ opacity: 0;
7990
+ -webkit-transform: scale(4);
7991
+ transform: scale(4);
7992
+ }
7993
+ }
7715
7994
  @keyframes e-input-ripple {
7716
7995
  100% {
7717
7996
  opacity: 0;
7718
- transform: scale(4);
7997
+ -webkit-transform: scale(4);
7998
+ transform: scale(4);
7719
7999
  }
7720
8000
  }
7721
8001
  /* stylelint-disable */
@@ -7743,20 +8023,25 @@
7743
8023
  }
7744
8024
 
7745
8025
  /* stylelint-disable property-no-vendor-prefix */
7746
- @keyframes rotation {
8026
+ @-webkit-keyframes rotation {
7747
8027
  from {
8028
+ -webkit-transform: rotate(0deg);
7748
8029
  transform: rotate(0deg);
7749
8030
  }
7750
8031
  to {
8032
+ -webkit-transform: rotate(359deg);
7751
8033
  transform: rotate(359deg);
7752
8034
  }
7753
8035
  }
7754
- .e-bigger .e-treeview .e-navigable .e-text-content,
7755
- .e-treeview.e-bigger .e-navigable .e-text-content {
7756
- -ms-flex-align: center;
7757
- align-items: center;
7758
- display: -ms-flexbox;
7759
- display: flex;
8036
+ @keyframes rotation {
8037
+ from {
8038
+ -webkit-transform: rotate(0deg);
8039
+ transform: rotate(0deg);
8040
+ }
8041
+ to {
8042
+ -webkit-transform: rotate(359deg);
8043
+ transform: rotate(359deg);
8044
+ }
7760
8045
  }
7761
8046
  .e-bigger .e-treeview .e-navigable .e-list-text,
7762
8047
  .e-treeview.e-bigger .e-navigable .e-list-text {
@@ -7905,6 +8190,16 @@
7905
8190
  position: relative;
7906
8191
  white-space: nowrap;
7907
8192
  }
8193
+ .e-treeview.e-virtualization {
8194
+ overflow: auto;
8195
+ }
8196
+ .e-treeview.e-virtualization .e-virtual-mask {
8197
+ display: block;
8198
+ margin-bottom: 20px;
8199
+ }
8200
+ .e-treeview.e-virtualization .e-ul {
8201
+ overflow: unset;
8202
+ }
7908
8203
  .e-treeview > .e-ul {
7909
8204
  -webkit-overflow-scrolling: touch;
7910
8205
  overflow: auto;
@@ -7940,26 +8235,10 @@
7940
8235
  margin: 0;
7941
8236
  padding: 0 0 0 24px;
7942
8237
  }
7943
- .e-treeview li.e-node-collapsed .e-list-item .e-fullrow {
7944
- display: none;
7945
- }
8238
+ .e-treeview .e-node-collapsed .e-list-item .e-fullrow,
7946
8239
  .e-treeview .e-display-none {
7947
8240
  display: none;
7948
8241
  }
7949
- .e-treeview .e-list-item div.e-icons.interaction {
7950
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
7951
- border-radius: 15px;
7952
- transition: transform 0.3s ease-in-out;
7953
- }
7954
- .e-treeview .e-list-item .e-icons.e-icon-collapsible {
7955
- transform: rotate(90deg);
7956
- }
7957
- .e-treeview.e-drag-item.e-rtl .e-icons.e-drop-next {
7958
- transform: rotate(180deg);
7959
- }
7960
- .e-treeview.e-rtl div.e-icons {
7961
- transform: rotate(180deg);
7962
- }
7963
8242
  .e-treeview .e-list-item {
7964
8243
  list-style: none;
7965
8244
  padding: 2px 0;
@@ -7976,6 +8255,17 @@
7976
8255
  pointer-events: none;
7977
8256
  touch-action: none;
7978
8257
  }
8258
+ .e-treeview .e-list-item div.e-icons.interaction {
8259
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
8260
+ border-radius: 15px;
8261
+ transition: -webkit-transform 0.3s ease-in-out;
8262
+ transition: transform 0.3s ease-in-out;
8263
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
8264
+ }
8265
+ .e-treeview .e-list-item .e-icons.e-icon-collapsible {
8266
+ -webkit-transform: rotate(90deg);
8267
+ transform: rotate(90deg);
8268
+ }
7979
8269
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
7980
8270
  content: none;
7981
8271
  }
@@ -7989,6 +8279,7 @@
7989
8279
  position: relative;
7990
8280
  }
7991
8281
  .e-treeview .e-text-content {
8282
+ -moz-user-select: none;
7992
8283
  -ms-user-select: none;
7993
8284
  -webkit-user-select: none;
7994
8285
  user-select: none;
@@ -7997,12 +8288,17 @@
7997
8288
  margin: 0;
7998
8289
  padding: 0 0 0 24px;
7999
8290
  }
8291
+ .e-treeview .e-text-content + .e-sibling {
8292
+ margin-top: -1px;
8293
+ }
8000
8294
  .e-treeview .e-fullrow {
8295
+ -moz-user-select: none;
8001
8296
  -ms-user-select: none;
8002
8297
  -webkit-user-select: none;
8003
8298
  user-select: none;
8004
8299
  border: 1px solid;
8005
- box-sizing: border-box;
8300
+ -webkit-box-sizing: border-box;
8301
+ box-sizing: border-box;
8006
8302
  cursor: pointer;
8007
8303
  height: 32px;
8008
8304
  left: 0;
@@ -8030,7 +8326,8 @@
8030
8326
  width: 32px;
8031
8327
  }
8032
8328
  .e-treeview .e-list-text {
8033
- box-sizing: border-box;
8329
+ -webkit-box-sizing: border-box;
8330
+ box-sizing: border-box;
8034
8331
  display: inline-block;
8035
8332
  line-height: 30px;
8036
8333
  margin: 0;
@@ -8079,6 +8376,7 @@
8079
8376
  padding: 7px;
8080
8377
  }
8081
8378
  .e-treeview .e-load {
8379
+ -webkit-animation: rotation 0.5s infinite linear;
8082
8380
  animation: rotation 0.5s infinite linear;
8083
8381
  }
8084
8382
  .e-treeview .e-sibling {
@@ -8086,20 +8384,19 @@
8086
8384
  height: 6px;
8087
8385
  margin-top: -5px;
8088
8386
  width: 6px;
8089
- position: absolute;
8090
- z-index: 2;
8091
- }
8092
- .e-treeview .e-text-content + .e-sibling {
8093
- margin-top: -1px;
8094
8387
  }
8095
8388
  .e-treeview .e-sibling::before {
8096
8389
  left: 0;
8097
8390
  height: 1px;
8098
8391
  width: 144px;
8392
+ }
8393
+ .e-treeview .e-sibling,
8394
+ .e-treeview .e-sibling::before {
8099
8395
  position: absolute;
8100
8396
  z-index: 2;
8101
8397
  }
8102
8398
  .e-treeview .e-popup {
8399
+ -moz-user-select: none;
8103
8400
  -ms-user-select: none;
8104
8401
  -webkit-user-select: none;
8105
8402
  user-select: none;
@@ -8123,8 +8420,7 @@
8123
8420
  padding: 4px;
8124
8421
  width: 26px;
8125
8422
  }
8126
- .e-treeview .e-popup .e-downtail::before,
8127
- .e-treeview .e-popup .e-downtail::after {
8423
+ .e-treeview .e-popup .e-downtail::before, .e-treeview .e-popup .e-downtail::after {
8128
8424
  border: 10px solid transparent;
8129
8425
  content: "";
8130
8426
  height: 0;
@@ -8146,8 +8442,10 @@
8146
8442
  pointer-events: auto;
8147
8443
  }
8148
8444
  .e-treeview .e-navigable .e-text-content {
8149
- -ms-flex-align: center;
8150
- align-items: center;
8445
+ -webkit-box-align: center;
8446
+ -ms-flex-align: center;
8447
+ align-items: center;
8448
+ display: -webkit-box;
8151
8449
  display: -ms-flexbox;
8152
8450
  display: flex;
8153
8451
  }
@@ -8187,7 +8485,8 @@
8187
8485
  .e-treeview.e-drag-item .e-drop-count {
8188
8486
  border: 1px solid;
8189
8487
  border-radius: 15px;
8190
- box-sizing: content-box;
8488
+ -webkit-box-sizing: content-box;
8489
+ box-sizing: content-box;
8191
8490
  font-size: 13px;
8192
8491
  line-height: normal;
8193
8492
  min-width: 12px;
@@ -8250,12 +8549,20 @@
8250
8549
  .e-treeview.e-rtl .e-sibling::before {
8251
8550
  right: 0;
8252
8551
  }
8552
+ .e-treeview.e-rtl.e-drag-item .e-icons.e-drop-next {
8553
+ -webkit-transform: rotate(180deg);
8554
+ transform: rotate(180deg);
8555
+ }
8253
8556
  .e-treeview.e-rtl.e-drag-item .e-text-content {
8254
8557
  float: right;
8255
8558
  }
8256
8559
  .e-treeview.e-rtl.e-drag-item .e-drop-count {
8257
8560
  margin-right: -12px;
8258
8561
  }
8562
+ .e-treeview.e-rtl div.e-icons {
8563
+ -webkit-transform: rotate(180deg);
8564
+ transform: rotate(180deg);
8565
+ }
8259
8566
  .e-treeview.e-disabled .e-fullrow,
8260
8567
  .e-treeview.e-disabled .e-icons,
8261
8568
  .e-treeview.e-disabled .e-text-content,
@@ -8307,25 +8614,41 @@
8307
8614
  .e-treeview .e-icon-expandable::before {
8308
8615
  font-size: 10px;
8309
8616
  }
8310
- .e-treeview .e-list-item.e-active,
8311
- .e-treeview .e-list-item.e-hover,
8312
- .e-treeview .e-list-item.e-node-focus {
8617
+ .e-treeview .e-list-item.e-hover, .e-treeview .e-list-item.e-node-focus {
8313
8618
  background: transparent;
8314
8619
  }
8315
- .e-treeview .e-list-item.e-hover > .e-text-content,
8316
- .e-treeview .e-list-item.e-node-focus > .e-text-content {
8620
+ .e-treeview .e-list-item.e-hover > .e-fullrow, .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8621
+ background-color: rgba(255, 255, 255, 0.1);
8622
+ border-color: transparent;
8623
+ }
8624
+ .e-treeview .e-list-item.e-hover > .e-text-content, .e-treeview .e-list-item.e-node-focus > .e-text-content {
8317
8625
  color: #fff;
8318
8626
  }
8319
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8320
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8627
+ .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 {
8321
8628
  color: #fff;
8322
8629
  }
8323
8630
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8324
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8325
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8631
+ .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,
8326
8632
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8327
8633
  color: rgba(255, 255, 255, 0.7);
8328
8634
  }
8635
+ .e-treeview .e-list-item.e-active {
8636
+ background: transparent;
8637
+ }
8638
+ .e-treeview .e-list-item.e-active > .e-fullrow {
8639
+ background-color: rgba(255, 255, 255, 0.18);
8640
+ border-color: transparent;
8641
+ }
8642
+ .e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
8643
+ background-color: transparent;
8644
+ border-color: transparent;
8645
+ }
8646
+ .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content {
8647
+ color: #fff;
8648
+ }
8649
+ .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8650
+ color: #fff;
8651
+ }
8329
8652
  .e-treeview .e-list-item.e-active > .e-text-content {
8330
8653
  color: #00b0ff;
8331
8654
  }
@@ -8336,67 +8659,36 @@
8336
8659
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8337
8660
  color: rgba(255, 255, 255, 0.7);
8338
8661
  }
8339
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8340
- .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8662
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8663
+ background-color: rgba(255, 255, 255, 0.18);
8664
+ border-color: transparent;
8665
+ }
8666
+ .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 {
8341
8667
  color: #00b0ff;
8342
8668
  }
8343
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8344
- .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8669
+ .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 {
8345
8670
  color: #00b0ff;
8346
8671
  }
8347
8672
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8348
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8349
- .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8673
+ .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,
8350
8674
  .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8351
8675
  color: rgba(255, 255, 255, 0.7);
8352
8676
  }
8353
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8354
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8355
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8356
- color: #fff;
8357
- }
8358
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8359
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8360
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8361
- color: #fff;
8362
- }
8363
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8364
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8365
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8366
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8367
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8368
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8369
- color: rgba(255, 255, 255, 0.7);
8370
- }
8371
- .e-treeview .e-list-item.e-hover > .e-fullrow,
8372
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8373
- background-color: rgba(255, 255, 255, 0.1);
8374
- border-color: transparent;
8375
- }
8376
- .e-treeview .e-list-item.e-active > .e-fullrow {
8377
- background-color: rgba(255, 255, 255, 0.18);
8378
- border-color: transparent;
8379
- }
8380
- .e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
8677
+ .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 {
8381
8678
  background-color: transparent;
8382
8679
  border-color: transparent;
8383
8680
  }
8384
- .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content {
8681
+ .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 {
8385
8682
  color: #fff;
8386
8683
  }
8387
- .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8684
+ .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 {
8388
8685
  color: #fff;
8389
8686
  }
8390
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8391
- .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8392
- background-color: rgba(255, 255, 255, 0.18);
8393
- border-color: transparent;
8394
- }
8395
- .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8396
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8397
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8398
- background-color: transparent;
8399
- border-color: transparent;
8687
+ .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8688
+ .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,
8689
+ .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,
8690
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8691
+ color: rgba(255, 255, 255, 0.7);
8400
8692
  }
8401
8693
  .e-treeview .e-list-item.e-disable > .e-text-content,
8402
8694
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8426,8 +8718,7 @@
8426
8718
  .e-treeview .e-popup .e-downtail::after {
8427
8719
  border-top-color: #616161;
8428
8720
  }
8429
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8430
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8721
+ .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 {
8431
8722
  background-color: rgba(255, 255, 255, 0.1);
8432
8723
  border-color: transparent;
8433
8724
  }
@@ -8435,14 +8726,11 @@
8435
8726
  background-color: rgba(255, 255, 255, 0.18);
8436
8727
  border-color: transparent;
8437
8728
  }
8438
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8439
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8729
+ .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 {
8440
8730
  background-color: rgba(255, 255, 255, 0.18);
8441
8731
  border-color: transparent;
8442
8732
  }
8443
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8444
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8445
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8733
+ .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 {
8446
8734
  background-color: transparent;
8447
8735
  border-color: transparent;
8448
8736
  }
@@ -8473,7 +8761,8 @@
8473
8761
  border-left-color: transparent;
8474
8762
  }
8475
8763
 
8476
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
8764
+ /* stylelint-disable-line no-empty-source */
8765
+ /* stylelint-disable-line no-empty-source */
8477
8766
  ejs-sidebar {
8478
8767
  display: none;
8479
8768
  }
@@ -8490,40 +8779,39 @@ ejs-sidebar {
8490
8779
  overflow: auto;
8491
8780
  position: fixed;
8492
8781
  top: 0;
8782
+ -webkit-transition: none;
8493
8783
  transition: none;
8494
8784
  vertical-align: middle;
8495
8785
  visibility: hidden;
8496
8786
  will-change: transform;
8497
8787
  }
8498
- .e-sidebar.e-right.e-open {
8499
- transform: translateX(0%);
8788
+ .e-sidebar.e-right.e-open, .e-sidebar.e-left.e-open {
8789
+ -webkit-transform: translateX(0%);
8790
+ transform: translateX(0%);
8791
+ -webkit-transition: -webkit-transform 0.5s ease;
8792
+ transition: -webkit-transform 0.5s ease;
8500
8793
  transition: transform 0.5s ease;
8794
+ transition: transform 0.5s ease, -webkit-transform 0.5s ease;
8501
8795
  visibility: visible;
8502
8796
  }
8503
- .e-sidebar.e-right.e-close {
8504
- box-shadow: none;
8505
- transform: translateX(100%);
8506
- transition: transform 0.5s ease, visibility 500ms;
8797
+ .e-sidebar.e-right.e-close, .e-sidebar.e-left.e-close {
8798
+ -webkit-box-shadow: none;
8799
+ box-shadow: none;
8507
8800
  visibility: hidden;
8508
8801
  }
8509
- .e-sidebar.e-left.e-open {
8510
- transform: translateX(0%);
8511
- transition: transform 0.5s ease;
8512
- visibility: visible;
8513
- }
8514
- .e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close {
8515
- transition: transform 0.5s ease, visibility 500ms;
8802
+ .e-sidebar.e-right.e-close {
8803
+ -webkit-transform: translateX(100%);
8804
+ transform: translateX(100%);
8516
8805
  }
8517
8806
  .e-sidebar.e-left.e-close {
8518
- box-shadow: none;
8519
- transform: translateX(-100%);
8520
- visibility: hidden;
8807
+ -webkit-transform: translateX(-100%);
8808
+ transform: translateX(-100%);
8521
8809
  }
8522
- .e-sidebar.e-right.e-close {
8523
- box-shadow: none;
8524
- transform: translateX(100%);
8810
+ .e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close, .e-sidebar.e-right.e-close {
8811
+ -webkit-transition: visibility 500ms, -webkit-transform 0.5s ease;
8812
+ transition: visibility 500ms, -webkit-transform 0.5s ease;
8525
8813
  transition: transform 0.5s ease, visibility 500ms;
8526
- visibility: hidden;
8814
+ transition: transform 0.5s ease, visibility 500ms, -webkit-transform 0.5s ease;
8527
8815
  }
8528
8816
  .e-sidebar.e-right {
8529
8817
  border-left: 1px solid #616161;
@@ -8537,27 +8825,104 @@ ejs-sidebar {
8537
8825
  right: auto;
8538
8826
  top: 0;
8539
8827
  }
8540
- .e-sidebar.e-left.e-close.e-dock {
8541
- transform: translateX(0%);
8542
- transition: width 0.5s ease, visibility 500ms;
8543
- visibility: visible;
8544
- }
8545
- .e-sidebar.e-right.e-close.e-dock {
8546
- transform: translateX(0%);
8828
+ .e-sidebar.e-left.e-close.e-dock, .e-sidebar.e-right.e-close.e-dock {
8829
+ -webkit-transform: translateX(0%);
8830
+ transform: translateX(0%);
8831
+ -webkit-transition: width 0.5s ease, visibility 500ms;
8547
8832
  transition: width 0.5s ease, visibility 500ms;
8548
8833
  visibility: visible;
8549
8834
  }
8550
8835
  .e-sidebar.e-left.e-open.e-dock.e-blazor-dock, .e-sidebar.e-right.e-open.e-dock.e-blazor-dock {
8836
+ -webkit-transition: width 0.5s ease, visibility 500ms;
8551
8837
  transition: width 0.5s ease, visibility 500ms;
8552
8838
  }
8553
8839
  .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 {
8840
+ -webkit-transition: none;
8554
8841
  transition: none;
8555
8842
  }
8556
8843
  .e-sidebar.e-visibility {
8557
8844
  visibility: hidden;
8558
8845
  }
8559
8846
  .e-sidebar.e-over {
8560
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
8847
+ -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
8848
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
8849
+ }
8850
+
8851
+ .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 {
8852
+ -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8853
+ transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8854
+ transition: margin 0.5s ease, transform 0.5s ease;
8855
+ transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8856
+ }
8857
+ .e-sidebarcontainer.e-left.e-open.e-auto + div {
8858
+ margin-right: 0;
8859
+ -webkit-transform: translateX(0);
8860
+ transform: translateX(0);
8861
+ margin-left: var(--sidebar-width);
8862
+ }
8863
+ .e-sidebarcontainer.e-left.e-close.e-auto + div {
8864
+ margin-right: 0;
8865
+ -webkit-transform: translateX(0);
8866
+ transform: translateX(0);
8867
+ margin-left: 0;
8868
+ }
8869
+ .e-sidebarcontainer.e-right.e-open.e-auto + div {
8870
+ margin-left: 0;
8871
+ -webkit-transform: translateX(0);
8872
+ transform: translateX(0);
8873
+ margin-right: var(--sidebar-width);
8874
+ }
8875
+ .e-sidebarcontainer.e-right.e-close.e-auto + div {
8876
+ margin-right: 0;
8877
+ -webkit-transform: translateX(0);
8878
+ transform: translateX(0);
8879
+ margin-left: 0;
8880
+ }
8881
+ .e-sidebarcontainer.e-left.e-open.e-push + div {
8882
+ margin-right: 0;
8883
+ -webkit-transform: translateX(0);
8884
+ transform: translateX(0);
8885
+ margin-left: var(--sidebar-width);
8886
+ }
8887
+ .e-sidebarcontainer.e-left.e-close.e-push + div {
8888
+ margin-right: 0;
8889
+ -webkit-transform: translateX(0);
8890
+ transform: translateX(0);
8891
+ margin-left: 0;
8892
+ }
8893
+ .e-sidebarcontainer.e-right.e-open.e-push + div {
8894
+ margin-left: 0;
8895
+ -webkit-transform: translateX(0);
8896
+ transform: translateX(0);
8897
+ margin-right: var(--sidebar-width);
8898
+ }
8899
+ .e-sidebarcontainer.e-right.e-close.e-push + div {
8900
+ margin-right: 0;
8901
+ -webkit-transform: translateX(0);
8902
+ transform: translateX(0);
8903
+ margin-left: 0;
8904
+ }
8905
+ .e-sidebarcontainer.e-left.e-open.e-slide + div {
8906
+ margin-left: 0;
8907
+ -webkit-transform: translate(var(--sidebar-width));
8908
+ transform: translate(var(--sidebar-width));
8909
+ }
8910
+ .e-sidebarcontainer.e-left.e-close.e-slide + div {
8911
+ margin-left: 0;
8912
+ -webkit-transform: translate(0);
8913
+ transform: translate(0);
8914
+ }
8915
+ .e-sidebarcontainer.e-right.e-open.e-slide + div {
8916
+ margin-right: 0;
8917
+ margin-left: 0;
8918
+ -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
8919
+ transform: translate(calc(-1 * var(--sidebar-width)));
8920
+ }
8921
+ .e-sidebarcontainer.e-right.e-close.e-slide + div {
8922
+ margin-right: 0;
8923
+ margin-left: 0;
8924
+ -webkit-transform: translate(0);
8925
+ transform: translate(0);
8561
8926
  }
8562
8927
 
8563
8928
  .e-sidebar-absolute {
@@ -8569,24 +8934,36 @@ ejs-sidebar {
8569
8934
  position: relative;
8570
8935
  }
8571
8936
 
8572
- .e-backdrop {
8937
+ .e-backdrop,
8938
+ .e-sidebar-overlay {
8573
8939
  background-color: rgba(0, 0, 0, 0.6);
8574
8940
  height: 100%;
8575
8941
  left: 0;
8576
- opacity: 0.5;
8577
8942
  pointer-events: auto;
8578
8943
  top: 0;
8579
- width: auto;
8580
8944
  z-index: 999;
8581
8945
  }
8582
8946
 
8947
+ .e-backdrop {
8948
+ opacity: 0.5;
8949
+ width: auto;
8950
+ }
8951
+
8952
+ .e-sidebar-overlay {
8953
+ opacity: 0.5;
8954
+ position: fixed;
8955
+ width: 100%;
8956
+ }
8957
+
8583
8958
  .e-content-animation {
8584
- transition: margin 0.5s ease, transform 0.5s ease;
8959
+ transition: margin 0.5s ease, -webkit-transform 0.5s ease, transform 0.5s ease;
8585
8960
  }
8586
8961
  .e-content-animation.e-overlay {
8587
- box-sizing: border-box;
8962
+ -webkit-box-sizing: border-box;
8963
+ box-sizing: border-box;
8588
8964
  overflow: auto;
8589
8965
  -webkit-user-select: none;
8966
+ -moz-user-select: none;
8590
8967
  -ms-user-select: none;
8591
8968
  user-select: none;
8592
8969
  }
@@ -8597,22 +8974,8 @@ ejs-sidebar {
8597
8974
  touch-action: none;
8598
8975
  }
8599
8976
 
8600
- /* stylelint-disable */
8601
8977
  .e-sidebar-overflow {
8602
- overflow-x: hidden !important;
8603
- }
8604
-
8605
- /* stylelint-enable */
8606
- .e-sidebar-overlay {
8607
- background-color: rgba(0, 0, 0, 0.6);
8608
- height: 100%;
8609
- left: 0;
8610
- opacity: 0.5;
8611
- pointer-events: auto;
8612
- position: fixed;
8613
- top: 0;
8614
- width: 100%;
8615
- z-index: 999;
8978
+ overflow-x: hidden;
8616
8979
  }
8617
8980
 
8618
8981
  .e-content-placeholder.e-sidebar.e-placeholder-sidebar {
@@ -8623,25 +8986,6 @@ ejs-sidebar {
8623
8986
  visibility: visible;
8624
8987
  }
8625
8988
 
8626
- @keyframes hscroll-popup-shadow {
8627
- 0% {
8628
- border-color: rgba(255, 255, 255, 0.5);
8629
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
8630
- }
8631
- 100% {
8632
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
8633
- }
8634
- }
8635
- @keyframes vscroll-popup-shadow {
8636
- 0% {
8637
- border-color: rgba(255, 255, 255, 0.5);
8638
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
8639
- }
8640
- 100% {
8641
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
8642
- }
8643
- }
8644
- /*! menu layout */
8645
8989
  .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
8646
8990
  .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
8647
8991
  content: "\e956";
@@ -8684,24 +9028,16 @@ ejs-sidebar {
8684
9028
  content: "\e94d";
8685
9029
  }
8686
9030
 
8687
- .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8688
- .e-rtl.e-menu-container ul.e-vertical .e-caret::before {
8689
- content: "\e937";
8690
- }
8691
- .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
8692
- .e-rtl.e-menu-container ul.e-ul .e-caret::before {
8693
- content: "\e937";
8694
- }
8695
-
9031
+ .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before, .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
9032
+ .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
9033
+ .e-rtl.e-menu-container ul.e-ul .e-caret::before,
8696
9034
  .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8697
- .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8698
- .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
8699
- .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
8700
- content: "\e937";
8701
- }
8702
9035
  .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
9036
+ .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8703
9037
  .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
9038
+ .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
8704
9039
  .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
9040
+ .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
8705
9041
  .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
8706
9042
  content: "\e937";
8707
9043
  }
@@ -8713,7 +9049,6 @@ ejs-sidebar {
8713
9049
  content: "\e94d";
8714
9050
  }
8715
9051
 
8716
- /*! menu layout */
8717
9052
  .e-menu-wrapper,
8718
9053
  .e-menu-container {
8719
9054
  border: 1px solid transparent;
@@ -8734,6 +9069,7 @@ ejs-sidebar {
8734
9069
  margin: 0;
8735
9070
  overflow: hidden;
8736
9071
  -webkit-user-select: none;
9072
+ -moz-user-select: none;
8737
9073
  -ms-user-select: none;
8738
9074
  user-select: none;
8739
9075
  font-size: 13px;
@@ -8744,7 +9080,8 @@ ejs-sidebar {
8744
9080
  .e-menu-wrapper ul.e-ul, .e-menu-wrapper ul.e-ul *,
8745
9081
  .e-menu-container ul.e-ul,
8746
9082
  .e-menu-container ul.e-ul * {
8747
- box-sizing: border-box;
9083
+ -webkit-box-sizing: border-box;
9084
+ box-sizing: border-box;
8748
9085
  }
8749
9086
  .e-menu-wrapper ul.e-ul:focus, .e-menu-wrapper ul.e-ul *:focus,
8750
9087
  .e-menu-container ul.e-ul:focus,
@@ -8787,6 +9124,7 @@ ejs-sidebar {
8787
9124
  .e-menu-container ul .e-menu-item {
8788
9125
  cursor: pointer;
8789
9126
  position: relative;
9127
+ display: -webkit-inline-box;
8790
9128
  display: -ms-inline-flexbox;
8791
9129
  display: inline-flex;
8792
9130
  height: 42px;
@@ -8959,26 +9297,27 @@ ejs-sidebar {
8959
9297
  .e-menu-container .e-scroll-nav .e-nav-arrow {
8960
9298
  font-size: 10px;
8961
9299
  }
8962
- .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
8963
- .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
8964
- transform: rotate(180deg);
8965
- }
8966
- .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
9300
+ .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,
9301
+ .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
8967
9302
  .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-up-arrow {
8968
- transform: rotate(180deg);
9303
+ -webkit-transform: rotate(180deg);
9304
+ transform: rotate(180deg);
8969
9305
  }
8970
9306
  .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
8971
9307
  .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
8972
- transform: rotate(0deg);
9308
+ -webkit-transform: rotate(0deg);
9309
+ transform: rotate(0deg);
8973
9310
  }
8974
9311
  .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow,
8975
9312
  .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow {
8976
- transform: rotate(180deg);
9313
+ -webkit-transform: rotate(180deg);
9314
+ transform: rotate(180deg);
8977
9315
  }
8978
9316
  .e-menu-wrapper.e-popup.e-menu-popup,
8979
9317
  .e-menu-container.e-popup.e-menu-popup {
8980
9318
  border: none;
8981
- box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
9319
+ -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
9320
+ box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
8982
9321
  overflow: hidden;
8983
9322
  position: absolute;
8984
9323
  }
@@ -8988,12 +9327,14 @@ ejs-sidebar {
8988
9327
  }
8989
9328
  .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav,
8990
9329
  .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav {
8991
- transform: none;
9330
+ -webkit-transform: none;
9331
+ transform: none;
8992
9332
  width: 100%;
8993
9333
  }
8994
9334
  .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow,
8995
9335
  .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow {
8996
- transform: none;
9336
+ -webkit-transform: none;
9337
+ transform: none;
8997
9338
  }
8998
9339
  .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-vscroll-bar,
8999
9340
  .e-menu-container .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -9028,7 +9369,8 @@ ejs-sidebar {
9028
9369
  .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll,
9029
9370
  .e-menu-container.e-contextmenu-container .e-menu-vscroll {
9030
9371
  border: none;
9031
- box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
9372
+ -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
9373
+ box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
9032
9374
  }
9033
9375
 
9034
9376
  .e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon {
@@ -9233,7 +9575,8 @@ ejs-sidebar {
9233
9575
  .e-bigger.e-menu-wrapper.e-menu-popup,
9234
9576
  .e-bigger .e-menu-container.e-menu-popup,
9235
9577
  .e-bigger.e-menu-container.e-menu-popup {
9236
- box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
9578
+ -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
9579
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
9237
9580
  }
9238
9581
  .e-bigger .e-menu-wrapper .e-scroll-nav .e-icons,
9239
9582
  .e-bigger.e-menu-wrapper .e-scroll-nav .e-icons,
@@ -9322,7 +9665,8 @@ ejs-sidebar {
9322
9665
  .e-menu-container.e-hamburger .e-popup.e-menu-popup {
9323
9666
  border: 0;
9324
9667
  border-radius: 0;
9325
- box-shadow: none;
9668
+ -webkit-box-shadow: none;
9669
+ box-shadow: none;
9326
9670
  display: block;
9327
9671
  position: relative;
9328
9672
  width: 100%;
@@ -9358,13 +9702,21 @@ ejs-sidebar {
9358
9702
  }
9359
9703
  .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret,
9360
9704
  .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret {
9705
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
9706
+ transition: -webkit-transform 0.3s ease-in-out;
9361
9707
  transition: transform 0.3s ease-in-out;
9708
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
9709
+ -webkit-transform: rotate(-180deg);
9362
9710
  transform: rotate(-180deg);
9363
9711
  text-indent: 0;
9364
9712
  }
9365
9713
  .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret,
9366
9714
  .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret {
9715
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
9716
+ transition: -webkit-transform 0.3s ease-in-out;
9367
9717
  transition: transform 0.3s ease-in-out;
9718
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
9719
+ -webkit-transform: rotate(0deg);
9368
9720
  transform: rotate(0deg);
9369
9721
  text-indent: 0;
9370
9722
  }
@@ -9401,8 +9753,9 @@ ejs-sidebar {
9401
9753
  height: auto;
9402
9754
  padding: 0;
9403
9755
  }
9404
- .e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon,
9405
- .e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon {
9756
+ .e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon, .e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
9757
+ .e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon,
9758
+ .e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
9406
9759
  padding: 0;
9407
9760
  }
9408
9761
  .e-menu-wrapper.e-hamburger ul .e-menu-item .e-menu-url,
@@ -9412,10 +9765,6 @@ ejs-sidebar {
9412
9765
  text-indent: 0;
9413
9766
  width: 100%;
9414
9767
  }
9415
- .e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
9416
- .e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
9417
- padding: 0;
9418
- }
9419
9768
  .e-menu-wrapper.e-hamburger ul .e-menu-item.e-separator,
9420
9769
  .e-menu-container.e-hamburger ul .e-menu-item.e-separator {
9421
9770
  border-bottom-style: solid;
@@ -9539,7 +9888,6 @@ ejs-sidebar {
9539
9888
  position: relative;
9540
9889
  }
9541
9890
 
9542
- /*! menu theme */
9543
9891
  .e-menu-wrapper,
9544
9892
  .e-menu-container {
9545
9893
  background: #212121;
@@ -9656,7 +10004,6 @@ ejs-sidebar {
9656
10004
  .e-menu-container .e-ul .e-menu-item.e-separator {
9657
10005
  border-bottom-color: #616161;
9658
10006
  }
9659
-
9660
10007
  .e-menu-wrapper.e-menu-popup,
9661
10008
  .e-menu-container.e-menu-popup {
9662
10009
  background: #424242;
@@ -9738,7 +10085,6 @@ ejs-sidebar {
9738
10085
  color: #fff;
9739
10086
  }
9740
10087
 
9741
- /*! breadcrumb icons */
9742
10088
  .e-breadcrumb .e-breadcrumb-collapsed::before,
9743
10089
  .e-breadcrumb .e-breadcrumb-menu::before {
9744
10090
  content: "\eb04";
@@ -9755,17 +10101,18 @@ ejs-sidebar {
9755
10101
  margin-top: 0;
9756
10102
  }
9757
10103
 
9758
- /*! breadcrumb layout */
9759
10104
  .e-breadcrumb {
9760
10105
  display: block;
9761
10106
  }
9762
10107
  .e-breadcrumb.e-breadcrumb-wrap-mode {
10108
+ display: -webkit-box;
9763
10109
  display: -ms-flexbox;
9764
10110
  display: flex;
9765
10111
  }
9766
10112
  .e-breadcrumb .e-breadcrumb-first-ol {
9767
- -ms-flex-align: start;
9768
- align-items: flex-start;
10113
+ -webkit-box-align: start;
10114
+ -ms-flex-align: start;
10115
+ align-items: flex-start;
9769
10116
  -ms-flex-negative: 0;
9770
10117
  flex-shrink: 0;
9771
10118
  padding-right: 0;
@@ -9781,8 +10128,10 @@ ejs-sidebar {
9781
10128
  overflow: auto;
9782
10129
  }
9783
10130
  .e-breadcrumb ol {
9784
- -ms-flex-align: center;
9785
- align-items: center;
10131
+ -webkit-box-align: center;
10132
+ -ms-flex-align: center;
10133
+ align-items: center;
10134
+ display: -webkit-inline-box;
9786
10135
  display: -ms-inline-flexbox;
9787
10136
  display: inline-flex;
9788
10137
  line-height: normal;
@@ -9796,8 +10145,10 @@ ejs-sidebar {
9796
10145
  white-space: nowrap;
9797
10146
  }
9798
10147
  .e-breadcrumb .e-breadcrumb-item {
9799
- -ms-flex-align: center;
9800
- align-items: center;
10148
+ -webkit-box-align: center;
10149
+ -ms-flex-align: center;
10150
+ align-items: center;
10151
+ display: -webkit-box;
9801
10152
  display: -ms-flexbox;
9802
10153
  display: flex;
9803
10154
  -ms-flex-negative: 0;
@@ -9807,15 +10158,18 @@ ejs-sidebar {
9807
10158
  padding: 4px 8px;
9808
10159
  }
9809
10160
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
9810
- -ms-flex-align: center;
9811
- align-items: center;
10161
+ -webkit-box-align: center;
10162
+ -ms-flex-align: center;
10163
+ align-items: center;
10164
+ display: -webkit-box;
9812
10165
  display: -ms-flexbox;
9813
10166
  display: flex;
9814
10167
  font-size: 14px;
9815
10168
  }
9816
10169
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
9817
- -ms-flex-align: inherit;
9818
- align-items: inherit;
10170
+ -webkit-box-align: inherit;
10171
+ -ms-flex-align: inherit;
10172
+ align-items: inherit;
9819
10173
  display: inherit;
9820
10174
  }
9821
10175
  .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
@@ -9853,6 +10207,7 @@ ejs-sidebar {
9853
10207
  pointer-events: none;
9854
10208
  }
9855
10209
  .e-breadcrumb .e-breadcrumb-separator {
10210
+ display: -webkit-box;
9856
10211
  display: -ms-flexbox;
9857
10212
  display: flex;
9858
10213
  font-size: 14px;
@@ -9879,6 +10234,7 @@ ejs-sidebar {
9879
10234
  display: inline-block;
9880
10235
  }
9881
10236
  .e-breadcrumb .e-breadcrumb-item-wrapper {
10237
+ display: -webkit-box;
9882
10238
  display: -ms-flexbox;
9883
10239
  display: flex;
9884
10240
  }
@@ -9904,7 +10260,8 @@ ejs-sidebar {
9904
10260
  .e-breadcrumb-popup {
9905
10261
  border: none;
9906
10262
  border-radius: 0;
9907
- box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
10263
+ -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
10264
+ box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
9908
10265
  position: absolute;
9909
10266
  }
9910
10267
  .e-breadcrumb-popup ul {
@@ -9916,8 +10273,10 @@ ejs-sidebar {
9916
10273
  white-space: nowrap;
9917
10274
  }
9918
10275
  .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text {
9919
- -ms-flex-align: center;
9920
- align-items: center;
10276
+ -webkit-box-align: center;
10277
+ -ms-flex-align: center;
10278
+ align-items: center;
10279
+ display: -webkit-box;
9921
10280
  display: -ms-flexbox;
9922
10281
  display: flex;
9923
10282
  font-size: 14px;
@@ -9927,8 +10286,9 @@ ejs-sidebar {
9927
10286
  width: 100%;
9928
10287
  }
9929
10288
  .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
9930
- -ms-flex-align: inherit;
9931
- align-items: inherit;
10289
+ -webkit-box-align: inherit;
10290
+ -ms-flex-align: inherit;
10291
+ align-items: inherit;
9932
10292
  display: inherit;
9933
10293
  width: inherit;
9934
10294
  }
@@ -9949,12 +10309,15 @@ ejs-sidebar {
9949
10309
  }
9950
10310
  .e-breadcrumb-popup.e-icon-right .e-breadcrumb-icon,
9951
10311
  .e-breadcrumb-popup .e-icon-right .e-breadcrumb-icon {
10312
+ display: -webkit-box;
9952
10313
  display: -ms-flexbox;
9953
10314
  display: flex;
9954
- -ms-flex-positive: 1;
9955
- flex-grow: 1;
9956
- -ms-flex-pack: end;
9957
- justify-content: flex-end;
10315
+ -webkit-box-flex: 1;
10316
+ -ms-flex-positive: 1;
10317
+ flex-grow: 1;
10318
+ -webkit-box-pack: end;
10319
+ -ms-flex-pack: end;
10320
+ justify-content: flex-end;
9958
10321
  }
9959
10322
  .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon, .e-breadcrumb-popup.e-rtl .e-icon-right .e-breadcrumb-icon {
9960
10323
  padding-left: 0;
@@ -10042,7 +10405,6 @@ ejs-sidebar {
10042
10405
  padding-right: 12px;
10043
10406
  }
10044
10407
 
10045
- /*! breadcrumb theme */
10046
10408
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10047
10409
  color: rgba(255, 255, 255, 0.65);
10048
10410
  }
@@ -10117,8 +10479,6 @@ ejs-sidebar {
10117
10479
  color: #fff;
10118
10480
  }
10119
10481
 
10120
- /*! AppBar component material-dark theme definitions and variables */
10121
- /*! appbar component styles */
10122
10482
  .e-bigger .e-appbar,
10123
10483
  .e-appbar.e-bigger {
10124
10484
  height: 56px;
@@ -10134,26 +10494,32 @@ ejs-sidebar {
10134
10494
  }
10135
10495
 
10136
10496
  .e-appbar {
10497
+ display: -webkit-box;
10137
10498
  display: -ms-flexbox;
10138
10499
  display: flex;
10139
10500
  width: 100%;
10140
10501
  height: 48px;
10141
10502
  -ms-flex-negative: 0;
10142
10503
  flex-shrink: 0;
10143
- -ms-flex-direction: row;
10144
- flex-direction: row;
10504
+ -webkit-box-orient: horizontal;
10505
+ -webkit-box-direction: normal;
10506
+ -ms-flex-direction: row;
10507
+ flex-direction: row;
10145
10508
  position: relative;
10146
- -ms-flex-align: center;
10147
- align-items: center;
10509
+ -webkit-box-align: center;
10510
+ -ms-flex-align: center;
10511
+ align-items: center;
10148
10512
  padding: 8px;
10149
10513
  overflow: hidden;
10150
10514
  font-size: 14px;
10151
10515
  }
10152
10516
  .e-appbar > div:first-child {
10517
+ display: -webkit-box;
10153
10518
  display: -ms-flexbox;
10154
10519
  display: flex;
10155
- -ms-flex-align: center;
10156
- align-items: center;
10520
+ -webkit-box-align: center;
10521
+ -ms-flex-align: center;
10522
+ align-items: center;
10157
10523
  width: 100%;
10158
10524
  height: 100%;
10159
10525
  }
@@ -10164,12 +10530,14 @@ ejs-sidebar {
10164
10530
  }
10165
10531
  .e-appbar.e-prominent {
10166
10532
  height: 94px;
10167
- -ms-flex-align: start;
10168
- align-items: flex-start;
10533
+ -webkit-box-align: start;
10534
+ -ms-flex-align: start;
10535
+ align-items: flex-start;
10169
10536
  }
10170
10537
  .e-appbar.e-prominent > div:first-child {
10171
- -ms-flex-align: start;
10172
- align-items: flex-start;
10538
+ -webkit-box-align: start;
10539
+ -ms-flex-align: start;
10540
+ align-items: flex-start;
10173
10541
  }
10174
10542
  .e-appbar.e-dense {
10175
10543
  height: 40px;
@@ -10191,12 +10559,14 @@ ejs-sidebar {
10191
10559
  height: 24px;
10192
10560
  }
10193
10561
  .e-appbar .e-appbar-spacer {
10194
- -ms-flex-positive: 1;
10195
- flex-grow: 1;
10562
+ -webkit-box-flex: 1;
10563
+ -ms-flex-positive: 1;
10564
+ flex-grow: 1;
10196
10565
  }
10197
10566
  .e-appbar .e-btn,
10198
10567
  .e-appbar .e-css.e-btn {
10199
- border-image: unset;
10568
+ -o-border-image: unset;
10569
+ border-image: unset;
10200
10570
  }
10201
10571
 
10202
10572
  .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
@@ -10204,9 +10574,9 @@ ejs-sidebar {
10204
10574
  overflow: hidden;
10205
10575
  }
10206
10576
 
10207
- /*! appbar component theme */
10208
10577
  .e-appbar {
10209
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.16);
10578
+ -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.16);
10579
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.16);
10210
10580
  }
10211
10581
  .e-appbar.e-light {
10212
10582
  background: #303030;
@@ -10236,7 +10606,8 @@ ejs-sidebar {
10236
10606
  .e-appbar.e-light .e-menu-container.e-inherit {
10237
10607
  background: #303030;
10238
10608
  color: #fff;
10239
- box-shadow: none;
10609
+ -webkit-box-shadow: none;
10610
+ box-shadow: none;
10240
10611
  border-color: #303030;
10241
10612
  }
10242
10613
  .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,
@@ -10272,7 +10643,8 @@ ejs-sidebar {
10272
10643
  background: #9e9e9e;
10273
10644
  color: #fff;
10274
10645
  border-color: #9e9e9e;
10275
- box-shadow: none;
10646
+ -webkit-box-shadow: none;
10647
+ box-shadow: none;
10276
10648
  }
10277
10649
  .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,
10278
10650
  .e-appbar.e-dark .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
@@ -10292,7 +10664,8 @@ ejs-sidebar {
10292
10664
  background: #3f51b5;
10293
10665
  color: #fff;
10294
10666
  border-color: #3f51b5;
10295
- box-shadow: none;
10667
+ -webkit-box-shadow: none;
10668
+ box-shadow: none;
10296
10669
  }
10297
10670
  .e-appbar.e-inherit {
10298
10671
  background: inherit;
@@ -10308,10 +10681,12 @@ ejs-sidebar {
10308
10681
  background: inherit;
10309
10682
  color: inherit;
10310
10683
  border-color: inherit;
10311
- box-shadow: none;
10684
+ -webkit-box-shadow: none;
10685
+ box-shadow: none;
10312
10686
  }
10313
10687
  .e-appbar.e-horizontal-bottom {
10314
- box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1), 0 -2px 6px rgba(0, 0, 0, 0.2);
10688
+ -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1), 0 -2px 6px rgba(0, 0, 0, 0.2);
10689
+ box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1), 0 -2px 6px rgba(0, 0, 0, 0.2);
10315
10690
  }
10316
10691
 
10317
10692
  .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 {
@@ -10345,7 +10720,18 @@ ejs-sidebar {
10345
10720
  .e-inherit.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
10346
10721
  .e-inherit.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
10347
10722
  .e-inherit.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
10348
- box-shadow: none;
10723
+ -webkit-box-shadow: none;
10724
+ box-shadow: none;
10725
+ }
10726
+
10727
+ .e-inherit.e-input-group.e-control-wrapper .e-searchinput::-webkit-input-placeholder {
10728
+ color: inherit;
10729
+ opacity: 0.8;
10730
+ }
10731
+
10732
+ .e-inherit.e-input-group.e-control-wrapper .e-searchinput::-moz-placeholder {
10733
+ color: inherit;
10734
+ opacity: 0.8;
10349
10735
  }
10350
10736
 
10351
10737
  .e-inherit.e-input-group.e-control-wrapper .e-searchinput:-ms-input-placeholder {
@@ -10353,6 +10739,11 @@ ejs-sidebar {
10353
10739
  opacity: 0.8;
10354
10740
  }
10355
10741
 
10742
+ .e-inherit.e-input-group.e-control-wrapper .e-searchinput::-ms-input-placeholder {
10743
+ color: inherit;
10744
+ opacity: 0.8;
10745
+ }
10746
+
10356
10747
  .e-inherit.e-input-group.e-control-wrapper .e-searchinput::placeholder {
10357
10748
  color: inherit;
10358
10749
  opacity: 0.8;
@@ -10376,77 +10767,95 @@ ejs-sidebar {
10376
10767
  .e-stepper {
10377
10768
  position: relative;
10378
10769
  }
10770
+ .e-stepper .e-step-selected .e-text,
10771
+ .e-stepper .e-step-selected .e-label {
10772
+ font-weight: 600;
10773
+ }
10379
10774
  .e-stepper.e-stepper-readonly,
10380
10775
  .e-stepper .e-step-disabled {
10381
10776
  cursor: default;
10382
10777
  pointer-events: none;
10383
10778
  }
10384
- .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10779
+ .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
10385
10780
  font-size: 32px;
10386
10781
  border-radius: 9999px;
10387
10782
  }
10388
- .e-stepper.e-step-type-indicator .e-step-container .e-step-content {
10783
+ .e-stepper.e-step-type-indicator .e-step-content, .e-stepper.e-step-type-label .e-step-content {
10389
10784
  padding: 0 8px;
10390
10785
  }
10391
- .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) {
10786
+ .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) {
10392
10787
  position: relative;
10393
10788
  }
10394
- .e-stepper.e-horizontal .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10789
+ .e-stepper.e-horizontal .e-step-item.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10395
10790
  position: unset;
10396
10791
  }
10397
10792
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip {
10398
10793
  display: none;
10399
- -ms-flex-pack: center;
10400
- justify-content: center;
10794
+ -webkit-box-pack: center;
10795
+ -ms-flex-pack: center;
10796
+ justify-content: center;
10401
10797
  left: 50%;
10402
10798
  top: -8px;
10403
- transform: translate(-50%, -100%);
10799
+ -webkit-transform: translate(-50%, -100%);
10800
+ transform: translate(-50%, -100%);
10404
10801
  }
10405
10802
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip.e-show-tooltip {
10803
+ display: -webkit-inline-box;
10406
10804
  display: -ms-inline-flexbox;
10407
10805
  display: inline-flex;
10408
10806
  }
10409
10807
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-tip-content {
10808
+ width: -webkit-max-content;
10809
+ width: -moz-max-content;
10410
10810
  width: max-content;
10411
10811
  }
10412
10812
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip.e-tip-bottom {
10413
10813
  left: 50%;
10414
10814
  top: 100%;
10415
- transform: translate(-50%, 0);
10815
+ -webkit-transform: translate(-50%, 0);
10816
+ transform: translate(-50%, 0);
10416
10817
  }
10417
10818
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip-inner.e-tip-bottom {
10418
10819
  top: -6px;
10419
10820
  }
10420
- .e-stepper .e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
10821
+ .e-stepper .e-step-item.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
10421
10822
  left: unset;
10422
10823
  top: 0;
10423
- transform: translate(0%, -135%);
10824
+ -webkit-transform: translate(0%, -135%);
10825
+ transform: translate(0%, -135%);
10424
10826
  }
10425
10827
  .e-stepper.e-step-type-indicator .e-tooltip-wrap.e-stepper-tooltip {
10426
- transform: translate(-50%, -115%);
10828
+ -webkit-transform: translate(-50%, -115%);
10829
+ transform: translate(-50%, -115%);
10427
10830
  }
10428
10831
  .e-stepper .e-stepper-steps {
10832
+ display: -webkit-box;
10429
10833
  display: -ms-flexbox;
10430
10834
  display: flex;
10431
10835
  padding: 0;
10432
10836
  margin: 0;
10433
- -ms-flex-pack: justify;
10434
- justify-content: space-between;
10837
+ -webkit-box-pack: justify;
10838
+ -ms-flex-pack: justify;
10839
+ justify-content: space-between;
10435
10840
  position: relative;
10436
- -ms-flex-align: start;
10437
- align-items: flex-start;
10841
+ -webkit-box-align: start;
10842
+ -ms-flex-align: start;
10843
+ align-items: flex-start;
10438
10844
  }
10439
10845
  .e-stepper .e-stepper-steps .e-step-container,
10440
10846
  .e-stepper .e-stepper-steps .e-step,
10441
10847
  .e-stepper .e-stepper-steps .e-step-valid.e-step-text.e-step-text-only .e-step-text-container,
10442
10848
  .e-stepper .e-stepper-steps .e-step-error.e-step-text.e-step-text-only .e-step-text-container,
10443
10849
  .e-stepper .e-stepper-steps .e-step-label-container {
10850
+ display: -webkit-box;
10444
10851
  display: -ms-flexbox;
10445
10852
  display: flex;
10446
- -ms-flex-align: center;
10447
- align-items: center;
10448
- -ms-flex-pack: center;
10449
- justify-content: center;
10853
+ -webkit-box-align: center;
10854
+ -ms-flex-align: center;
10855
+ align-items: center;
10856
+ -webkit-box-pack: center;
10857
+ -ms-flex-pack: center;
10858
+ justify-content: center;
10450
10859
  }
10451
10860
  .e-stepper .e-step-container {
10452
10861
  max-width: var(--max-width);
@@ -10458,6 +10867,7 @@ ejs-sidebar {
10458
10867
  .e-stepper .e-step-container .e-step-text-container {
10459
10868
  max-width: clamp(100%, 10em, 100%);
10460
10869
  white-space: nowrap;
10870
+ font-size: 14px;
10461
10871
  }
10462
10872
  .e-stepper .e-step-container .e-step-label-optional {
10463
10873
  font-size: 12px;
@@ -10465,10 +10875,13 @@ ejs-sidebar {
10465
10875
  flex-basis: 100%;
10466
10876
  }
10467
10877
  .e-stepper .e-step-container .e-step-optional-container {
10878
+ display: -webkit-box;
10468
10879
  display: -ms-flexbox;
10469
10880
  display: flex;
10470
- -ms-flex-direction: column;
10471
- flex-direction: column;
10881
+ -webkit-box-orient: vertical;
10882
+ -webkit-box-direction: normal;
10883
+ -ms-flex-direction: column;
10884
+ flex-direction: column;
10472
10885
  }
10473
10886
  .e-stepper .e-step-container .e-step-content {
10474
10887
  font-size: 16px;
@@ -10485,17 +10898,15 @@ ejs-sidebar {
10485
10898
  padding-block: 5px;
10486
10899
  }
10487
10900
  .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 {
10488
- -ms-flex-direction: column;
10489
- flex-direction: column;
10901
+ -webkit-box-orient: vertical;
10902
+ -webkit-box-direction: normal;
10903
+ -ms-flex-direction: column;
10904
+ flex-direction: column;
10490
10905
  }
10491
10906
  .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 {
10492
10907
  position: relative;
10493
10908
  top: 0.25em;
10494
10909
  }
10495
- .e-stepper .e-step-container .e-step-label-container,
10496
- .e-stepper .e-step-container .e-step-text-container {
10497
- font-size: 14px;
10498
- }
10499
10910
  .e-stepper .e-step-container .e-step,
10500
10911
  .e-stepper .e-step-container .e-indicator {
10501
10912
  border-radius: 9999px;
@@ -10510,54 +10921,63 @@ ejs-sidebar {
10510
10921
  display: block;
10511
10922
  }
10512
10923
  .e-stepper.e-horizontal .e-stepper-steps {
10513
- -ms-flex-direction: row;
10514
- flex-direction: row;
10924
+ -webkit-box-orient: horizontal;
10925
+ -webkit-box-direction: normal;
10926
+ -ms-flex-direction: row;
10927
+ flex-direction: row;
10515
10928
  }
10516
- .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 {
10929
+ .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 {
10517
10930
  margin-left: var(--progress-left-position);
10518
10931
  top: var(--progress-top-position);
10519
10932
  width: var(--progress-bar-width);
10520
10933
  }
10521
- .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 {
10934
+ .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 {
10522
10935
  margin-right: var(--progress-left-position);
10523
10936
  margin-left: unset;
10524
10937
  }
10525
- .e-stepper.e-horizontal .e-step-icon.e-step-label {
10938
+ .e-stepper.e-horizontal .e-step-item.e-step-label {
10526
10939
  gap: 1em;
10527
- -ms-flex-direction: column;
10528
- flex-direction: column;
10940
+ -webkit-box-orient: vertical;
10941
+ -webkit-box-direction: normal;
10942
+ -ms-flex-direction: column;
10943
+ flex-direction: column;
10529
10944
  }
10530
- .e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container {
10945
+ .e-stepper.e-horizontal .e-step-item.e-step-label .e-step-label-container {
10531
10946
  position: relative;
10532
10947
  }
10533
- .e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container.e-label-before {
10534
- -ms-flex-order: -1;
10535
- order: -1;
10948
+ .e-stepper.e-horizontal .e-step-item.e-step-label .e-step-label-container.e-label-before {
10949
+ -webkit-box-ordinal-group: 0;
10950
+ -ms-flex-order: -1;
10951
+ order: -1;
10536
10952
  }
10537
10953
  .e-stepper.e-horizontal.e-label-start .e-step-text-container {
10538
- -ms-flex-order: -1;
10539
- order: -1;
10954
+ -webkit-box-ordinal-group: 0;
10955
+ -ms-flex-order: -1;
10956
+ order: -1;
10540
10957
  }
10541
- .e-stepper.e-horizontal .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10958
+ .e-stepper.e-horizontal .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
10542
10959
  position: absolute;
10543
10960
  top: 2.5em;
10544
10961
  margin-left: 2.5em;
10545
10962
  }
10546
- .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 {
10963
+ .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 {
10547
10964
  margin-right: 2.5em;
10548
10965
  margin-left: unset;
10549
10966
  }
10550
- .e-stepper.e-horizontal.e-label-start.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10967
+ .e-stepper.e-horizontal.e-label-start.e-rtl .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
10551
10968
  margin-right: unset;
10552
10969
  margin-left: 2.5em;
10553
10970
  }
10554
10971
  .e-stepper.e-horizontal.e-label-before .e-stepper-steps:has(.e-step-label-optional) {
10555
- -ms-flex-align: end;
10556
- align-items: flex-end;
10972
+ -webkit-box-align: end;
10973
+ -ms-flex-align: end;
10974
+ align-items: flex-end;
10557
10975
  }
10558
10976
  .e-stepper.e-horizontal.e-label-before .e-stepper-steps .e-step-label-container.e-label-before:has(.e-step-label-optional) {
10559
- -ms-flex-direction: column;
10560
- flex-direction: column;
10977
+ -webkit-box-orient: vertical;
10978
+ -webkit-box-direction: normal;
10979
+ -ms-flex-direction: column;
10980
+ flex-direction: column;
10561
10981
  gap: 0.5em;
10562
10982
  }
10563
10983
  .e-stepper.e-horizontal .e-text,
@@ -10568,19 +10988,16 @@ ejs-sidebar {
10568
10988
  }
10569
10989
  .e-stepper.e-horizontal .e-step-text.e-step-text-only:has(.e-step-label-optional),
10570
10990
  .e-stepper.e-horizontal .e-step-label.e-step-label-only:has(.e-step-label-optional),
10571
- .e-stepper.e-horizontal .e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
10572
- .e-stepper.e-horizontal .e-step-label-container.e-label-after:has(.e-step-label-optional) {
10573
- -ms-flex-wrap: wrap;
10574
- flex-wrap: wrap;
10575
- }
10576
- .e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
10991
+ .e-stepper.e-horizontal .e-step-item:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
10992
+ .e-stepper.e-horizontal .e-step-container:not(.e-step-item):not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
10993
+ .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 {
10577
10994
  -ms-flex-wrap: wrap;
10578
10995
  flex-wrap: wrap;
10579
10996
  }
10580
- .e-stepper.e-horizontal .e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
10997
+ .e-stepper.e-horizontal .e-step-item:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
10581
10998
  margin-top: 0.5em;
10582
10999
  }
10583
- .e-stepper.e-horizontal.e-label-after .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
11000
+ .e-stepper.e-horizontal.e-label-after .e-step-item.e-step-label:not(.e-step-text) .e-step-label-optional {
10584
11001
  margin-top: 0.2em;
10585
11002
  }
10586
11003
  .e-stepper.e-vertical {
@@ -10594,71 +11011,80 @@ ejs-sidebar {
10594
11011
  .e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-step-label-optional {
10595
11012
  position: absolute;
10596
11013
  }
10597
- .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 {
11014
+ .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 {
10598
11015
  margin-top: 3em;
10599
11016
  margin-left: 4em;
10600
11017
  }
10601
- .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 {
11018
+ .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 {
10602
11019
  margin-left: unset;
10603
11020
  margin-right: 4em;
10604
11021
  }
10605
11022
  .e-stepper.e-vertical .e-stepper-steps {
10606
- -ms-flex-direction: column;
10607
- flex-direction: column;
11023
+ -webkit-box-orient: vertical;
11024
+ -webkit-box-direction: normal;
11025
+ -ms-flex-direction: column;
11026
+ flex-direction: column;
10608
11027
  min-height: inherit;
10609
11028
  float: left;
10610
- -ms-flex-align: start;
10611
- align-items: start;
11029
+ -webkit-box-align: start;
11030
+ -ms-flex-align: start;
11031
+ align-items: start;
10612
11032
  margin: 0;
10613
- -ms-flex-pack: justify;
10614
- justify-content: space-between;
11033
+ -webkit-box-pack: justify;
11034
+ -ms-flex-pack: justify;
11035
+ justify-content: space-between;
10615
11036
  }
10616
11037
  .e-stepper.e-vertical.e-rtl .e-stepper-steps {
10617
11038
  float: right;
10618
11039
  }
10619
- .e-stepper.e-vertical .e-stepper-steps:has(.e-step-icon:not(.e-step-text):not(.e-step-label)),
11040
+ .e-stepper.e-vertical .e-stepper-steps:has(.e-step-item:not(.e-step-text):not(.e-step-label)),
10620
11041
  .e-stepper.e-vertical .e-stepper-steps:has(.e-step-text.e-step-text-only),
10621
- .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 {
10622
- -ms-flex-align: center;
10623
- align-items: center;
11042
+ .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 {
11043
+ -webkit-box-align: center;
11044
+ -ms-flex-align: center;
11045
+ align-items: center;
10624
11046
  }
10625
- .e-stepper.e-vertical .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10626
- .e-stepper.e-vertical .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
11047
+ .e-stepper.e-vertical .e-step-item.e-step-text:not(.e-step-label) .e-step-text-container,
11048
+ .e-stepper.e-vertical .e-step-item.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10627
11049
  margin-left: 10px;
10628
11050
  }
10629
- .e-stepper.e-vertical.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10630
- .e-stepper.e-vertical.e-rtl .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
11051
+ .e-stepper.e-vertical.e-rtl .e-step-item.e-step-text:not(.e-step-label) .e-step-text-container,
11052
+ .e-stepper.e-vertical.e-rtl .e-step-item.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10631
11053
  margin-left: unset;
10632
11054
  margin-right: 10px;
10633
11055
  }
10634
- .e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional),
11056
+ .e-stepper.e-vertical .e-step-item:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional),
10635
11057
  .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional),
10636
11058
  .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) {
10637
- -ms-flex-direction: column;
10638
- flex-direction: column;
11059
+ -webkit-box-orient: vertical;
11060
+ -webkit-box-direction: normal;
11061
+ -ms-flex-direction: column;
11062
+ flex-direction: column;
10639
11063
  }
10640
- .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,
11064
+ .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,
10641
11065
  .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional) .e-step-label-optional,
10642
11066
  .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) .e-step-label-optional {
10643
11067
  position: unset;
10644
11068
  }
10645
- .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) {
11069
+ .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) {
10646
11070
  gap: 0.5em;
10647
11071
  }
10648
- .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) {
10649
- -ms-flex-direction: column;
10650
- flex-direction: column;
11072
+ .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) {
11073
+ -webkit-box-orient: vertical;
11074
+ -webkit-box-direction: normal;
11075
+ -ms-flex-direction: column;
11076
+ flex-direction: column;
10651
11077
  }
10652
- .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 {
11078
+ .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 {
10653
11079
  line-height: 2em;
10654
11080
  }
10655
- .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 {
11081
+ .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 {
10656
11082
  position: unset;
10657
11083
  }
10658
- .e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after {
11084
+ .e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-item) .e-step-label-container.e-label-after {
10659
11085
  position: absolute;
10660
11086
  }
10661
- .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 {
11087
+ .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 {
10662
11088
  left: 0;
10663
11089
  }
10664
11090
  .e-stepper.e-vertical .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
@@ -10679,20 +11105,24 @@ ejs-sidebar {
10679
11105
  padding-bottom: 6px;
10680
11106
  }
10681
11107
  .e-stepper.e-vertical.e-label-top .e-stepper-steps, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps {
10682
- -ms-flex-align: center;
10683
- align-items: center;
11108
+ -webkit-box-align: center;
11109
+ -ms-flex-align: center;
11110
+ align-items: center;
10684
11111
  }
10685
11112
  .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 {
10686
- -ms-flex-direction: column;
10687
- flex-direction: column;
11113
+ -webkit-box-orient: vertical;
11114
+ -webkit-box-direction: normal;
11115
+ -ms-flex-direction: column;
11116
+ flex-direction: column;
10688
11117
  }
10689
11118
  .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 {
10690
11119
  margin-left: 0;
10691
11120
  }
10692
11121
  .e-stepper.e-vertical.e-label-top .e-step-container .e-step-label-optional,
10693
11122
  .e-stepper.e-vertical.e-label-top .e-step-container .e-step-text-container {
10694
- -ms-flex-order: -1;
10695
- order: -1;
11123
+ -webkit-box-ordinal-group: 0;
11124
+ -ms-flex-order: -1;
11125
+ order: -1;
10696
11126
  }
10697
11127
  .e-stepper .e-stepper-progressbar {
10698
11128
  height: 1.6px;
@@ -10703,9 +11133,12 @@ ejs-sidebar {
10703
11133
  .e-stepper .e-stepper-progressbar > .e-progressbar-value {
10704
11134
  height: 100%;
10705
11135
  width: var(--progress-value);
11136
+ -webkit-transition-property: width;
10706
11137
  transition-property: width;
10707
- transition-duration: var(--duration);
10708
- transition-delay: var(--delay);
11138
+ -webkit-transition-duration: var(--duration);
11139
+ transition-duration: var(--duration);
11140
+ -webkit-transition-delay: var(--delay);
11141
+ transition-delay: var(--delay);
10709
11142
  }
10710
11143
  .e-stepper.e-vertical .e-stepper-progressbar {
10711
11144
  min-height: inherit;
@@ -10716,6 +11149,7 @@ ejs-sidebar {
10716
11149
  .e-stepper.e-vertical .e-stepper-progressbar > .e-progressbar-value {
10717
11150
  width: 100%;
10718
11151
  height: var(--progress-value);
11152
+ -webkit-transition-property: height;
10719
11153
  transition-property: height;
10720
11154
  }
10721
11155
  .e-stepper.e-vertical.e-rtl .e-stepper-progressbar {
@@ -10734,12 +11168,12 @@ ejs-sidebar {
10734
11168
  top: 90% !important; /* stylelint-disable-line declaration-no-important */
10735
11169
  }
10736
11170
 
10737
- .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,
10738
- .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 {
11171
+ .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,
11172
+ .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 {
10739
11173
  font-size: 28px;
10740
11174
  }
10741
- .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,
10742
- .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 {
11175
+ .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,
11176
+ .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 {
10743
11177
  width: 28px;
10744
11178
  height: 28px;
10745
11179
  }
@@ -10773,12 +11207,12 @@ ejs-sidebar {
10773
11207
  font-size: 10px;
10774
11208
  }
10775
11209
 
10776
- .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,
10777
- .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 {
11210
+ .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,
11211
+ .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 {
10778
11212
  font-size: 40px;
10779
11213
  }
10780
- .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,
10781
- .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 {
11214
+ .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,
11215
+ .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 {
10782
11216
  width: 40px;
10783
11217
  height: 40px;
10784
11218
  }
@@ -10812,16 +11246,16 @@ ejs-sidebar {
10812
11246
  font-size: 14px;
10813
11247
  }
10814
11248
 
10815
- .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,
10816
- .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,
10817
- .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,
10818
- .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 {
11249
+ .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,
11250
+ .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,
11251
+ .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,
11252
+ .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 {
10819
11253
  font-size: 36px;
10820
11254
  }
10821
- .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,
10822
- .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,
10823
- .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,
10824
- .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 {
11255
+ .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,
11256
+ .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,
11257
+ .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,
11258
+ .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 {
10825
11259
  width: 36px;
10826
11260
  height: 36px;
10827
11261
  }
@@ -10915,10 +11349,6 @@ ejs-sidebar {
10915
11349
  .e-stepper .e-step-error .e-indicator:hover {
10916
11350
  color: #bdbdbd;
10917
11351
  }
10918
- .e-stepper .e-step-selected .e-text,
10919
- .e-stepper .e-step-selected .e-label {
10920
- font-weight: 600;
10921
- }
10922
11352
  .e-stepper .e-step-valid.e-step-text-only .e-step-validation-icon,
10923
11353
  .e-stepper .e-step-valid.e-step-label-only .e-step-validation-icon {
10924
11354
  color: #4caf50;
@@ -10937,7 +11367,7 @@ ejs-sidebar {
10937
11367
  .e-stepper .e-step-completed:not(.e-step-error) .e-label {
10938
11368
  color: #3f51b5;
10939
11369
  }
10940
- .e-stepper .e-step-label:not(.e-step-icon) .e-step-label-container {
11370
+ .e-stepper .e-step-label:not(.e-step-item) .e-step-label-container {
10941
11371
  background-color: #383838;
10942
11372
  }
10943
11373
  .e-stepper .e-step-text-container {
@@ -10953,7 +11383,7 @@ ejs-sidebar {
10953
11383
  .e-stepper .e-step-disabled .e-step-validation-icon {
10954
11384
  color: white;
10955
11385
  }
10956
- .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 {
11386
+ .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 {
10957
11387
  background-color: #383838;
10958
11388
  }
10959
11389
  .e-stepper .e-stepper-progressbar {
@@ -10963,31 +11393,36 @@ ejs-sidebar {
10963
11393
  background-color: #3f51b5;
10964
11394
  }
10965
11395
  .e-stepper:not(.e-steps-focus) .e-step-selected .e-step {
10966
- box-shadow: 0 0 0 2px #383838, 0 0 0 4px #3f51b5, 0 0 0 8px #383838;
11396
+ -webkit-box-shadow: 0 0 0 2px #383838, 0 0 0 4px #3f51b5, 0 0 0 8px #383838;
11397
+ box-shadow: 0 0 0 2px #383838, 0 0 0 4px #3f51b5, 0 0 0 8px #383838;
10967
11398
  }
10968
11399
  .e-stepper .e-step-focus .e-step,
10969
11400
  .e-stepper .e-step-label-only.e-step-focus .e-label,
10970
11401
  .e-stepper .e-step-text-only.e-step-focus .e-text,
10971
11402
  .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 {
10972
- box-shadow: 0 0 0 2px #383838, 0 0 0 4px #fff, 0 0 0 8px #383838;
11403
+ -webkit-box-shadow: 0 0 0 2px #383838, 0 0 0 4px #fff, 0 0 0 8px #383838;
11404
+ box-shadow: 0 0 0 2px #383838, 0 0 0 4px #fff, 0 0 0 8px #383838;
10973
11405
  }
10974
11406
  .e-stepper:not(.e-steps-focus) .e-step-valid.e-step-selected .e-step,
10975
11407
  .e-stepper .e-step-valid.e-step-focus .e-step,
10976
11408
  .e-stepper .e-step-valid.e-step-label-only.e-step-focus .e-label,
10977
11409
  .e-stepper .e-step-valid.e-step-text-only.e-step-focus .e-text,
10978
11410
  .e-stepper .e-step-valid.e-step-template.e-step-focus {
10979
- box-shadow: 0 0 0 2px #383838, 0 0 0 4px #4caf50, 0 0 0 8px #383838;
11411
+ -webkit-box-shadow: 0 0 0 2px #383838, 0 0 0 4px #4caf50, 0 0 0 8px #383838;
11412
+ box-shadow: 0 0 0 2px #383838, 0 0 0 4px #4caf50, 0 0 0 8px #383838;
10980
11413
  }
10981
11414
  .e-stepper:not(.e-steps-focus) .e-step-error.e-step-selected .e-step,
10982
11415
  .e-stepper .e-step-error.e-step-focus .e-step,
10983
11416
  .e-stepper .e-step-error.e-step-label-only.e-step-focus .e-label,
10984
11417
  .e-stepper .e-step-error.e-step-text-only.e-step-focus .e-text,
10985
11418
  .e-stepper .e-step-error.e-step-template.e-step-focus {
10986
- box-shadow: 0 0 0 2px #383838, 0 0 0 4px #ff6652, 0 0 0 8px #383838;
11419
+ -webkit-box-shadow: 0 0 0 2px #383838, 0 0 0 4px #ff6652, 0 0 0 8px #383838;
11420
+ box-shadow: 0 0 0 2px #383838, 0 0 0 4px #ff6652, 0 0 0 8px #383838;
10987
11421
  }
10988
11422
  .e-stepper .e-step-container:not(.e-step-focus).e-step-notstarted .e-step,
10989
11423
  .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 {
10990
- box-shadow: 0 0 0 8px #383838;
11424
+ -webkit-box-shadow: 0 0 0 8px #383838;
11425
+ box-shadow: 0 0 0 8px #383838;
10991
11426
  }
10992
11427
  .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step:hover,
10993
11428
  .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {