@syncfusion/ej2-navigations 25.2.6 → 26.1.38

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 +1317 -1107
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +966 -741
  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 +10 -0
  18. package/src/breadcrumb/breadcrumb.js +26 -7
  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 +26 -5
  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 +1582 -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 +13017 -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 +155 -147
  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 +2058 -0
  608. package/styles/treeview/fluent2.scss +6 -0
  609. package/styles/treeview/highcontrast-light.css +106 -98
  610. package/styles/treeview/highcontrast.css +122 -103
  611. package/styles/treeview/icons/_bootstrap5.3.scss +43 -0
  612. package/styles/treeview/icons/_fluent2.scss +43 -0
  613. package/styles/treeview/material-dark.css +115 -99
  614. package/styles/treeview/material.css +129 -101
  615. package/styles/treeview/material3-dark.css +136 -109
  616. package/styles/treeview/material3.css +136 -109
  617. package/styles/treeview/tailwind-dark.css +113 -105
  618. package/styles/treeview/tailwind.css +113 -105
  619. package/styles/v-scroll/_bootstrap5.3-definition.scss +49 -0
  620. package/styles/v-scroll/_fluent2-definition.scss +49 -0
  621. package/styles/v-scroll/bootstrap-dark.css +22 -10
  622. package/styles/v-scroll/bootstrap.css +22 -10
  623. package/styles/v-scroll/bootstrap4.css +22 -10
  624. package/styles/v-scroll/bootstrap5-dark.css +22 -10
  625. package/styles/v-scroll/bootstrap5.css +22 -10
  626. package/styles/v-scroll/fabric-dark.css +22 -10
  627. package/styles/v-scroll/fabric.css +22 -10
  628. package/styles/v-scroll/fluent-dark.css +22 -10
  629. package/styles/v-scroll/fluent.css +22 -10
  630. package/styles/v-scroll/fluent2.css +1248 -0
  631. package/styles/v-scroll/fluent2.scss +4 -0
  632. package/styles/v-scroll/highcontrast-light.css +22 -10
  633. package/styles/v-scroll/highcontrast.css +22 -10
  634. package/styles/v-scroll/icons/_bootstrap5.3.scss +27 -0
  635. package/styles/v-scroll/icons/_fluent2.scss +27 -0
  636. package/styles/v-scroll/material-dark.css +41 -14
  637. package/styles/v-scroll/material.css +41 -14
  638. package/styles/v-scroll/material3-dark.css +25 -11
  639. package/styles/v-scroll/material3.css +25 -11
  640. package/styles/v-scroll/tailwind-dark.css +22 -10
  641. package/styles/v-scroll/tailwind.css +22 -10
  642. package/CHANGELOG.md +0 -2357
@@ -63,6 +63,10 @@
63
63
  margin-top: -31px;
64
64
  width: 90px;
65
65
  }
66
+ .e-bigger .e-pager .e-pagercontainer,
67
+ .e-pager.e-bigger .e-pagercontainer {
68
+ margin: 0;
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: 12px;
87
91
  margin-left: 16px;
88
92
  }
89
- .e-bigger .e-pager .e-pagercontainer,
90
- .e-pager.e-bigger .e-pagercontainer {
91
- margin: 0;
92
- }
93
- .e-bigger .e-pager.e-rtl .e-pagercontainer,
94
- .e-pager.e-bigger.e-rtl .e-pagercontainer {
95
- margin: -4px -4px -4px 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: 0;
116
112
  }
117
- .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-bigger .e-pager.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
118
- .e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
119
- .e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
120
- margin-left: 0;
121
- margin-right: 0;
122
- }
123
- .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
124
- .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
125
- margin-left: 6px;
126
- margin-top: 8px;
127
- }
128
113
  .e-bigger .e-pager .e-numericitem,
129
114
  .e-pager.e-bigger .e-numericitem {
130
115
  margin: 0;
@@ -148,6 +133,38 @@
148
133
  border-radius: 5.3333333333px;
149
134
  padding: 15px 14px 12px 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: 9px 10px 12px;
143
+ }
144
+ .e-bigger .e-pager.e-rtl .e-pagerdropdown,
145
+ .e-pager.e-bigger.e-rtl .e-pagerdropdown {
146
+ margin: -24px 16px 0 0;
147
+ }
148
+ .e-bigger .e-pager.e-rtl .e-pagerconstant,
149
+ .e-pager.e-bigger.e-rtl .e-pagerconstant {
150
+ margin: 22px 16px 5px 0;
151
+ }
152
+ .e-bigger .e-pager.e-rtl .e-pagercontainer,
153
+ .e-pager.e-bigger.e-rtl .e-pagercontainer {
154
+ margin: -4px -4px -4px 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: 0;
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: 8px;
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: 16px;
157
174
  margin-top: -5px;
158
175
  }
159
- .e-bigger .e-pager.e-rtl .e-pagerdropdown,
160
- .e-pager.e-bigger.e-rtl .e-pagerdropdown {
161
- margin: -24px 16px 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: 5px;
162
179
  }
163
- .e-bigger .e-pager.e-rtl .e-pagerconstant,
164
- .e-pager.e-bigger.e-rtl .e-pagerconstant {
165
- margin: 22px 16px 5px 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: 3px 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: 12px;
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: 5px;
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: 3px 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,
@@ -272,7 +282,7 @@
272
282
  line-height: 1;
273
283
  margin-right: 0;
274
284
  min-width: 26px;
275
- padding: 13px 12px 10px 12px;
285
+ padding: 13px 12px 10px;
276
286
  text-align: center;
277
287
  }
278
288
  .e-pager div.e-pagermsgdiv {
@@ -291,7 +301,7 @@
291
301
  .e-pager .e-currentitem {
292
302
  border-radius: 4px;
293
303
  cursor: pointer;
294
- padding: 11.5px 11px 10px 11px;
304
+ padding: 11.5px 11px 10px;
295
305
  text-decoration: none;
296
306
  }
297
307
  .e-pager .e-currentitem {
@@ -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,33 +403,38 @@
392
403
  .e-pager .e-pp:hover,
393
404
  .e-pager .e-np:hover {
394
405
  font-size: 16px;
406
+ padding: 8px 8px 9.5px;
395
407
  font-weight: bold;
396
408
  letter-spacing: 0;
397
- padding: 8px 8px 9.5px 8px;
398
409
  }
399
410
  .e-pager .e-np.e-focused,
400
411
  .e-pager .e-pp.e-focused {
401
412
  line-height: 1;
402
- padding: 8px 8px 9.5px 8px;
413
+ padding: 8px 8px 9.5px;
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: 3px 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: 8px;
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: 0;
591
607
  }
@@ -595,7 +611,7 @@
595
611
  }
596
612
  .e-pager.e-rtl .e-pp, .e-pager.e-rtl .e-np, .e-pager.e-rtl .e-pp:hover, .e-pager.e-rtl .e-np:hover {
597
613
  margin-top: 2px;
598
- padding: 8px 11px 9px 11px;
614
+ padding: 8px 11px 9px;
599
615
  }
600
616
  .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
601
617
  margin: 0 5px;
@@ -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: 12px;
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: #fff;
663
678
  border-color: #ddd;
679
+ background: #fff;
664
680
  color: #333;
665
681
  opacity: 1;
666
682
  }
@@ -695,7 +711,6 @@
695
711
  }
696
712
  .e-pager .e-numericitem {
697
713
  background: #fff;
698
- border-right-color: #ddd;
699
714
  color: #317ab9;
700
715
  }
701
716
  .e-pager .e-prevpagedisabled,
@@ -717,6 +732,7 @@
717
732
  background-color: #fff;
718
733
  border-color: #ddd;
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: #317ab9;
749
- box-shadow: 0 0 0 1px #66afe9 inset;
765
+ -webkit-box-shadow: 0 0 0 1px #66afe9 inset;
766
+ box-shadow: 0 0 0 1px #66afe9 inset;
750
767
  }
751
768
  .e-pager .e-focused {
752
- box-shadow: 0 0 0 1px #66afe9 inset;
769
+ -webkit-box-shadow: 0 0 0 1px #66afe9 inset;
770
+ box-shadow: 0 0 0 1px #66afe9 inset;
753
771
  }
754
772
  @media (max-width: 590px) {
755
773
  .e-pager .e-pager-default:hover {
@@ -758,13 +776,7 @@
758
776
  opacity: 1;
759
777
  }
760
778
  }
761
- .e-pager.e-rtl .e-numericitem {
762
- border-left-color: #ddd;
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 {
765
- border-left-color: #ddd;
766
- }
767
- .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
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 {
768
780
  border-left-color: #ddd;
769
781
  }
770
782
 
@@ -843,12 +855,14 @@
843
855
  padding-right: initial;
844
856
  }
845
857
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
846
- transform: skewX(-16deg) translateX(-6px);
858
+ -webkit-transform: skewX(-16deg) translateX(-6px);
859
+ transform: skewX(-16deg) translateX(-6px);
847
860
  }
848
861
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
849
862
  left: 52px;
850
863
  right: auto;
851
- transform: skewX(-16deg) translateX(-6px);
864
+ -webkit-transform: skewX(-16deg) translateX(-6px);
865
+ transform: skewX(-16deg) translateX(-6px);
852
866
  }
853
867
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
854
868
  left: auto;
@@ -861,12 +875,14 @@
861
875
  padding-right: 50px;
862
876
  }
863
877
  .e-hscroll.e-scroll-device .e-scroll-nav {
864
- transform: skewX(-16deg) translateX(6px);
878
+ -webkit-transform: skewX(-16deg) translateX(6px);
879
+ transform: skewX(-16deg) translateX(6px);
865
880
  width: 52px;
866
881
  }
867
882
  .e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
868
883
  font-size: 14px;
869
- transform: skewX(16deg);
884
+ -webkit-transform: skewX(16deg);
885
+ transform: skewX(16deg);
870
886
  }
871
887
  .e-hscroll.e-scroll-device .e-scroll-overlay {
872
888
  opacity: 0.5;
@@ -878,7 +894,8 @@
878
894
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
879
895
  left: auto;
880
896
  right: 52px;
881
- transform: skewX(-16deg) translateX(6px);
897
+ -webkit-transform: skewX(-16deg) translateX(6px);
898
+ transform: skewX(-16deg) translateX(6px);
882
899
  }
883
900
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
884
901
  left: 0;
@@ -908,10 +925,12 @@
908
925
  right: 0;
909
926
  }
910
927
  .e-hscroll .e-scroll-nav {
911
- -ms-flex-align: center;
912
- align-items: center;
928
+ -webkit-box-align: center;
929
+ -ms-flex-align: center;
930
+ align-items: center;
913
931
  bottom: 0;
914
932
  cursor: pointer;
933
+ display: -webkit-box;
915
934
  display: -ms-flexbox;
916
935
  display: flex;
917
936
  min-height: 40px;
@@ -949,13 +968,15 @@
949
968
  }
950
969
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
951
970
  border-color: #ccc;
952
- box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
971
+ -webkit-box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
972
+ box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
953
973
  }
954
974
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
955
975
  background-color: #f8f8f8;
956
976
  border-color: #ccc;
957
977
  border-width: 1px;
958
- box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06);
978
+ -webkit-box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06);
979
+ box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06);
959
980
  }
960
981
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
961
982
  color: #317ab9;
@@ -965,9 +986,11 @@
965
986
  background-repeat: repeat-x;
966
987
  }
967
988
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
989
+ background-image: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
968
990
  background-image: linear-gradient(-270deg, white 0%, rgba(255, 255, 255, 0) 100%);
969
991
  }
970
992
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
993
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
971
994
  background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, white 100%);
972
995
  }
973
996
  .e-hscroll.e-rtl .e-scroll-nav {
@@ -1007,7 +1030,8 @@
1007
1030
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
1008
1031
  background: #e6e6e6;
1009
1032
  border: 0;
1010
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1033
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1034
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1011
1035
  color: #333;
1012
1036
  }
1013
1037
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active .e-icons {
@@ -1074,12 +1098,14 @@
1074
1098
  width: inherit;
1075
1099
  }
1076
1100
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
1077
- transform: skewX(-16deg) translateX(-6px);
1101
+ -webkit-transform: skewX(-16deg) translateX(-6px);
1102
+ transform: skewX(-16deg) translateX(-6px);
1078
1103
  }
1079
1104
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
1080
1105
  left: 52px;
1081
1106
  right: auto;
1082
- transform: skewX(-16deg) translateX(-6px);
1107
+ -webkit-transform: skewX(-16deg) translateX(-6px);
1108
+ transform: skewX(-16deg) translateX(-6px);
1083
1109
  }
1084
1110
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
1085
1111
  left: auto;
@@ -1089,13 +1115,15 @@
1089
1115
  padding: 0 40px;
1090
1116
  }
1091
1117
  .e-vscroll.e-scroll-device .e-scroll-nav {
1092
- transform: skewX(-16deg) translateX(6px);
1118
+ -webkit-transform: skewX(-16deg) translateX(6px);
1119
+ transform: skewX(-16deg) translateX(6px);
1093
1120
  width: 52px;
1094
1121
  z-index: 1001;
1095
1122
  }
1096
1123
  .e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
1097
1124
  font-size: 14px;
1098
- transform: skewX(16deg);
1125
+ -webkit-transform: skewX(16deg);
1126
+ transform: skewX(16deg);
1099
1127
  }
1100
1128
  .e-vscroll.e-scroll-device .e-scroll-overlay {
1101
1129
  opacity: 0.5;
@@ -1107,7 +1135,8 @@
1107
1135
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
1108
1136
  left: auto;
1109
1137
  right: 52px;
1110
- transform: skewX(-16deg) translateX(6px);
1138
+ -webkit-transform: skewX(-16deg) translateX(6px);
1139
+ transform: skewX(-16deg) translateX(6px);
1111
1140
  }
1112
1141
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
1113
1142
  left: 0;
@@ -1134,9 +1163,11 @@
1134
1163
  right: auto;
1135
1164
  }
1136
1165
  .e-vscroll .e-scroll-nav {
1137
- -ms-flex-align: center;
1138
- align-items: center;
1166
+ -webkit-box-align: center;
1167
+ -ms-flex-align: center;
1168
+ align-items: center;
1139
1169
  cursor: pointer;
1170
+ display: -webkit-box;
1140
1171
  display: -ms-flexbox;
1141
1172
  display: flex;
1142
1173
  height: 40px;
@@ -1169,13 +1200,15 @@
1169
1200
  }
1170
1201
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
1171
1202
  border-color: #ccc;
1172
- box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
1203
+ -webkit-box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
1204
+ box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
1173
1205
  }
1174
1206
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
1175
1207
  background-color: #f8f8f8;
1176
1208
  border-color: #ccc;
1177
1209
  border-width: 1px;
1178
- box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06);
1210
+ -webkit-box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06);
1211
+ box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06);
1179
1212
  }
1180
1213
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
1181
1214
  color: #317ab9;
@@ -1185,9 +1218,11 @@
1185
1218
  background-repeat: repeat-x;
1186
1219
  }
1187
1220
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
1221
+ background-image: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
1188
1222
  background-image: linear-gradient(-270deg, white 0%, rgba(255, 255, 255, 0) 100%);
1189
1223
  }
1190
1224
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
1225
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
1191
1226
  background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, white 100%);
1192
1227
  }
1193
1228
  .e-vscroll.e-rtl .e-scroll-nav {
@@ -1213,7 +1248,8 @@
1213
1248
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
1214
1249
  background: #e6e6e6;
1215
1250
  border: 0;
1216
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1251
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1252
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1217
1253
  color: #333;
1218
1254
  }
1219
1255
  .e-vscroll .e-scroll-nav {
@@ -1232,8 +1268,6 @@
1232
1268
  content: "";
1233
1269
  }
1234
1270
 
1235
- /*! component's theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */
1236
- /*! toolbar icons */
1237
1271
  .e-toolbar .e-popup-down-icon::before {
1238
1272
  content: "\e83d";
1239
1273
  line-height: normal;
@@ -1243,7 +1277,6 @@
1243
1277
  line-height: normal;
1244
1278
  }
1245
1279
 
1246
- /*! toolbar layout */
1247
1280
  /* stylelint-disable property-no-vendor-prefix */
1248
1281
  .e-bigger .e-toolbar,
1249
1282
  .e-toolbar.e-bigger {
@@ -1487,10 +1520,8 @@
1487
1520
  margin-right: initial;
1488
1521
  }
1489
1522
  .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
1490
- .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
1491
- margin: 0;
1492
- }
1493
1523
  .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item,
1524
+ .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
1494
1525
  .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
1495
1526
  margin: 0;
1496
1527
  }
@@ -1516,12 +1547,14 @@
1516
1547
  min-height: 40px;
1517
1548
  position: relative;
1518
1549
  -webkit-user-select: none;
1550
+ -moz-user-select: none;
1519
1551
  -ms-user-select: none;
1520
1552
  user-select: none;
1521
1553
  white-space: nowrap;
1522
1554
  overflow: hidden;
1523
1555
  }
1524
1556
  .e-toolbar.e-spacer-toolbar .e-toolbar-items {
1557
+ display: -webkit-box;
1525
1558
  display: -ms-flexbox;
1526
1559
  display: flex;
1527
1560
  -ms-flex-wrap: nowrap;
@@ -1540,7 +1573,8 @@
1540
1573
  visibility: hidden;
1541
1574
  }
1542
1575
  .e-toolbar.e-control[class*=e-toolbar] {
1543
- box-sizing: content-box;
1576
+ -webkit-box-sizing: content-box;
1577
+ box-sizing: content-box;
1544
1578
  }
1545
1579
  .e-toolbar.e-corner {
1546
1580
  border-radius: 0;
@@ -1550,12 +1584,14 @@
1550
1584
  }
1551
1585
  .e-toolbar .e-toolbar-items {
1552
1586
  border-radius: 4px 0 0 4px;
1587
+ display: -webkit-inline-box;
1553
1588
  display: -ms-inline-flexbox;
1554
1589
  display: inline-flex;
1555
1590
  height: 100%;
1556
1591
  vertical-align: middle;
1557
- -ms-flex-align: center;
1558
- align-items: center;
1592
+ -webkit-box-align: center;
1593
+ -ms-flex-align: center;
1594
+ align-items: center;
1559
1595
  }
1560
1596
  .e-toolbar .e-toolbar-items.e-toolbar-multirow {
1561
1597
  margin-bottom: 1px;
@@ -1618,9 +1654,7 @@
1618
1654
  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
1619
1655
  margin-right: 3px;
1620
1656
  }
1621
- .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
1622
- margin: 0;
1623
- }
1657
+ .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
1624
1658
  .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
1625
1659
  margin: 0;
1626
1660
  }
@@ -1630,29 +1664,36 @@
1630
1664
  .e-toolbar .e-toolbar-item {
1631
1665
  -ms-flex-line-pack: center;
1632
1666
  align-content: center;
1633
- -ms-flex-align: center;
1634
- align-items: center;
1667
+ -webkit-box-align: center;
1668
+ -ms-flex-align: center;
1669
+ align-items: center;
1635
1670
  cursor: pointer;
1671
+ display: -webkit-inline-box;
1636
1672
  display: -ms-inline-flexbox;
1637
1673
  display: inline-flex;
1638
1674
  min-height: 0;
1639
1675
  vertical-align: middle;
1640
1676
  width: auto;
1641
- -ms-flex: 0 0 auto;
1642
- flex: 0 0 auto;
1677
+ -webkit-box-flex: 0;
1678
+ -ms-flex: 0 0 auto;
1679
+ flex: 0 0 auto;
1643
1680
  }
1644
1681
  .e-toolbar .e-toolbar-item.e-spacer {
1645
- -ms-flex-positive: 1;
1646
- flex-grow: 1;
1682
+ -webkit-box-flex: 1;
1683
+ -ms-flex-positive: 1;
1684
+ flex-grow: 1;
1647
1685
  }
1648
1686
  .e-toolbar .e-toolbar-item .e-tbar-btn {
1687
+ display: -webkit-box;
1649
1688
  display: -ms-flexbox;
1650
1689
  display: flex;
1651
- -ms-flex-align: center;
1652
- align-items: center;
1690
+ -webkit-box-align: center;
1691
+ -ms-flex-align: center;
1692
+ align-items: center;
1653
1693
  vertical-align: middle;
1654
- -ms-flex-pack: center;
1655
- justify-content: center;
1694
+ -webkit-box-pack: center;
1695
+ -ms-flex-pack: center;
1696
+ justify-content: center;
1656
1697
  margin: 0;
1657
1698
  min-height: 32px;
1658
1699
  min-width: 0;
@@ -1721,10 +1762,13 @@
1721
1762
  height: auto;
1722
1763
  }
1723
1764
  .e-toolbar.e-vertical {
1765
+ display: -webkit-box;
1724
1766
  display: -ms-flexbox;
1725
1767
  display: flex;
1726
- -ms-flex-direction: column;
1727
- flex-direction: column;
1768
+ -webkit-box-orient: vertical;
1769
+ -webkit-box-direction: normal;
1770
+ -ms-flex-direction: column;
1771
+ flex-direction: column;
1728
1772
  }
1729
1773
  .e-toolbar.e-vertical .e-toolbar-items .e-vscroll-bar .e-vscroll-content {
1730
1774
  -ms-touch-action: pan-x pinch-zoom;
@@ -1752,6 +1796,7 @@
1752
1796
  margin-right: 0;
1753
1797
  }
1754
1798
  .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item {
1799
+ display: -webkit-box;
1755
1800
  display: -ms-flexbox;
1756
1801
  display: flex;
1757
1802
  height: auto;
@@ -1783,10 +1828,12 @@
1783
1828
  top: 0;
1784
1829
  }
1785
1830
  .e-toolbar .e-hor-nav {
1786
- -ms-flex-align: center;
1787
- align-items: center;
1831
+ -webkit-box-align: center;
1832
+ -ms-flex-align: center;
1833
+ align-items: center;
1788
1834
  border-radius: 0 4px 4px 0;
1789
1835
  cursor: pointer;
1836
+ display: -webkit-box;
1790
1837
  display: -ms-flexbox;
1791
1838
  display: flex;
1792
1839
  height: 100%;
@@ -1803,14 +1850,17 @@
1803
1850
  .e-toolbar .e-popup-down-icon.e-icons,
1804
1851
  .e-toolbar .e-popup-up-icon.e-icons {
1805
1852
  color: #333;
1853
+ display: -webkit-box;
1806
1854
  display: -ms-flexbox;
1807
1855
  display: flex;
1808
1856
  text-align: center;
1809
1857
  vertical-align: middle;
1810
- -ms-flex-align: center;
1811
- align-items: center;
1812
- -ms-flex-pack: center;
1813
- justify-content: center;
1858
+ -webkit-box-align: center;
1859
+ -ms-flex-align: center;
1860
+ align-items: center;
1861
+ -webkit-box-pack: center;
1862
+ -ms-flex-pack: center;
1863
+ justify-content: center;
1814
1864
  width: 100%;
1815
1865
  font-size: 12px;
1816
1866
  }
@@ -1827,11 +1877,13 @@
1827
1877
  position: absolute;
1828
1878
  }
1829
1879
  .e-toolbar .e-toolbar-pop .e-toolbar-item {
1880
+ display: -webkit-box;
1830
1881
  display: -ms-flexbox;
1831
1882
  display: flex;
1832
1883
  height: auto;
1833
- -ms-flex-pack: center;
1834
- justify-content: center;
1884
+ -webkit-box-pack: center;
1885
+ -ms-flex-pack: center;
1886
+ justify-content: center;
1835
1887
  min-height: 40px;
1836
1888
  }
1837
1889
  .e-toolbar .e-toolbar-pop .e-toolbar-item.e-toolbar-popup.e-hidden {
@@ -1843,8 +1895,9 @@
1843
1895
  padding: 0 4px;
1844
1896
  border: 0;
1845
1897
  border-radius: 0;
1846
- -ms-flex-pack: start;
1847
- justify-content: flex-start;
1898
+ -webkit-box-pack: start;
1899
+ -ms-flex-pack: start;
1900
+ justify-content: flex-start;
1848
1901
  }
1849
1902
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
1850
1903
  margin: 0;
@@ -1892,11 +1945,13 @@
1892
1945
  padding-right: 3px;
1893
1946
  padding-top: 0;
1894
1947
  margin-left: -1px;
1895
- box-shadow: none;
1948
+ -webkit-box-shadow: none;
1949
+ box-shadow: none;
1896
1950
  display: inline;
1897
1951
  white-space: normal;
1898
1952
  }
1899
1953
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item {
1954
+ display: -webkit-inline-box;
1900
1955
  display: -ms-inline-flexbox;
1901
1956
  display: inline-flex;
1902
1957
  min-height: 0;
@@ -1914,13 +1969,16 @@
1914
1969
  }
1915
1970
  .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),
1916
1971
  .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) {
1972
+ display: -webkit-box;
1917
1973
  display: -ms-flexbox;
1918
1974
  display: flex;
1919
- -ms-flex-align: center;
1920
- align-items: center;
1975
+ -webkit-box-align: center;
1976
+ -ms-flex-align: center;
1977
+ align-items: center;
1921
1978
  vertical-align: middle;
1922
- -ms-flex-pack: center;
1923
- justify-content: center;
1979
+ -webkit-box-pack: center;
1980
+ -ms-flex-pack: center;
1981
+ justify-content: center;
1924
1982
  padding: 0;
1925
1983
  font-size: 14px;
1926
1984
  }
@@ -1974,7 +2032,6 @@
1974
2032
  }
1975
2033
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
1976
2034
  -ms-flex-item-align: center;
1977
- -ms-grid-row-align: center;
1978
2035
  align-self: center;
1979
2036
  text-overflow: ellipsis;
1980
2037
  }
@@ -1982,6 +2039,7 @@
1982
2039
  display: none;
1983
2040
  }
1984
2041
  .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-separator:last-of-type {
2042
+ display: -webkit-inline-box;
1985
2043
  display: -ms-inline-flexbox;
1986
2044
  display: inline-flex;
1987
2045
  }
@@ -2004,9 +2062,7 @@
2004
2062
  margin-left: 3px;
2005
2063
  margin-right: initial;
2006
2064
  }
2007
- .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
2008
- margin: 0;
2009
- }
2065
+ .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
2010
2066
  .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
2011
2067
  margin: 0;
2012
2068
  }
@@ -2043,9 +2099,7 @@
2043
2099
  right: auto;
2044
2100
  border-radius: 4px 0 0 4px;
2045
2101
  }
2046
- .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item {
2047
- margin: 0;
2048
- }
2102
+ .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item,
2049
2103
  .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item {
2050
2104
  margin: 0;
2051
2105
  }
@@ -2065,20 +2119,21 @@
2065
2119
  padding-left: 0;
2066
2120
  }
2067
2121
 
2068
- /*! toolbar theme */
2069
2122
  /* stylelint-disable property-no-vendor-prefix */
2070
2123
  .e-toolbar {
2071
2124
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2072
2125
  background: #f8f8f8;
2073
2126
  border: 1px solid #ccc;
2074
- box-shadow: none;
2127
+ -webkit-box-shadow: none;
2128
+ box-shadow: none;
2075
2129
  }
2076
2130
  .e-toolbar .e-toolbar-items {
2077
2131
  background: #f8f8f8;
2078
2132
  }
2079
2133
  .e-toolbar .e-toolbar-item .e-tbar-btn {
2080
2134
  background: #f8f8f8;
2081
- box-shadow: none;
2135
+ -webkit-box-shadow: none;
2136
+ box-shadow: none;
2082
2137
  color: #333;
2083
2138
  border: none;
2084
2139
  }
@@ -2090,13 +2145,15 @@
2090
2145
  }
2091
2146
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active {
2092
2147
  background: #e6e6e6;
2093
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2148
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2149
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2094
2150
  }
2095
2151
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active .e-tbar-btn-text {
2096
2152
  color: #333;
2097
2153
  }
2098
2154
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active:focus {
2099
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2155
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2156
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2100
2157
  }
2101
2158
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
2102
2159
  background: #e6e6e6;
@@ -2105,7 +2162,8 @@
2105
2162
  border-color: #8c8c8c;
2106
2163
  border-style: solid;
2107
2164
  border-width: 0;
2108
- box-shadow: none;
2165
+ -webkit-box-shadow: none;
2166
+ box-shadow: none;
2109
2167
  }
2110
2168
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
2111
2169
  color: #333;
@@ -2139,7 +2197,8 @@
2139
2197
  border-style: solid;
2140
2198
  border-width: 0;
2141
2199
  border-radius: 4px;
2142
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2200
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2201
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2143
2202
  color: #333;
2144
2203
  }
2145
2204
  .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
@@ -2187,7 +2246,8 @@
2187
2246
  }
2188
2247
  .e-toolbar .e-hor-nav:active {
2189
2248
  border: 0;
2190
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2249
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2250
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2191
2251
  color: #333;
2192
2252
  background: #f8f8f8;
2193
2253
  }
@@ -2229,7 +2289,8 @@
2229
2289
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
2230
2290
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
2231
2291
  background: #d4d4d4;
2232
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2292
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2293
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2233
2294
  border-color: #d4d4d4;
2234
2295
  border-style: solid;
2235
2296
  border-width: 0;
@@ -2251,31 +2312,35 @@
2251
2312
  .e-toolbar .e-toolbar-pop {
2252
2313
  background: #f8f8f8;
2253
2314
  border: 1px solid #ccc;
2254
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2315
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2316
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2255
2317
  }
2256
2318
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn {
2257
2319
  background: #f8f8f8;
2258
2320
  }
2259
2321
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
2260
2322
  background: #e6e6e6;
2261
- box-shadow: none;
2323
+ -webkit-box-shadow: none;
2324
+ box-shadow: none;
2262
2325
  border-color: #adadad;
2263
2326
  border-style: solid;
2264
2327
  border-width: 0;
2265
2328
  }
2266
2329
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
2267
2330
  background: #e6e6e6;
2268
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2331
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2332
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2269
2333
  border-color: #adadad;
2270
2334
  border-style: solid;
2271
2335
  border-width: 0;
2272
2336
  }
2273
2337
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus {
2274
2338
  background: #e6e6e6;
2275
- box-shadow: none;
2276
2339
  border-color: #8c8c8c;
2277
2340
  border-style: solid;
2278
2341
  border-width: 0;
2342
+ -webkit-box-shadow: none;
2343
+ box-shadow: none;
2279
2344
  }
2280
2345
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
2281
2346
  outline: 0;
@@ -2285,7 +2350,8 @@
2285
2350
  }
2286
2351
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
2287
2352
  background: #f8f8f8;
2288
- box-shadow: none;
2353
+ -webkit-box-shadow: none;
2354
+ box-shadow: none;
2289
2355
  border: 0;
2290
2356
  }
2291
2357
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
@@ -2294,7 +2360,8 @@
2294
2360
  border-color: #8c8c8c;
2295
2361
  border-style: solid;
2296
2362
  border-width: 0;
2297
- box-shadow: none;
2363
+ -webkit-box-shadow: none;
2364
+ box-shadow: none;
2298
2365
  }
2299
2366
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
2300
2367
  background: #e6e6e6;
@@ -2306,7 +2373,8 @@
2306
2373
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
2307
2374
  background: #e6e6e6;
2308
2375
  border-radius: 4px;
2309
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2376
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2377
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2310
2378
  border-color: #adadad;
2311
2379
  border-style: solid;
2312
2380
  border-width: 0;
@@ -2333,16 +2401,14 @@
2333
2401
  border-width: 0 1px 0 0;
2334
2402
  }
2335
2403
 
2336
- /*! component's theme wise override fabric-definitions and variables */
2337
- /*! accordion icons */
2338
2404
  .e-accordion .e-tgl-collapse-icon::before {
2339
2405
  content: "\e916";
2340
2406
  }
2341
2407
  .e-accordion .e-tgl-collapse-icon.e-expand-icon {
2342
- transform: rotate(-180deg);
2408
+ -webkit-transform: rotate(-180deg);
2409
+ transform: rotate(-180deg);
2343
2410
  }
2344
2411
 
2345
- /*! accordion layout */
2346
2412
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
2347
2413
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2348
2414
  font-size: 16px;
@@ -2358,7 +2424,8 @@
2358
2424
  }
2359
2425
  .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,
2360
2426
  .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 {
2361
- box-shadow: none;
2427
+ -webkit-box-shadow: none;
2428
+ box-shadow: none;
2362
2429
  padding: 0 30px;
2363
2430
  }
2364
2431
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -2524,6 +2591,7 @@
2524
2591
  vertical-align: middle;
2525
2592
  }
2526
2593
  .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
2594
+ -webkit-transition: 0.5s ease 0s;
2527
2595
  transition: 0.5s ease 0s;
2528
2596
  }
2529
2597
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
@@ -2546,7 +2614,8 @@
2546
2614
  padding: 0 30px;
2547
2615
  }
2548
2616
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2549
- box-shadow: none;
2617
+ -webkit-box-shadow: none;
2618
+ box-shadow: none;
2550
2619
  }
2551
2620
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2552
2621
  padding: 0;
@@ -2608,8 +2677,6 @@
2608
2677
  padding: 0 0 0 10px;
2609
2678
  }
2610
2679
 
2611
- /*! accordion theme */
2612
- /* stylelint-disable property-no-vendor-prefix */
2613
2680
  .e-accordion {
2614
2681
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2615
2682
  background: #fff;
@@ -2754,8 +2821,9 @@
2754
2821
  }
2755
2822
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2756
2823
  border: 0;
2757
- box-shadow: none;
2758
2824
  background: transparent;
2825
+ -webkit-box-shadow: none;
2826
+ box-shadow: none;
2759
2827
  }
2760
2828
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2761
2829
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2832,9 +2900,10 @@
2832
2900
  color: #333;
2833
2901
  }
2834
2902
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2835
- box-shadow: none;
2836
2903
  position: relative;
2837
2904
  z-index: 2;
2905
+ -webkit-box-shadow: none;
2906
+ box-shadow: none;
2838
2907
  }
2839
2908
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2840
2909
  border-color: #ddd;
@@ -2873,7 +2942,6 @@
2873
2942
  font-size: 14px;
2874
2943
  }
2875
2944
 
2876
- /*! Carousel component bootstrap theme definitions and variables */
2877
2945
  .e-carousel .e-previous-icon::before {
2878
2946
  content: "\e904";
2879
2947
  }
@@ -2893,7 +2961,6 @@
2893
2961
  content: "\e904";
2894
2962
  }
2895
2963
 
2896
- /*! carousel component styles */
2897
2964
  .e-carousel {
2898
2965
  display: block;
2899
2966
  margin: 0;
@@ -2927,13 +2994,21 @@
2927
2994
  }
2928
2995
  .e-carousel .e-carousel-items {
2929
2996
  width: calc(var(--carousel-items-count) * 100%);
2997
+ display: -webkit-box;
2930
2998
  display: -ms-flexbox;
2931
2999
  display: flex;
2932
- -ms-flex-direction: row;
2933
- flex-direction: row;
3000
+ -webkit-box-orient: horizontal;
3001
+ -webkit-box-direction: normal;
3002
+ -ms-flex-direction: row;
3003
+ flex-direction: row;
3004
+ -webkit-transition-property: -webkit-transform;
3005
+ transition-property: -webkit-transform;
2934
3006
  transition-property: transform;
2935
- transition-duration: 0.6s;
2936
- transition-timing-function: ease-in-out;
3007
+ transition-property: transform, -webkit-transform;
3008
+ -webkit-transition-duration: 0.6s;
3009
+ transition-duration: 0.6s;
3010
+ -webkit-transition-timing-function: ease-in-out;
3011
+ transition-timing-function: ease-in-out;
2937
3012
  }
2938
3013
  .e-carousel .e-carousel-items .e-carousel-item {
2939
3014
  height: 100%;
@@ -2943,16 +3018,34 @@
2943
3018
  width: calc(100% / var(--carousel-items-count));
2944
3019
  }
2945
3020
  .e-carousel.e-blazor-carousel .e-carousel-items {
2946
- transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
3021
+ -webkit-transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
3022
+ transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
3023
+ -webkit-transition: -webkit-transform;
3024
+ transition: -webkit-transform;
2947
3025
  transition: transform;
3026
+ transition: transform, -webkit-transform;
2948
3027
  }
2949
3028
  .e-carousel.e-blazor-carousel.e-rtl .e-carousel-items {
2950
- transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
3029
+ -webkit-transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
3030
+ transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
3031
+ -webkit-transition: -webkit-transform;
3032
+ transition: -webkit-transform;
2951
3033
  transition: transform;
3034
+ transition: transform, -webkit-transform;
2952
3035
  }
2953
3036
  .e-carousel.e-carousel-fade-animation .e-carousel-items.e-fade-in-out {
3037
+ -webkit-transition-property: none;
2954
3038
  transition-property: none;
2955
- animation: fade-in-out 0.6s ease-in-out;
3039
+ -webkit-animation: fade-in-out 0.6s ease-in-out;
3040
+ animation: fade-in-out 0.6s ease-in-out;
3041
+ }
3042
+ @-webkit-keyframes fade-in-out {
3043
+ 0% {
3044
+ opacity: 0;
3045
+ }
3046
+ 100% {
3047
+ opacity: 1;
3048
+ }
2956
3049
  }
2957
3050
  @keyframes fade-in-out {
2958
3051
  0% {
@@ -2963,7 +3056,8 @@
2963
3056
  }
2964
3057
  }
2965
3058
  .e-carousel.e-carousel-slide-animation .e-carousel-items.e-slide {
2966
- transition-duration: 0.6s;
3059
+ -webkit-transition-duration: 0.6s;
3060
+ transition-duration: 0.6s;
2967
3061
  }
2968
3062
  .e-carousel.e-carousel-custom-animation:not(.e-partial) .e-carousel-item {
2969
3063
  display: block;
@@ -2978,13 +3072,16 @@
2978
3072
  pointer-events: visible;
2979
3073
  }
2980
3074
  .e-carousel .e-carousel-navigators {
2981
- -ms-flex-align: center;
2982
- align-items: center;
3075
+ -webkit-box-align: center;
3076
+ -ms-flex-align: center;
3077
+ align-items: center;
3078
+ display: -webkit-box;
2983
3079
  display: -ms-flexbox;
2984
3080
  display: flex;
2985
3081
  height: 100%;
2986
- -ms-flex-pack: justify;
2987
- justify-content: space-between;
3082
+ -webkit-box-pack: justify;
3083
+ -ms-flex-pack: justify;
3084
+ justify-content: space-between;
2988
3085
  pointer-events: none;
2989
3086
  position: absolute;
2990
3087
  top: 0;
@@ -3001,7 +3098,8 @@
3001
3098
  .e-carousel .e-carousel-navigators .e-previous .e-btn,
3002
3099
  .e-carousel .e-carousel-navigators .e-next .e-btn {
3003
3100
  border: 0;
3004
- box-shadow: none;
3101
+ -webkit-box-shadow: none;
3102
+ box-shadow: none;
3005
3103
  }
3006
3104
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
3007
3105
  .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
@@ -3011,7 +3109,8 @@
3011
3109
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
3012
3110
  .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
3013
3111
  .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
3014
- transform: rotate(180deg);
3112
+ -webkit-transform: rotate(180deg);
3113
+ transform: rotate(180deg);
3015
3114
  }
3016
3115
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn .e-play-icon,
3017
3116
  .e-carousel .e-carousel-navigators .e-previous .e-btn .e-play-icon,
@@ -3025,13 +3124,16 @@
3025
3124
  display: none;
3026
3125
  }
3027
3126
  .e-carousel .e-carousel-indicators {
3028
- -ms-flex-align: center;
3029
- align-items: center;
3127
+ -webkit-box-align: center;
3128
+ -ms-flex-align: center;
3129
+ align-items: center;
3030
3130
  bottom: 0;
3131
+ display: -webkit-box;
3031
3132
  display: -ms-flexbox;
3032
3133
  display: flex;
3033
- -ms-flex-pack: center;
3034
- justify-content: center;
3134
+ -webkit-box-pack: center;
3135
+ -ms-flex-pack: center;
3136
+ justify-content: center;
3035
3137
  min-height: 48px;
3036
3138
  padding: 0;
3037
3139
  pointer-events: none;
@@ -3040,33 +3142,41 @@
3040
3142
  z-index: 1;
3041
3143
  }
3042
3144
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars {
3145
+ display: -webkit-box;
3043
3146
  display: -ms-flexbox;
3044
3147
  display: flex;
3045
3148
  -ms-flex-wrap: wrap;
3046
3149
  flex-wrap: wrap;
3047
- -ms-flex-pack: center;
3048
- justify-content: center;
3150
+ -webkit-box-pack: center;
3151
+ -ms-flex-pack: center;
3152
+ justify-content: center;
3049
3153
  pointer-events: auto;
3050
3154
  }
3051
3155
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar {
3052
3156
  padding: 0;
3053
3157
  }
3054
3158
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator {
3055
- -ms-flex-align: center;
3056
- align-items: center;
3159
+ -webkit-box-align: center;
3160
+ -ms-flex-align: center;
3161
+ align-items: center;
3162
+ display: -webkit-box;
3057
3163
  display: -ms-flexbox;
3058
3164
  display: flex;
3059
- -ms-flex-pack: center;
3060
- justify-content: center;
3165
+ -webkit-box-pack: center;
3166
+ -ms-flex-pack: center;
3167
+ justify-content: center;
3061
3168
  padding: 4px;
3062
3169
  }
3063
3170
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator div {
3064
3171
  border: 1px solid rgba(255, 255, 255, 0.4);
3065
3172
  border-radius: 2px;
3066
3173
  height: 5px;
3067
- transition-duration: 0.6s;
3174
+ -webkit-transition-duration: 0.6s;
3175
+ transition-duration: 0.6s;
3176
+ -webkit-transition-property: background-color, border-color;
3068
3177
  transition-property: background-color, border-color;
3069
- transition-timing-function: ease-in-out;
3178
+ -webkit-transition-timing-function: ease-in-out;
3179
+ transition-timing-function: ease-in-out;
3070
3180
  width: 20px;
3071
3181
  }
3072
3182
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
@@ -3078,6 +3188,7 @@
3078
3188
  .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars {
3079
3189
  display: block;
3080
3190
  overflow: hidden;
3191
+ -webkit-transition: opacity 0.6s ease-in-out;
3081
3192
  transition: opacity 0.6s ease-in-out;
3082
3193
  white-space: nowrap;
3083
3194
  width: 80px;
@@ -3090,18 +3201,26 @@
3090
3201
  margin: 0 4px;
3091
3202
  opacity: 1;
3092
3203
  position: relative;
3093
- transform: scale(0.33);
3094
- transition-duration: 0.6s;
3204
+ -webkit-transform: scale(0.33);
3205
+ transform: scale(0.33);
3206
+ -webkit-transition-duration: 0.6s;
3207
+ transition-duration: 0.6s;
3208
+ -webkit-transition-property: left, -webkit-transform;
3209
+ transition-property: left, -webkit-transform;
3095
3210
  transition-property: transform, left;
3096
- transition-timing-function: ease-in-out;
3211
+ transition-property: transform, left, -webkit-transform;
3212
+ -webkit-transition-timing-function: ease-in-out;
3213
+ transition-timing-function: ease-in-out;
3097
3214
  white-space: nowrap;
3098
3215
  width: 8px;
3099
3216
  }
3100
3217
  .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-active {
3101
- transform: scale(1);
3218
+ -webkit-transform: scale(1);
3219
+ transform: scale(1);
3102
3220
  }
3103
3221
  .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 {
3104
- transform: scale(0.66);
3222
+ -webkit-transform: scale(0.66);
3223
+ transform: scale(0.66);
3105
3224
  }
3106
3225
  .e-carousel .e-carousel-indicators.e-fraction {
3107
3226
  min-height: 36px;
@@ -3118,13 +3237,15 @@
3118
3237
  left: 0;
3119
3238
  position: absolute;
3120
3239
  top: 0;
3121
- transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
3122
- transition-duration: 0.6s;
3123
- transform-origin: left top;
3240
+ -webkit-transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
3241
+ transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
3242
+ -webkit-transition-duration: 0.6s;
3243
+ transition-duration: 0.6s;
3244
+ -webkit-transform-origin: left top;
3245
+ transform-origin: left top;
3124
3246
  width: 100%;
3125
3247
  }
3126
3248
 
3127
- /*! carousel component theme */
3128
3249
  .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
3129
3250
  .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
3130
3251
  .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
@@ -3148,7 +3269,8 @@
3148
3269
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator {
3149
3270
  background-color: transparent;
3150
3271
  border-color: transparent;
3151
- box-shadow: none;
3272
+ -webkit-box-shadow: none;
3273
+ box-shadow: none;
3152
3274
  }
3153
3275
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator div {
3154
3276
  background: #fff;
@@ -3157,7 +3279,8 @@
3157
3279
  .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 {
3158
3280
  background: transparent;
3159
3281
  border-color: transparent;
3160
- box-shadow: none;
3282
+ -webkit-box-shadow: none;
3283
+ box-shadow: none;
3161
3284
  outline: none;
3162
3285
  }
3163
3286
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:focus-visible {
@@ -3183,8 +3306,6 @@
3183
3306
  background-color: #317ab9;
3184
3307
  }
3185
3308
 
3186
- /*! component's theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */
3187
- /*! contextmenu layout */
3188
3309
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
3189
3310
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
3190
3311
  content: "\e94b";
@@ -3199,7 +3320,6 @@
3199
3320
  content: "\e990";
3200
3321
  }
3201
3322
 
3202
- /*! contextmenu layout */
3203
3323
  .e-contextmenu-wrapper ul,
3204
3324
  .e-contextmenu-container ul {
3205
3325
  font-weight: normal;
@@ -3209,13 +3329,15 @@
3209
3329
  margin: 0;
3210
3330
  overflow: hidden;
3211
3331
  -webkit-user-select: none;
3332
+ -moz-user-select: none;
3212
3333
  -ms-user-select: none;
3213
3334
  user-select: none;
3214
3335
  font-size: 14px;
3215
3336
  padding: 0;
3216
3337
  border: 1px solid #ccc;
3217
3338
  border-radius: 4px;
3218
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3339
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3340
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3219
3341
  display: none;
3220
3342
  min-width: 120px;
3221
3343
  position: absolute;
@@ -3223,7 +3345,8 @@
3223
3345
  .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
3224
3346
  .e-contextmenu-container ul.e-ul,
3225
3347
  .e-contextmenu-container ul.e-ul * {
3226
- box-sizing: border-box;
3348
+ -webkit-box-sizing: border-box;
3349
+ box-sizing: border-box;
3227
3350
  }
3228
3351
  .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus,
3229
3352
  .e-contextmenu-container ul.e-ul:focus,
@@ -3232,7 +3355,8 @@
3232
3355
  }
3233
3356
  .e-contextmenu-wrapper ul.e-contextmenu,
3234
3357
  .e-contextmenu-container ul.e-contextmenu {
3235
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3358
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3359
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3236
3360
  }
3237
3361
  .e-contextmenu-wrapper ul.e-ul,
3238
3362
  .e-contextmenu-container ul.e-ul {
@@ -3316,6 +3440,8 @@
3316
3440
  }
3317
3441
  .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
3318
3442
  .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
3443
+ width: -webkit-max-content;
3444
+ width: -moz-max-content;
3319
3445
  width: max-content;
3320
3446
  }
3321
3447
 
@@ -3335,7 +3461,8 @@
3335
3461
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
3336
3462
  background: transparent;
3337
3463
  border: 0;
3338
- box-shadow: none;
3464
+ -webkit-box-shadow: none;
3465
+ box-shadow: none;
3339
3466
  height: 1px;
3340
3467
  left: 0;
3341
3468
  min-width: 0;
@@ -3355,7 +3482,8 @@
3355
3482
  }
3356
3483
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
3357
3484
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
3358
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3485
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3486
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3359
3487
  }
3360
3488
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
3361
3489
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -3372,7 +3500,8 @@
3372
3500
  }
3373
3501
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
3374
3502
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
3375
- box-shadow: none;
3503
+ -webkit-box-shadow: none;
3504
+ box-shadow: none;
3376
3505
  margin-top: -12px;
3377
3506
  width: inherit;
3378
3507
  }
@@ -3416,7 +3545,8 @@
3416
3545
  font-size: 15px;
3417
3546
  padding: 5px 0;
3418
3547
  white-space: nowrap;
3419
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3548
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3549
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3420
3550
  max-width: 280px;
3421
3551
  min-width: 112px;
3422
3552
  }
@@ -3467,13 +3597,13 @@
3467
3597
  padding-left: 36px;
3468
3598
  }
3469
3599
 
3470
- .e-contextmenu-wrapper .e-menu-item {
3600
+ .e-contextmenu-wrapper .e-menu-item,
3601
+ .e-contextmenu-container .e-menu-item {
3471
3602
  white-space: nowrap;
3472
3603
  overflow: hidden;
3473
3604
  text-overflow: ellipsis;
3474
3605
  }
3475
3606
 
3476
- /*! contextmenu theme */
3477
3607
  .e-contextmenu-wrapper ul,
3478
3608
  .e-contextmenu-container ul {
3479
3609
  background-color: #fff;
@@ -3557,12 +3687,6 @@
3557
3687
  border-color: #e6e6e6;
3558
3688
  }
3559
3689
 
3560
- /*! component's theme wise override definitions and variables */ /*! Bootstrap theme definition's */
3561
- /*! component's theme wise override definitions and variables */
3562
- /*! Horizontal Tab */
3563
- /*! Bootstrap specific themes definition's */
3564
- /*! Vertical Tab */
3565
- /*! tab icons */
3566
3690
  .e-tab .e-tab-header .e-close-icon::before {
3567
3691
  content: "\e7fc";
3568
3692
  position: relative;
@@ -3611,7 +3735,6 @@
3611
3735
  position: relative;
3612
3736
  }
3613
3737
 
3614
- /*! tab layout */
3615
3738
  .e-bigger .e-tab .e-tab-header,
3616
3739
  .e-tab.e-bigger .e-tab-header {
3617
3740
  height: 50px;
@@ -4768,6 +4891,7 @@
4768
4891
  left: unset;
4769
4892
  position: unset;
4770
4893
  right: unset;
4894
+ -webkit-transition: unset;
4771
4895
  transition: unset;
4772
4896
  }
4773
4897
  .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after {
@@ -4819,6 +4943,7 @@
4819
4943
  left: 0;
4820
4944
  right: 0;
4821
4945
  border-radius: 0;
4946
+ -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
4822
4947
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
4823
4948
  }
4824
4949
  .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -4851,8 +4976,10 @@
4851
4976
  .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
4852
4977
  -ms-flex-line-pack: center;
4853
4978
  align-content: center;
4854
- -ms-flex-align: center;
4855
- align-items: center;
4979
+ -webkit-box-align: center;
4980
+ -ms-flex-align: center;
4981
+ align-items: center;
4982
+ display: -webkit-inline-box;
4856
4983
  display: -ms-inline-flexbox;
4857
4984
  display: inline-flex;
4858
4985
  height: 40px;
@@ -4869,7 +4996,6 @@
4869
4996
  font-weight: 400;
4870
4997
  text-transform: capitalize;
4871
4998
  -ms-flex-item-align: auto;
4872
- -ms-grid-row-align: auto;
4873
4999
  align-self: auto;
4874
5000
  margin-bottom: 0;
4875
5001
  }
@@ -4943,6 +5069,7 @@
4943
5069
  top: 1px;
4944
5070
  }
4945
5071
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
5072
+ display: -webkit-inline-box;
4946
5073
  display: -ms-inline-flexbox;
4947
5074
  display: inline-flex;
4948
5075
  height: 20px;
@@ -4976,8 +5103,9 @@
4976
5103
  left: 0;
4977
5104
  }
4978
5105
  .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
4979
- -ms-flex-pack: center;
4980
- justify-content: center;
5106
+ -webkit-box-pack: center;
5107
+ -ms-flex-pack: center;
5108
+ justify-content: center;
4981
5109
  padding: 0 15px;
4982
5110
  }
4983
5111
  @media screen and (max-width: 480px) {
@@ -5010,8 +5138,10 @@
5010
5138
  }
5011
5139
  }
5012
5140
  .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 {
5013
- -ms-flex-align: center;
5014
- align-items: center;
5141
+ -webkit-box-align: center;
5142
+ -ms-flex-align: center;
5143
+ align-items: center;
5144
+ display: -webkit-box;
5015
5145
  display: -ms-flexbox;
5016
5146
  display: flex;
5017
5147
  height: 62px;
@@ -5063,14 +5193,19 @@
5063
5193
  }
5064
5194
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-top,
5065
5195
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-bottom {
5066
- -ms-flex-align: center;
5067
- align-items: center;
5196
+ -webkit-box-align: center;
5197
+ -ms-flex-align: center;
5198
+ align-items: center;
5199
+ display: -webkit-box;
5068
5200
  display: -ms-flexbox;
5069
5201
  display: flex;
5070
- -ms-flex-direction: column;
5071
- flex-direction: column;
5072
- -ms-flex-pack: center;
5073
- justify-content: center;
5202
+ -webkit-box-orient: vertical;
5203
+ -webkit-box-direction: normal;
5204
+ -ms-flex-direction: column;
5205
+ flex-direction: column;
5206
+ -webkit-box-pack: center;
5207
+ -ms-flex-pack: center;
5208
+ justify-content: center;
5074
5209
  margin: auto;
5075
5210
  }
5076
5211
  .e-tab .e-tab-header .e-toolbar-pop {
@@ -5108,6 +5243,7 @@
5108
5243
  width: 100%;
5109
5244
  }
5110
5245
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
5246
+ display: -webkit-inline-box;
5111
5247
  display: -ms-inline-flexbox;
5112
5248
  display: inline-flex;
5113
5249
  width: 100%;
@@ -5151,22 +5287,25 @@
5151
5287
  }
5152
5288
  }
5153
5289
  .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 {
5290
+ display: -webkit-inline-box;
5154
5291
  display: -ms-inline-flexbox;
5155
5292
  display: inline-flex;
5156
5293
  height: auto;
5157
5294
  }
5158
5295
  .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 {
5159
5296
  display: block;
5160
- -ms-flex-pack: center;
5161
- justify-content: center;
5297
+ -webkit-box-pack: center;
5298
+ -ms-flex-pack: center;
5299
+ justify-content: center;
5162
5300
  margin: 0 0 0 10px;
5163
5301
  padding-left: 0;
5164
5302
  padding-right: 10px;
5165
5303
  }
5166
5304
  @media screen and (max-width: 480px) {
5167
5305
  .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 {
5168
- -ms-flex-pack: center;
5169
- justify-content: center;
5306
+ -webkit-box-pack: center;
5307
+ -ms-flex-pack: center;
5308
+ justify-content: center;
5170
5309
  margin: 0 0 0 12px;
5171
5310
  padding-left: 0;
5172
5311
  padding-right: 0;
@@ -5181,14 +5320,17 @@
5181
5320
  }
5182
5321
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-top,
5183
5322
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-bottom {
5323
+ display: -webkit-inline-box;
5184
5324
  display: -ms-inline-flexbox;
5185
5325
  display: inline-flex;
5186
5326
  }
5187
5327
  .e-tab .e-tab-header.e-close-show .e-icons.e-close-icon {
5188
- -ms-flex-align: center;
5189
- align-items: center;
5328
+ -webkit-box-align: center;
5329
+ -ms-flex-align: center;
5330
+ align-items: center;
5190
5331
  -ms-flex-item-align: center;
5191
5332
  align-self: center;
5333
+ display: -webkit-inline-box;
5192
5334
  display: -ms-inline-flexbox;
5193
5335
  display: inline-flex;
5194
5336
  }
@@ -5199,6 +5341,7 @@
5199
5341
  }
5200
5342
  @media screen and (max-width: 480px) {
5201
5343
  .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-active .e-close-icon {
5344
+ display: -webkit-inline-box;
5202
5345
  display: -ms-inline-flexbox;
5203
5346
  display: inline-flex;
5204
5347
  }
@@ -5312,22 +5455,30 @@
5312
5455
  }
5313
5456
  }
5314
5457
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
5315
- transform: rotate(0deg);
5458
+ -webkit-transform: rotate(0deg);
5459
+ transform: rotate(0deg);
5460
+ -webkit-transition: none;
5316
5461
  transition: none;
5317
5462
  }
5318
5463
  @media screen and (max-width: 480px) {
5319
5464
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
5320
- transform: none;
5465
+ -webkit-transform: none;
5466
+ transform: none;
5467
+ -webkit-transition: none;
5321
5468
  transition: none;
5322
5469
  }
5323
5470
  }
5324
5471
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
5325
- transform: rotate(0deg);
5472
+ -webkit-transform: rotate(0deg);
5473
+ transform: rotate(0deg);
5474
+ -webkit-transition: none;
5326
5475
  transition: none;
5327
5476
  }
5328
5477
  @media screen and (max-width: 480px) {
5329
5478
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
5330
- transform: none;
5479
+ -webkit-transform: none;
5480
+ transform: none;
5481
+ -webkit-transition: none;
5331
5482
  transition: none;
5332
5483
  }
5333
5484
  }
@@ -5366,6 +5517,7 @@
5366
5517
  position: unset;
5367
5518
  right: unset;
5368
5519
  top: unset;
5520
+ -webkit-transition: unset;
5369
5521
  transition: unset;
5370
5522
  }
5371
5523
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after {
@@ -5459,15 +5611,19 @@
5459
5611
  }
5460
5612
  .e-tab .e-tab-header.e-vertical .e-indicator {
5461
5613
  display: none;
5614
+ -webkit-transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
5462
5615
  transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
5463
5616
  width: 2px;
5464
5617
  }
5465
5618
  .e-tab .e-tab-header.e-vertical .e-toolbar-items {
5466
5619
  height: inherit;
5467
- -ms-flex-direction: column;
5468
- flex-direction: column;
5469
- -ms-flex-align: normal;
5470
- align-items: normal;
5620
+ -webkit-box-orient: vertical;
5621
+ -webkit-box-direction: normal;
5622
+ -ms-flex-direction: column;
5623
+ flex-direction: column;
5624
+ -webkit-box-align: normal;
5625
+ -ms-flex-align: normal;
5626
+ align-items: normal;
5471
5627
  }
5472
5628
  .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
5473
5629
  padding: 16px 0;
@@ -5533,6 +5689,7 @@
5533
5689
  left: unset;
5534
5690
  position: unset;
5535
5691
  right: unset;
5692
+ -webkit-transition: unset;
5536
5693
  transition: unset;
5537
5694
  width: unset;
5538
5695
  }
@@ -5573,6 +5730,7 @@
5573
5730
  left: unset;
5574
5731
  position: unset;
5575
5732
  right: unset;
5733
+ -webkit-transition: unset;
5576
5734
  transition: unset;
5577
5735
  width: unset;
5578
5736
  }
@@ -5587,8 +5745,9 @@
5587
5745
  }
5588
5746
  .e-tab .e-tab-header.e-vertical .e-scroll-nav {
5589
5747
  height: 16px;
5590
- -ms-flex-pack: center;
5591
- justify-content: center;
5748
+ -webkit-box-pack: center;
5749
+ -ms-flex-pack: center;
5750
+ justify-content: center;
5592
5751
  min-height: 16px;
5593
5752
  width: 100%;
5594
5753
  }
@@ -5606,7 +5765,9 @@
5606
5765
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
5607
5766
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
5608
5767
  height: 100%;
5609
- transform: none;
5768
+ -webkit-transform: none;
5769
+ transform: none;
5770
+ -webkit-transition: none;
5610
5771
  transition: none;
5611
5772
  width: 100%;
5612
5773
  }
@@ -5619,7 +5780,9 @@
5619
5780
  line-height: 36px;
5620
5781
  text-align: left;
5621
5782
  text-transform: capitalize;
5622
- transform: none;
5783
+ -webkit-transform: none;
5784
+ transform: none;
5785
+ -webkit-transition: none;
5623
5786
  transition: none;
5624
5787
  }
5625
5788
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
@@ -5686,14 +5849,17 @@
5686
5849
  overflow: hidden;
5687
5850
  }
5688
5851
  .e-tab.e-vertical-tab .e-content {
5852
+ display: -webkit-box;
5689
5853
  display: -ms-flexbox;
5690
5854
  display: flex;
5691
5855
  }
5692
5856
  .e-tab.e-vertical-tab .e-content .e-item.e-active {
5857
+ display: -webkit-box;
5693
5858
  display: -ms-flexbox;
5694
5859
  display: flex;
5695
- -ms-flex: none;
5696
- flex: none;
5860
+ -webkit-box-flex: 0;
5861
+ -ms-flex: none;
5862
+ flex: none;
5697
5863
  }
5698
5864
  .e-tab.e-vertical-tab .e-content .e-item,
5699
5865
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
@@ -5815,6 +5981,7 @@
5815
5981
  }
5816
5982
  .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align,
5817
5983
  .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align {
5984
+ display: -webkit-box;
5818
5985
  display: -ms-flexbox;
5819
5986
  display: flex;
5820
5987
  }
@@ -5834,31 +6001,42 @@
5834
6001
  }
5835
6002
  .e-tab.e-ie .e-tab-header .e-popup-up-icon,
5836
6003
  .e-tab.e-ie .e-tab-header .e-popup-down-icon {
5837
- transform: none;
6004
+ -webkit-transform: none;
6005
+ transform: none;
6006
+ -webkit-transition: none;
5838
6007
  transition: none;
5839
6008
  }
5840
6009
  .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
5841
- transform: rotate(0deg);
6010
+ -webkit-transform: rotate(0deg);
6011
+ transform: rotate(0deg);
6012
+ -webkit-transition: none;
5842
6013
  transition: none;
5843
6014
  }
5844
6015
  @media screen and (max-width: 480px) {
5845
6016
  .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
5846
- transform: none;
6017
+ -webkit-transform: none;
6018
+ transform: none;
6019
+ -webkit-transition: none;
5847
6020
  transition: none;
5848
6021
  }
5849
6022
  }
5850
6023
  .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
5851
- transform: rotate(0deg);
6024
+ -webkit-transform: rotate(0deg);
6025
+ transform: rotate(0deg);
6026
+ -webkit-transition: none;
5852
6027
  transition: none;
5853
6028
  }
5854
6029
  @media screen and (max-width: 480px) {
5855
6030
  .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
5856
- transform: none;
6031
+ -webkit-transform: none;
6032
+ transform: none;
6033
+ -webkit-transition: none;
5857
6034
  transition: none;
5858
6035
  }
5859
6036
  }
5860
6037
  .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align,
5861
6038
  .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align {
6039
+ display: -webkit-box;
5862
6040
  display: -ms-flexbox;
5863
6041
  display: flex;
5864
6042
  }
@@ -5879,48 +6057,66 @@
5879
6057
  position: relative;
5880
6058
  }
5881
6059
  .e-tab.e-edge .e-tab-header .e-popup-up-icon {
5882
- transform: rotate(0deg);
6060
+ -webkit-transform: rotate(0deg);
6061
+ transform: rotate(0deg);
6062
+ -webkit-transition: none;
5883
6063
  transition: none;
5884
6064
  }
5885
6065
  @media screen and (max-width: 480px) {
5886
6066
  .e-tab.e-edge .e-tab-header .e-popup-up-icon {
5887
- transform: none;
6067
+ -webkit-transform: none;
6068
+ transform: none;
6069
+ -webkit-transition: none;
5888
6070
  transition: none;
5889
6071
  }
5890
6072
  }
5891
6073
  .e-tab.e-edge .e-tab-header .e-popup-down-icon {
5892
- transform: rotate(0deg);
6074
+ -webkit-transform: rotate(0deg);
6075
+ transform: rotate(0deg);
6076
+ -webkit-transition: none;
5893
6077
  transition: none;
5894
6078
  }
5895
6079
  @media screen and (max-width: 480px) {
5896
6080
  .e-tab.e-edge .e-tab-header .e-popup-down-icon {
5897
- transform: none;
6081
+ -webkit-transform: none;
6082
+ transform: none;
6083
+ -webkit-transition: none;
5898
6084
  transition: none;
5899
6085
  }
5900
6086
  }
5901
6087
  @media screen and (max-width: 480px) and (max-width: 480px) {
5902
6088
  .e-tab.e-edge .e-tab-header .e-popup-down-icon {
5903
- transform: none;
6089
+ -webkit-transform: none;
6090
+ transform: none;
6091
+ -webkit-transition: none;
5904
6092
  transition: none;
5905
6093
  }
5906
6094
  }
5907
6095
  .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
5908
- transform: rotate(0deg);
6096
+ -webkit-transform: rotate(0deg);
6097
+ transform: rotate(0deg);
6098
+ -webkit-transition: none;
5909
6099
  transition: none;
5910
6100
  }
5911
6101
  @media screen and (max-width: 480px) {
5912
6102
  .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
5913
- transform: none;
6103
+ -webkit-transform: none;
6104
+ transform: none;
6105
+ -webkit-transition: none;
5914
6106
  transition: none;
5915
6107
  }
5916
6108
  }
5917
6109
  .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
5918
- transform: rotate(0deg);
6110
+ -webkit-transform: rotate(0deg);
6111
+ transform: rotate(0deg);
6112
+ -webkit-transition: none;
5919
6113
  transition: none;
5920
6114
  }
5921
6115
  @media screen and (max-width: 480px) {
5922
6116
  .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
5923
- transform: none;
6117
+ -webkit-transform: none;
6118
+ transform: none;
6119
+ -webkit-transition: none;
5924
6120
  transition: none;
5925
6121
  }
5926
6122
  }
@@ -6251,8 +6447,10 @@
6251
6447
  .e-tab-clone-element .e-text-wrap {
6252
6448
  -ms-flex-line-pack: center;
6253
6449
  align-content: center;
6254
- -ms-flex-align: center;
6255
- align-items: center;
6450
+ -webkit-box-align: center;
6451
+ -ms-flex-align: center;
6452
+ align-items: center;
6453
+ display: -webkit-inline-box;
6256
6454
  display: -ms-inline-flexbox;
6257
6455
  display: inline-flex;
6258
6456
  height: 40px;
@@ -6269,7 +6467,6 @@
6269
6467
  font-weight: 400;
6270
6468
  text-transform: capitalize;
6271
6469
  -ms-flex-item-align: auto;
6272
- -ms-grid-row-align: auto;
6273
6470
  align-self: auto;
6274
6471
  }
6275
6472
  @media screen and (max-width: 480px) {
@@ -6294,6 +6491,7 @@
6294
6491
  top: 1px;
6295
6492
  }
6296
6493
  .e-tab-clone-element .e-icons.e-tab-icon {
6494
+ display: -webkit-inline-box;
6297
6495
  display: -ms-inline-flexbox;
6298
6496
  display: inline-flex;
6299
6497
  height: 20px;
@@ -6318,8 +6516,9 @@
6318
6516
  }
6319
6517
  }
6320
6518
  .e-tab-clone-element.e-icon .e-tab-wrap {
6321
- -ms-flex-pack: center;
6322
- justify-content: center;
6519
+ -webkit-box-pack: center;
6520
+ -ms-flex-pack: center;
6521
+ justify-content: center;
6323
6522
  padding: 0 15px;
6324
6523
  }
6325
6524
  @media screen and (max-width: 480px) {
@@ -6352,8 +6551,10 @@
6352
6551
  }
6353
6552
  }
6354
6553
  .e-tab-clone-element.e-itop .e-tab-wrap, .e-tab-clone-element.e-ibottom .e-tab-wrap {
6355
- -ms-flex-align: center;
6356
- align-items: center;
6554
+ -webkit-box-align: center;
6555
+ -ms-flex-align: center;
6556
+ align-items: center;
6557
+ display: -webkit-box;
6357
6558
  display: -ms-flexbox;
6358
6559
  display: flex;
6359
6560
  height: 62px;
@@ -6399,21 +6600,28 @@
6399
6600
  }
6400
6601
  .e-tab-clone-element .e-tab-icon.e-icon-top,
6401
6602
  .e-tab-clone-element .e-tab-icon.e-icon-bottom {
6402
- -ms-flex-align: center;
6403
- align-items: center;
6603
+ -webkit-box-align: center;
6604
+ -ms-flex-align: center;
6605
+ align-items: center;
6606
+ display: -webkit-box;
6404
6607
  display: -ms-flexbox;
6405
6608
  display: flex;
6406
- -ms-flex-direction: column;
6407
- flex-direction: column;
6408
- -ms-flex-pack: center;
6409
- justify-content: center;
6609
+ -webkit-box-orient: vertical;
6610
+ -webkit-box-direction: normal;
6611
+ -ms-flex-direction: column;
6612
+ flex-direction: column;
6613
+ -webkit-box-pack: center;
6614
+ -ms-flex-pack: center;
6615
+ justify-content: center;
6410
6616
  margin: auto;
6411
6617
  }
6412
6618
  .e-tab-clone-element.e-close-show .e-icons.e-close-icon {
6413
- -ms-flex-align: center;
6414
- align-items: center;
6619
+ -webkit-box-align: center;
6620
+ -ms-flex-align: center;
6621
+ align-items: center;
6415
6622
  -ms-flex-item-align: center;
6416
6623
  align-self: center;
6624
+ display: -webkit-inline-box;
6417
6625
  display: -ms-inline-flexbox;
6418
6626
  display: inline-flex;
6419
6627
  }
@@ -6458,7 +6666,6 @@
6458
6666
  .e-bigger .e-tab-clone-element .e-tab-text {
6459
6667
  font-size: 15px;
6460
6668
  -ms-flex-item-align: auto;
6461
- -ms-grid-row-align: auto;
6462
6669
  align-self: auto;
6463
6670
  }
6464
6671
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
@@ -6534,7 +6741,6 @@
6534
6741
  margin: 0 0 10px;
6535
6742
  }
6536
6743
 
6537
- /*! tab theme */
6538
6744
  .e-tab {
6539
6745
  background: transparent;
6540
6746
  border: none;
@@ -6543,7 +6749,8 @@
6543
6749
  background: inherit;
6544
6750
  border: 0;
6545
6751
  border-radius: 0;
6546
- box-shadow: none;
6752
+ -webkit-box-shadow: none;
6753
+ box-shadow: none;
6547
6754
  font-weight: normal;
6548
6755
  border-bottom: 0;
6549
6756
  }
@@ -6670,7 +6877,8 @@
6670
6877
  background: #fff;
6671
6878
  border: 1px solid #ccc;
6672
6879
  border-radius: 4px;
6673
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
6880
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
6881
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
6674
6882
  overflow-y: auto;
6675
6883
  }
6676
6884
  .e-tab .e-tab-header .e-toolbar-pop[e-animate=true] {
@@ -6678,7 +6886,8 @@
6678
6886
  }
6679
6887
  @media screen and (max-width: 480px) {
6680
6888
  .e-tab .e-tab-header .e-toolbar-pop {
6681
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
6889
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
6890
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
6682
6891
  }
6683
6892
  }
6684
6893
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
@@ -6733,7 +6942,8 @@
6733
6942
  }
6734
6943
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
6735
6944
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
6736
- box-shadow: none;
6945
+ -webkit-box-shadow: none;
6946
+ box-shadow: none;
6737
6947
  border: 0;
6738
6948
  }
6739
6949
  .e-tab .e-tab-header .e-scroll-nav:focus,
@@ -6759,7 +6969,8 @@
6759
6969
  }
6760
6970
  .e-tab .e-tab-header .e-scroll-nav:active,
6761
6971
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
6762
- box-shadow: none;
6972
+ -webkit-box-shadow: none;
6973
+ box-shadow: none;
6763
6974
  background: inherit;
6764
6975
  border: 0;
6765
6976
  }
@@ -6826,7 +7037,8 @@
6826
7037
  color: #333;
6827
7038
  border: 1px solid #adadad;
6828
7039
  border-radius: 4px;
6829
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
7040
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
7041
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
6830
7042
  }
6831
7043
  .e-tab .e-tab-header .e-hor-nav:hover,
6832
7044
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
@@ -6839,14 +7051,16 @@
6839
7051
  }
6840
7052
  .e-tab .e-tab-header .e-hor-nav:active,
6841
7053
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
6842
- box-shadow: none;
7054
+ -webkit-box-shadow: none;
7055
+ box-shadow: none;
6843
7056
  background: transparent;
6844
7057
  }
6845
7058
  .e-tab .e-tab-header .e-hor-nav.e-nav-active,
6846
7059
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
6847
7060
  background: inherit;
6848
7061
  border: 0;
6849
- box-shadow: none;
7062
+ -webkit-box-shadow: none;
7063
+ box-shadow: none;
6850
7064
  border-radius: 0 4px 0 0;
6851
7065
  }
6852
7066
  .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
@@ -6907,7 +7121,8 @@
6907
7121
  border-radius: 0 4px 4px 0;
6908
7122
  }
6909
7123
  .e-tab .e-tab-header.e-vertical .e-toolbar-pop {
6910
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
7124
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
7125
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
6911
7126
  }
6912
7127
  .e-tab .e-tab-header.e-vertical .e-scroll-nav {
6913
7128
  background: inherit;
@@ -6972,7 +7187,8 @@
6972
7187
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active:hover {
6973
7188
  background: inherit;
6974
7189
  border: 0;
6975
- box-shadow: none;
7190
+ -webkit-box-shadow: none;
7191
+ box-shadow: none;
6976
7192
  }
6977
7193
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active,
6978
7194
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active {
@@ -7367,7 +7583,8 @@
7367
7583
  }
7368
7584
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
7369
7585
  .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
7370
- animation: none;
7586
+ -webkit-animation: none;
7587
+ animation: none;
7371
7588
  }
7372
7589
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
7373
7590
  .e-tab.e-background .e-tab-header .e-hor-nav {
@@ -7419,7 +7636,8 @@
7419
7636
  }
7420
7637
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
7421
7638
  .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
7422
- animation: none;
7639
+ -webkit-animation: none;
7640
+ animation: none;
7423
7641
  }
7424
7642
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
7425
7643
  .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
@@ -7631,20 +7849,25 @@
7631
7849
  }
7632
7850
 
7633
7851
  /* stylelint-disable property-no-vendor-prefix */
7634
- @keyframes rotation {
7852
+ @-webkit-keyframes rotation {
7635
7853
  from {
7854
+ -webkit-transform: rotate(0deg);
7636
7855
  transform: rotate(0deg);
7637
7856
  }
7638
7857
  to {
7858
+ -webkit-transform: rotate(359deg);
7639
7859
  transform: rotate(359deg);
7640
7860
  }
7641
7861
  }
7642
- .e-bigger .e-treeview .e-navigable .e-text-content,
7643
- .e-treeview.e-bigger .e-navigable .e-text-content {
7644
- -ms-flex-align: center;
7645
- align-items: center;
7646
- display: -ms-flexbox;
7647
- display: flex;
7862
+ @keyframes rotation {
7863
+ from {
7864
+ -webkit-transform: rotate(0deg);
7865
+ transform: rotate(0deg);
7866
+ }
7867
+ to {
7868
+ -webkit-transform: rotate(359deg);
7869
+ transform: rotate(359deg);
7870
+ }
7648
7871
  }
7649
7872
  .e-bigger .e-treeview .e-navigable .e-list-text,
7650
7873
  .e-treeview.e-bigger .e-navigable .e-list-text {
@@ -7793,6 +8016,16 @@
7793
8016
  position: relative;
7794
8017
  white-space: nowrap;
7795
8018
  }
8019
+ .e-treeview.e-virtualization {
8020
+ overflow: auto;
8021
+ }
8022
+ .e-treeview.e-virtualization .e-virtual-mask {
8023
+ display: block;
8024
+ margin-bottom: 20px;
8025
+ }
8026
+ .e-treeview.e-virtualization .e-ul {
8027
+ overflow: unset;
8028
+ }
7796
8029
  .e-treeview > .e-ul {
7797
8030
  -webkit-overflow-scrolling: touch;
7798
8031
  overflow: auto;
@@ -7828,26 +8061,10 @@
7828
8061
  margin: 0;
7829
8062
  padding: 0 0 0 24px;
7830
8063
  }
7831
- .e-treeview li.e-node-collapsed .e-list-item .e-fullrow {
7832
- display: none;
7833
- }
8064
+ .e-treeview .e-node-collapsed .e-list-item .e-fullrow,
7834
8065
  .e-treeview .e-display-none {
7835
8066
  display: none;
7836
8067
  }
7837
- .e-treeview .e-list-item div.e-icons.interaction {
7838
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
7839
- border-radius: 15px;
7840
- transition: transform 0.3s ease-in-out;
7841
- }
7842
- .e-treeview .e-list-item .e-icons.e-icon-collapsible {
7843
- transform: rotate(90deg);
7844
- }
7845
- .e-treeview.e-drag-item.e-rtl .e-icons.e-drop-next {
7846
- transform: rotate(180deg);
7847
- }
7848
- .e-treeview.e-rtl div.e-icons {
7849
- transform: rotate(180deg);
7850
- }
7851
8068
  .e-treeview .e-list-item {
7852
8069
  list-style: none;
7853
8070
  padding: 2px 0;
@@ -7864,6 +8081,17 @@
7864
8081
  pointer-events: none;
7865
8082
  touch-action: none;
7866
8083
  }
8084
+ .e-treeview .e-list-item div.e-icons.interaction {
8085
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
8086
+ border-radius: 15px;
8087
+ transition: -webkit-transform 0.3s ease-in-out;
8088
+ transition: transform 0.3s ease-in-out;
8089
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
8090
+ }
8091
+ .e-treeview .e-list-item .e-icons.e-icon-collapsible {
8092
+ -webkit-transform: rotate(90deg);
8093
+ transform: rotate(90deg);
8094
+ }
7867
8095
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
7868
8096
  content: none;
7869
8097
  }
@@ -7877,6 +8105,7 @@
7877
8105
  position: relative;
7878
8106
  }
7879
8107
  .e-treeview .e-text-content {
8108
+ -moz-user-select: none;
7880
8109
  -ms-user-select: none;
7881
8110
  -webkit-user-select: none;
7882
8111
  user-select: none;
@@ -7885,12 +8114,17 @@
7885
8114
  margin: 0;
7886
8115
  padding: 0 0 0 24px;
7887
8116
  }
8117
+ .e-treeview .e-text-content + .e-sibling {
8118
+ margin-top: -1px;
8119
+ }
7888
8120
  .e-treeview .e-fullrow {
8121
+ -moz-user-select: none;
7889
8122
  -ms-user-select: none;
7890
8123
  -webkit-user-select: none;
7891
8124
  user-select: none;
7892
8125
  border: 1px solid;
7893
- box-sizing: border-box;
8126
+ -webkit-box-sizing: border-box;
8127
+ box-sizing: border-box;
7894
8128
  cursor: pointer;
7895
8129
  height: 32px;
7896
8130
  left: 0;
@@ -7918,7 +8152,8 @@
7918
8152
  width: 32px;
7919
8153
  }
7920
8154
  .e-treeview .e-list-text {
7921
- box-sizing: border-box;
8155
+ -webkit-box-sizing: border-box;
8156
+ box-sizing: border-box;
7922
8157
  display: inline-block;
7923
8158
  line-height: 30px;
7924
8159
  margin: 0;
@@ -7967,6 +8202,7 @@
7967
8202
  padding: 8px;
7968
8203
  }
7969
8204
  .e-treeview .e-load {
8205
+ -webkit-animation: rotation 0.5s infinite linear;
7970
8206
  animation: rotation 0.5s infinite linear;
7971
8207
  }
7972
8208
  .e-treeview .e-sibling {
@@ -7974,20 +8210,19 @@
7974
8210
  height: 6px;
7975
8211
  margin-top: -5px;
7976
8212
  width: 6px;
7977
- position: absolute;
7978
- z-index: 2;
7979
- }
7980
- .e-treeview .e-text-content + .e-sibling {
7981
- margin-top: -1px;
7982
8213
  }
7983
8214
  .e-treeview .e-sibling::before {
7984
8215
  left: 0;
7985
8216
  height: 1px;
7986
8217
  width: 144px;
8218
+ }
8219
+ .e-treeview .e-sibling,
8220
+ .e-treeview .e-sibling::before {
7987
8221
  position: absolute;
7988
8222
  z-index: 2;
7989
8223
  }
7990
8224
  .e-treeview .e-popup {
8225
+ -moz-user-select: none;
7991
8226
  -ms-user-select: none;
7992
8227
  -webkit-user-select: none;
7993
8228
  user-select: none;
@@ -8011,8 +8246,7 @@
8011
8246
  padding: 4px;
8012
8247
  width: 26px;
8013
8248
  }
8014
- .e-treeview .e-popup .e-downtail::before,
8015
- .e-treeview .e-popup .e-downtail::after {
8249
+ .e-treeview .e-popup .e-downtail::before, .e-treeview .e-popup .e-downtail::after {
8016
8250
  border: 10px solid transparent;
8017
8251
  content: "";
8018
8252
  height: 0;
@@ -8034,8 +8268,10 @@
8034
8268
  pointer-events: auto;
8035
8269
  }
8036
8270
  .e-treeview .e-navigable .e-text-content {
8037
- -ms-flex-align: center;
8038
- align-items: center;
8271
+ -webkit-box-align: center;
8272
+ -ms-flex-align: center;
8273
+ align-items: center;
8274
+ display: -webkit-box;
8039
8275
  display: -ms-flexbox;
8040
8276
  display: flex;
8041
8277
  }
@@ -8075,7 +8311,8 @@
8075
8311
  .e-treeview.e-drag-item .e-drop-count {
8076
8312
  border: 1px solid;
8077
8313
  border-radius: 15px;
8078
- box-sizing: content-box;
8314
+ -webkit-box-sizing: content-box;
8315
+ box-sizing: content-box;
8079
8316
  font-size: 13px;
8080
8317
  line-height: normal;
8081
8318
  min-width: 12px;
@@ -8138,12 +8375,20 @@
8138
8375
  .e-treeview.e-rtl .e-sibling::before {
8139
8376
  right: 0;
8140
8377
  }
8378
+ .e-treeview.e-rtl.e-drag-item .e-icons.e-drop-next {
8379
+ -webkit-transform: rotate(180deg);
8380
+ transform: rotate(180deg);
8381
+ }
8141
8382
  .e-treeview.e-rtl.e-drag-item .e-text-content {
8142
8383
  float: right;
8143
8384
  }
8144
8385
  .e-treeview.e-rtl.e-drag-item .e-drop-count {
8145
8386
  margin-right: -12px;
8146
8387
  }
8388
+ .e-treeview.e-rtl div.e-icons {
8389
+ -webkit-transform: rotate(180deg);
8390
+ transform: rotate(180deg);
8391
+ }
8147
8392
  .e-treeview.e-disabled .e-fullrow,
8148
8393
  .e-treeview.e-disabled .e-icons,
8149
8394
  .e-treeview.e-disabled .e-text-content,
@@ -8195,25 +8440,41 @@
8195
8440
  .e-treeview .e-icon-expandable::before {
8196
8441
  font-size: 8px;
8197
8442
  }
8198
- .e-treeview .e-list-item.e-active,
8199
- .e-treeview .e-list-item.e-hover,
8200
- .e-treeview .e-list-item.e-node-focus {
8443
+ .e-treeview .e-list-item.e-hover, .e-treeview .e-list-item.e-node-focus {
8201
8444
  background: transparent;
8202
8445
  }
8203
- .e-treeview .e-list-item.e-hover > .e-text-content,
8204
- .e-treeview .e-list-item.e-node-focus > .e-text-content {
8446
+ .e-treeview .e-list-item.e-hover > .e-fullrow, .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8447
+ background-color: #f5f5f5;
8448
+ border-color: #f5f5f5;
8449
+ }
8450
+ .e-treeview .e-list-item.e-hover > .e-text-content, .e-treeview .e-list-item.e-node-focus > .e-text-content {
8205
8451
  color: #333;
8206
8452
  }
8207
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8208
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8453
+ .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 {
8209
8454
  color: #333;
8210
8455
  }
8211
8456
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8212
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8213
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8457
+ .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,
8214
8458
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8215
8459
  color: #333;
8216
8460
  }
8461
+ .e-treeview .e-list-item.e-active {
8462
+ background: transparent;
8463
+ }
8464
+ .e-treeview .e-list-item.e-active > .e-fullrow {
8465
+ background-color: #317ab9;
8466
+ border-color: #317ab9;
8467
+ }
8468
+ .e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
8469
+ background-color: transparent;
8470
+ border-color: transparent;
8471
+ }
8472
+ .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content {
8473
+ color: #333;
8474
+ }
8475
+ .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8476
+ color: #333;
8477
+ }
8217
8478
  .e-treeview .e-list-item.e-active > .e-text-content {
8218
8479
  color: #fff;
8219
8480
  }
@@ -8224,69 +8485,40 @@
8224
8485
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8225
8486
  color: #fff;
8226
8487
  }
8227
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8228
- .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8488
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8489
+ background-color: #317ab9;
8490
+ border-color: #66afe9;
8491
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
8492
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
8493
+ }
8494
+ .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 {
8229
8495
  color: #fff;
8230
8496
  }
8231
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8232
- .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8497
+ .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 {
8233
8498
  color: #fff;
8234
8499
  }
8235
8500
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8236
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8237
- .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8501
+ .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,
8238
8502
  .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8239
8503
  color: #fff;
8240
8504
  }
8241
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8242
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8243
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8244
- color: #333;
8245
- }
8246
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8247
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8248
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8249
- color: #333;
8250
- }
8251
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8252
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8253
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8254
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8255
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8256
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8257
- color: #333;
8258
- }
8259
- .e-treeview .e-list-item.e-hover > .e-fullrow,
8260
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8261
- background-color: #f5f5f5;
8262
- border-color: #f5f5f5;
8263
- }
8264
- .e-treeview .e-list-item.e-active > .e-fullrow {
8265
- background-color: #317ab9;
8266
- border-color: #317ab9;
8267
- }
8268
- .e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
8505
+ .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 {
8269
8506
  background-color: transparent;
8270
8507
  border-color: transparent;
8508
+ -webkit-box-shadow: none;
8509
+ box-shadow: none;
8271
8510
  }
8272
- .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content {
8511
+ .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 {
8273
8512
  color: #333;
8274
8513
  }
8275
- .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8514
+ .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 {
8276
8515
  color: #333;
8277
8516
  }
8278
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8279
- .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8280
- background-color: #317ab9;
8281
- border-color: #66afe9;
8282
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
8283
- }
8284
- .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8285
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8286
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8287
- background-color: transparent;
8288
- border-color: transparent;
8289
- box-shadow: none;
8517
+ .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8518
+ .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,
8519
+ .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,
8520
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8521
+ color: #333;
8290
8522
  }
8291
8523
  .e-treeview .e-list-item.e-disable > .e-text-content,
8292
8524
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8316,8 +8548,7 @@
8316
8548
  .e-treeview .e-popup .e-downtail::after {
8317
8549
  border-top-color: #fff;
8318
8550
  }
8319
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8320
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8551
+ .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 {
8321
8552
  background-color: #f5f5f5;
8322
8553
  border-color: #f5f5f5;
8323
8554
  }
@@ -8325,17 +8556,16 @@
8325
8556
  background-color: #317ab9;
8326
8557
  border-color: #317ab9;
8327
8558
  }
8328
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8329
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8559
+ .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 {
8330
8560
  background-color: #317ab9;
8331
8561
  border-color: #66afe9;
8562
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
8332
8563
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
8333
8564
  }
8334
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8335
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8336
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8565
+ .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 {
8337
8566
  background-color: transparent;
8338
8567
  border-color: transparent;
8568
+ -webkit-box-shadow: none;
8339
8569
  box-shadow: none;
8340
8570
  }
8341
8571
  .e-treeview.e-fullrow-wrap .e-text-content {
@@ -8365,7 +8595,8 @@
8365
8595
  border-left-color: transparent;
8366
8596
  }
8367
8597
 
8368
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
8598
+ /* stylelint-disable-line no-empty-source */
8599
+ /* stylelint-disable-line no-empty-source */
8369
8600
  ejs-sidebar {
8370
8601
  display: none;
8371
8602
  }
@@ -8382,40 +8613,39 @@ ejs-sidebar {
8382
8613
  overflow: auto;
8383
8614
  position: fixed;
8384
8615
  top: 0;
8616
+ -webkit-transition: none;
8385
8617
  transition: none;
8386
8618
  vertical-align: middle;
8387
8619
  visibility: hidden;
8388
8620
  will-change: transform;
8389
8621
  }
8390
- .e-sidebar.e-right.e-open {
8391
- transform: translateX(0%);
8622
+ .e-sidebar.e-right.e-open, .e-sidebar.e-left.e-open {
8623
+ -webkit-transform: translateX(0%);
8624
+ transform: translateX(0%);
8625
+ -webkit-transition: -webkit-transform 0.5s ease;
8626
+ transition: -webkit-transform 0.5s ease;
8392
8627
  transition: transform 0.5s ease;
8628
+ transition: transform 0.5s ease, -webkit-transform 0.5s ease;
8393
8629
  visibility: visible;
8394
8630
  }
8395
- .e-sidebar.e-right.e-close {
8396
- box-shadow: none;
8397
- transform: translateX(100%);
8398
- transition: transform 0.5s ease, visibility 500ms;
8631
+ .e-sidebar.e-right.e-close, .e-sidebar.e-left.e-close {
8632
+ -webkit-box-shadow: none;
8633
+ box-shadow: none;
8399
8634
  visibility: hidden;
8400
8635
  }
8401
- .e-sidebar.e-left.e-open {
8402
- transform: translateX(0%);
8403
- transition: transform 0.5s ease;
8404
- visibility: visible;
8405
- }
8406
- .e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close {
8407
- transition: transform 0.5s ease, visibility 500ms;
8636
+ .e-sidebar.e-right.e-close {
8637
+ -webkit-transform: translateX(100%);
8638
+ transform: translateX(100%);
8408
8639
  }
8409
8640
  .e-sidebar.e-left.e-close {
8410
- box-shadow: none;
8411
- transform: translateX(-100%);
8412
- visibility: hidden;
8641
+ -webkit-transform: translateX(-100%);
8642
+ transform: translateX(-100%);
8413
8643
  }
8414
- .e-sidebar.e-right.e-close {
8415
- box-shadow: none;
8416
- transform: translateX(100%);
8644
+ .e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close, .e-sidebar.e-right.e-close {
8645
+ -webkit-transition: visibility 500ms, -webkit-transform 0.5s ease;
8646
+ transition: visibility 500ms, -webkit-transform 0.5s ease;
8417
8647
  transition: transform 0.5s ease, visibility 500ms;
8418
- visibility: hidden;
8648
+ transition: transform 0.5s ease, visibility 500ms, -webkit-transform 0.5s ease;
8419
8649
  }
8420
8650
  .e-sidebar.e-right {
8421
8651
  border-left: 1px solid #eee;
@@ -8429,27 +8659,104 @@ ejs-sidebar {
8429
8659
  right: auto;
8430
8660
  top: 0;
8431
8661
  }
8432
- .e-sidebar.e-left.e-close.e-dock {
8433
- transform: translateX(0%);
8434
- transition: width 0.5s ease, visibility 500ms;
8435
- visibility: visible;
8436
- }
8437
- .e-sidebar.e-right.e-close.e-dock {
8438
- transform: translateX(0%);
8662
+ .e-sidebar.e-left.e-close.e-dock, .e-sidebar.e-right.e-close.e-dock {
8663
+ -webkit-transform: translateX(0%);
8664
+ transform: translateX(0%);
8665
+ -webkit-transition: width 0.5s ease, visibility 500ms;
8439
8666
  transition: width 0.5s ease, visibility 500ms;
8440
8667
  visibility: visible;
8441
8668
  }
8442
8669
  .e-sidebar.e-left.e-open.e-dock.e-blazor-dock, .e-sidebar.e-right.e-open.e-dock.e-blazor-dock {
8670
+ -webkit-transition: width 0.5s ease, visibility 500ms;
8443
8671
  transition: width 0.5s ease, visibility 500ms;
8444
8672
  }
8445
8673
  .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 {
8674
+ -webkit-transition: none;
8446
8675
  transition: none;
8447
8676
  }
8448
8677
  .e-sidebar.e-visibility {
8449
8678
  visibility: hidden;
8450
8679
  }
8451
8680
  .e-sidebar.e-over {
8452
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
8681
+ -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
8682
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
8683
+ }
8684
+
8685
+ .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 {
8686
+ -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8687
+ transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8688
+ transition: margin 0.5s ease, transform 0.5s ease;
8689
+ transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8690
+ }
8691
+ .e-sidebarcontainer.e-left.e-open.e-auto + div {
8692
+ margin-right: 0;
8693
+ -webkit-transform: translateX(0);
8694
+ transform: translateX(0);
8695
+ margin-left: var(--sidebar-width);
8696
+ }
8697
+ .e-sidebarcontainer.e-left.e-close.e-auto + div {
8698
+ margin-right: 0;
8699
+ -webkit-transform: translateX(0);
8700
+ transform: translateX(0);
8701
+ margin-left: 0;
8702
+ }
8703
+ .e-sidebarcontainer.e-right.e-open.e-auto + div {
8704
+ margin-left: 0;
8705
+ -webkit-transform: translateX(0);
8706
+ transform: translateX(0);
8707
+ margin-right: var(--sidebar-width);
8708
+ }
8709
+ .e-sidebarcontainer.e-right.e-close.e-auto + div {
8710
+ margin-right: 0;
8711
+ -webkit-transform: translateX(0);
8712
+ transform: translateX(0);
8713
+ margin-left: 0;
8714
+ }
8715
+ .e-sidebarcontainer.e-left.e-open.e-push + div {
8716
+ margin-right: 0;
8717
+ -webkit-transform: translateX(0);
8718
+ transform: translateX(0);
8719
+ margin-left: var(--sidebar-width);
8720
+ }
8721
+ .e-sidebarcontainer.e-left.e-close.e-push + div {
8722
+ margin-right: 0;
8723
+ -webkit-transform: translateX(0);
8724
+ transform: translateX(0);
8725
+ margin-left: 0;
8726
+ }
8727
+ .e-sidebarcontainer.e-right.e-open.e-push + div {
8728
+ margin-left: 0;
8729
+ -webkit-transform: translateX(0);
8730
+ transform: translateX(0);
8731
+ margin-right: var(--sidebar-width);
8732
+ }
8733
+ .e-sidebarcontainer.e-right.e-close.e-push + div {
8734
+ margin-right: 0;
8735
+ -webkit-transform: translateX(0);
8736
+ transform: translateX(0);
8737
+ margin-left: 0;
8738
+ }
8739
+ .e-sidebarcontainer.e-left.e-open.e-slide + div {
8740
+ margin-left: 0;
8741
+ -webkit-transform: translate(var(--sidebar-width));
8742
+ transform: translate(var(--sidebar-width));
8743
+ }
8744
+ .e-sidebarcontainer.e-left.e-close.e-slide + div {
8745
+ margin-left: 0;
8746
+ -webkit-transform: translate(0);
8747
+ transform: translate(0);
8748
+ }
8749
+ .e-sidebarcontainer.e-right.e-open.e-slide + div {
8750
+ margin-right: 0;
8751
+ margin-left: 0;
8752
+ -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
8753
+ transform: translate(calc(-1 * var(--sidebar-width)));
8754
+ }
8755
+ .e-sidebarcontainer.e-right.e-close.e-slide + div {
8756
+ margin-right: 0;
8757
+ margin-left: 0;
8758
+ -webkit-transform: translate(0);
8759
+ transform: translate(0);
8453
8760
  }
8454
8761
 
8455
8762
  .e-sidebar-absolute {
@@ -8461,24 +8768,36 @@ ejs-sidebar {
8461
8768
  position: relative;
8462
8769
  }
8463
8770
 
8464
- .e-backdrop {
8771
+ .e-backdrop,
8772
+ .e-sidebar-overlay {
8465
8773
  background-color: rgba(0, 0, 0, 0.6);
8466
8774
  height: 100%;
8467
8775
  left: 0;
8468
- opacity: 0.5;
8469
8776
  pointer-events: auto;
8470
8777
  top: 0;
8471
- width: auto;
8472
8778
  z-index: 999;
8473
8779
  }
8474
8780
 
8781
+ .e-backdrop {
8782
+ opacity: 0.5;
8783
+ width: auto;
8784
+ }
8785
+
8786
+ .e-sidebar-overlay {
8787
+ opacity: 0.5;
8788
+ position: fixed;
8789
+ width: 100%;
8790
+ }
8791
+
8475
8792
  .e-content-animation {
8476
- transition: margin 0.5s ease, transform 0.5s ease;
8793
+ transition: margin 0.5s ease, -webkit-transform 0.5s ease, transform 0.5s ease;
8477
8794
  }
8478
8795
  .e-content-animation.e-overlay {
8479
- box-sizing: border-box;
8796
+ -webkit-box-sizing: border-box;
8797
+ box-sizing: border-box;
8480
8798
  overflow: auto;
8481
8799
  -webkit-user-select: none;
8800
+ -moz-user-select: none;
8482
8801
  -ms-user-select: none;
8483
8802
  user-select: none;
8484
8803
  }
@@ -8489,22 +8808,8 @@ ejs-sidebar {
8489
8808
  touch-action: none;
8490
8809
  }
8491
8810
 
8492
- /* stylelint-disable */
8493
8811
  .e-sidebar-overflow {
8494
- overflow-x: hidden !important;
8495
- }
8496
-
8497
- /* stylelint-enable */
8498
- .e-sidebar-overlay {
8499
- background-color: rgba(0, 0, 0, 0.6);
8500
- height: 100%;
8501
- left: 0;
8502
- opacity: 0.5;
8503
- pointer-events: auto;
8504
- position: fixed;
8505
- top: 0;
8506
- width: 100%;
8507
- z-index: 999;
8812
+ overflow-x: hidden;
8508
8813
  }
8509
8814
 
8510
8815
  .e-content-placeholder.e-sidebar.e-placeholder-sidebar {
@@ -8515,8 +8820,6 @@ ejs-sidebar {
8515
8820
  visibility: visible;
8516
8821
  }
8517
8822
 
8518
- /*! component's theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */
8519
- /*! menu layout */
8520
8823
  .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
8521
8824
  .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
8522
8825
  content: "\e207";
@@ -8559,24 +8862,16 @@ ejs-sidebar {
8559
8862
  content: "\e95d";
8560
8863
  }
8561
8864
 
8562
- .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8563
- .e-rtl.e-menu-container ul.e-vertical .e-caret::before {
8564
- content: "\e937";
8565
- }
8566
- .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
8567
- .e-rtl.e-menu-container ul.e-ul .e-caret::before {
8568
- content: "\e937";
8569
- }
8570
-
8865
+ .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before, .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
8866
+ .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
8867
+ .e-rtl.e-menu-container ul.e-ul .e-caret::before,
8571
8868
  .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8572
- .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8573
- .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
8574
- .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
8575
- content: "\e937";
8576
- }
8577
8869
  .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
8870
+ .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
8578
8871
  .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
8872
+ .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
8579
8873
  .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
8874
+ .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
8580
8875
  .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
8581
8876
  content: "\e937";
8582
8877
  }
@@ -8588,7 +8883,6 @@ ejs-sidebar {
8588
8883
  content: "\e95d";
8589
8884
  }
8590
8885
 
8591
- /*! menu layout */
8592
8886
  .e-menu-wrapper,
8593
8887
  .e-menu-container {
8594
8888
  border: 1px solid #ccc;
@@ -8609,6 +8903,7 @@ ejs-sidebar {
8609
8903
  margin: 0;
8610
8904
  overflow: hidden;
8611
8905
  -webkit-user-select: none;
8906
+ -moz-user-select: none;
8612
8907
  -ms-user-select: none;
8613
8908
  user-select: none;
8614
8909
  font-size: 14px;
@@ -8619,7 +8914,8 @@ ejs-sidebar {
8619
8914
  .e-menu-wrapper ul.e-ul, .e-menu-wrapper ul.e-ul *,
8620
8915
  .e-menu-container ul.e-ul,
8621
8916
  .e-menu-container ul.e-ul * {
8622
- box-sizing: border-box;
8917
+ -webkit-box-sizing: border-box;
8918
+ box-sizing: border-box;
8623
8919
  }
8624
8920
  .e-menu-wrapper ul.e-ul:focus, .e-menu-wrapper ul.e-ul *:focus,
8625
8921
  .e-menu-container ul.e-ul:focus,
@@ -8662,6 +8958,7 @@ ejs-sidebar {
8662
8958
  .e-menu-container ul .e-menu-item {
8663
8959
  cursor: pointer;
8664
8960
  position: relative;
8961
+ display: -webkit-inline-box;
8665
8962
  display: -ms-inline-flexbox;
8666
8963
  display: inline-flex;
8667
8964
  height: 40px;
@@ -8834,26 +9131,27 @@ ejs-sidebar {
8834
9131
  .e-menu-container .e-scroll-nav .e-nav-arrow {
8835
9132
  font-size: 10px;
8836
9133
  }
8837
- .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
8838
- .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
8839
- transform: rotate(180deg);
8840
- }
8841
- .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
9134
+ .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,
9135
+ .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
8842
9136
  .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-up-arrow {
8843
- transform: rotate(180deg);
9137
+ -webkit-transform: rotate(180deg);
9138
+ transform: rotate(180deg);
8844
9139
  }
8845
9140
  .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
8846
9141
  .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
8847
- transform: rotate(0deg);
9142
+ -webkit-transform: rotate(0deg);
9143
+ transform: rotate(0deg);
8848
9144
  }
8849
9145
  .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow,
8850
9146
  .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow {
8851
- transform: rotate(180deg);
9147
+ -webkit-transform: rotate(180deg);
9148
+ transform: rotate(180deg);
8852
9149
  }
8853
9150
  .e-menu-wrapper.e-popup.e-menu-popup,
8854
9151
  .e-menu-container.e-popup.e-menu-popup {
8855
9152
  border: 1px solid #ccc;
8856
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
9153
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
9154
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
8857
9155
  overflow: hidden;
8858
9156
  position: absolute;
8859
9157
  }
@@ -8863,12 +9161,14 @@ ejs-sidebar {
8863
9161
  }
8864
9162
  .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav,
8865
9163
  .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav {
8866
- transform: none;
9164
+ -webkit-transform: none;
9165
+ transform: none;
8867
9166
  width: 100%;
8868
9167
  }
8869
9168
  .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow,
8870
9169
  .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow {
8871
- transform: none;
9170
+ -webkit-transform: none;
9171
+ transform: none;
8872
9172
  }
8873
9173
  .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-vscroll-bar,
8874
9174
  .e-menu-container .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -8903,7 +9203,8 @@ ejs-sidebar {
8903
9203
  .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll,
8904
9204
  .e-menu-container.e-contextmenu-container .e-menu-vscroll {
8905
9205
  border: 1px solid #ccc;
8906
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
9206
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
9207
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
8907
9208
  }
8908
9209
 
8909
9210
  .e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon {
@@ -9108,7 +9409,8 @@ ejs-sidebar {
9108
9409
  .e-bigger.e-menu-wrapper.e-menu-popup,
9109
9410
  .e-bigger .e-menu-container.e-menu-popup,
9110
9411
  .e-bigger.e-menu-container.e-menu-popup {
9111
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
9412
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
9413
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
9112
9414
  }
9113
9415
  .e-bigger .e-menu-wrapper .e-scroll-nav .e-icons,
9114
9416
  .e-bigger.e-menu-wrapper .e-scroll-nav .e-icons,
@@ -9197,7 +9499,8 @@ ejs-sidebar {
9197
9499
  .e-menu-container.e-hamburger .e-popup.e-menu-popup {
9198
9500
  border: 0;
9199
9501
  border-radius: 0;
9200
- box-shadow: none;
9502
+ -webkit-box-shadow: none;
9503
+ box-shadow: none;
9201
9504
  display: block;
9202
9505
  position: relative;
9203
9506
  width: 100%;
@@ -9233,13 +9536,21 @@ ejs-sidebar {
9233
9536
  }
9234
9537
  .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret,
9235
9538
  .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret {
9539
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
9540
+ transition: -webkit-transform 0.3s ease-in-out;
9236
9541
  transition: transform 0.3s ease-in-out;
9542
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
9543
+ -webkit-transform: rotate(-180deg);
9237
9544
  transform: rotate(-180deg);
9238
9545
  text-indent: 0;
9239
9546
  }
9240
9547
  .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret,
9241
9548
  .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret {
9549
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
9550
+ transition: -webkit-transform 0.3s ease-in-out;
9242
9551
  transition: transform 0.3s ease-in-out;
9552
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
9553
+ -webkit-transform: rotate(0deg);
9243
9554
  transform: rotate(0deg);
9244
9555
  text-indent: 0;
9245
9556
  }
@@ -9276,8 +9587,9 @@ ejs-sidebar {
9276
9587
  height: auto;
9277
9588
  padding: 0;
9278
9589
  }
9279
- .e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon,
9280
- .e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon {
9590
+ .e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon, .e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
9591
+ .e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon,
9592
+ .e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
9281
9593
  padding: 0;
9282
9594
  }
9283
9595
  .e-menu-wrapper.e-hamburger ul .e-menu-item .e-menu-url,
@@ -9287,10 +9599,6 @@ ejs-sidebar {
9287
9599
  text-indent: 0;
9288
9600
  width: 100%;
9289
9601
  }
9290
- .e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
9291
- .e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
9292
- padding: 0;
9293
- }
9294
9602
  .e-menu-wrapper.e-hamburger ul .e-menu-item.e-separator,
9295
9603
  .e-menu-container.e-hamburger ul .e-menu-item.e-separator {
9296
9604
  border-bottom-style: solid;
@@ -9414,7 +9722,6 @@ ejs-sidebar {
9414
9722
  position: relative;
9415
9723
  }
9416
9724
 
9417
- /*! menu theme */
9418
9725
  .e-menu-wrapper,
9419
9726
  .e-menu-container {
9420
9727
  background: #f8f8f8;
@@ -9531,7 +9838,6 @@ ejs-sidebar {
9531
9838
  .e-menu-container .e-ul .e-menu-item.e-separator {
9532
9839
  border-bottom-color: #e6e6e6;
9533
9840
  }
9534
-
9535
9841
  .e-menu-wrapper.e-menu-popup,
9536
9842
  .e-menu-container.e-menu-popup {
9537
9843
  background: #fff;
@@ -9613,7 +9919,6 @@ ejs-sidebar {
9613
9919
  color: #333;
9614
9920
  }
9615
9921
 
9616
- /*! breadcrumb icons */
9617
9922
  .e-breadcrumb .e-breadcrumb-collapsed::before,
9618
9923
  .e-breadcrumb .e-breadcrumb-menu::before {
9619
9924
  content: "\e615";
@@ -9622,19 +9927,20 @@ ejs-sidebar {
9622
9927
  content: "\e92b";
9623
9928
  }
9624
9929
 
9625
- /*! breadcrumb layout */
9626
9930
  .e-breadcrumb {
9627
9931
  display: block;
9628
9932
  background-color: #f5f5f5;
9629
9933
  border-radius: 4px;
9630
9934
  }
9631
9935
  .e-breadcrumb.e-breadcrumb-wrap-mode {
9936
+ display: -webkit-box;
9632
9937
  display: -ms-flexbox;
9633
9938
  display: flex;
9634
9939
  }
9635
9940
  .e-breadcrumb .e-breadcrumb-first-ol {
9636
- -ms-flex-align: start;
9637
- align-items: flex-start;
9941
+ -webkit-box-align: start;
9942
+ -ms-flex-align: start;
9943
+ align-items: flex-start;
9638
9944
  -ms-flex-negative: 0;
9639
9945
  flex-shrink: 0;
9640
9946
  padding-right: 0;
@@ -9650,8 +9956,10 @@ ejs-sidebar {
9650
9956
  overflow: auto;
9651
9957
  }
9652
9958
  .e-breadcrumb ol {
9653
- -ms-flex-align: center;
9654
- align-items: center;
9959
+ -webkit-box-align: center;
9960
+ -ms-flex-align: center;
9961
+ align-items: center;
9962
+ display: -webkit-inline-box;
9655
9963
  display: -ms-inline-flexbox;
9656
9964
  display: inline-flex;
9657
9965
  line-height: normal;
@@ -9665,8 +9973,10 @@ ejs-sidebar {
9665
9973
  white-space: nowrap;
9666
9974
  }
9667
9975
  .e-breadcrumb .e-breadcrumb-item {
9668
- -ms-flex-align: center;
9669
- align-items: center;
9976
+ -webkit-box-align: center;
9977
+ -ms-flex-align: center;
9978
+ align-items: center;
9979
+ display: -webkit-box;
9670
9980
  display: -ms-flexbox;
9671
9981
  display: flex;
9672
9982
  -ms-flex-negative: 0;
@@ -9676,15 +9986,18 @@ ejs-sidebar {
9676
9986
  padding: 10px 0;
9677
9987
  }
9678
9988
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
9679
- -ms-flex-align: center;
9680
- align-items: center;
9989
+ -webkit-box-align: center;
9990
+ -ms-flex-align: center;
9991
+ align-items: center;
9992
+ display: -webkit-box;
9681
9993
  display: -ms-flexbox;
9682
9994
  display: flex;
9683
9995
  font-size: 14px;
9684
9996
  }
9685
9997
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
9686
- -ms-flex-align: inherit;
9687
- align-items: inherit;
9998
+ -webkit-box-align: inherit;
9999
+ -ms-flex-align: inherit;
10000
+ align-items: inherit;
9688
10001
  display: inherit;
9689
10002
  }
9690
10003
  .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
@@ -9733,6 +10046,7 @@ ejs-sidebar {
9733
10046
  pointer-events: none;
9734
10047
  }
9735
10048
  .e-breadcrumb .e-breadcrumb-separator {
10049
+ display: -webkit-box;
9736
10050
  display: -ms-flexbox;
9737
10051
  display: flex;
9738
10052
  font-size: 14px;
@@ -9759,6 +10073,7 @@ ejs-sidebar {
9759
10073
  display: inline-block;
9760
10074
  }
9761
10075
  .e-breadcrumb .e-breadcrumb-item-wrapper {
10076
+ display: -webkit-box;
9762
10077
  display: -ms-flexbox;
9763
10078
  display: flex;
9764
10079
  }
@@ -9784,7 +10099,8 @@ ejs-sidebar {
9784
10099
  .e-breadcrumb-popup {
9785
10100
  border: 1px solid #ccc;
9786
10101
  border-radius: 4px;
9787
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
10102
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
10103
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
9788
10104
  position: absolute;
9789
10105
  }
9790
10106
  .e-breadcrumb-popup ul {
@@ -9796,8 +10112,10 @@ ejs-sidebar {
9796
10112
  white-space: nowrap;
9797
10113
  }
9798
10114
  .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text {
9799
- -ms-flex-align: center;
9800
- align-items: center;
10115
+ -webkit-box-align: center;
10116
+ -ms-flex-align: center;
10117
+ align-items: center;
10118
+ display: -webkit-box;
9801
10119
  display: -ms-flexbox;
9802
10120
  display: flex;
9803
10121
  font-size: 14px;
@@ -9807,8 +10125,9 @@ ejs-sidebar {
9807
10125
  width: 100%;
9808
10126
  }
9809
10127
  .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
9810
- -ms-flex-align: inherit;
9811
- align-items: inherit;
10128
+ -webkit-box-align: inherit;
10129
+ -ms-flex-align: inherit;
10130
+ align-items: inherit;
9812
10131
  display: inherit;
9813
10132
  width: inherit;
9814
10133
  }
@@ -9829,12 +10148,15 @@ ejs-sidebar {
9829
10148
  }
9830
10149
  .e-breadcrumb-popup.e-icon-right .e-breadcrumb-icon,
9831
10150
  .e-breadcrumb-popup .e-icon-right .e-breadcrumb-icon {
10151
+ display: -webkit-box;
9832
10152
  display: -ms-flexbox;
9833
10153
  display: flex;
9834
- -ms-flex-positive: 1;
9835
- flex-grow: 1;
9836
- -ms-flex-pack: end;
9837
- justify-content: flex-end;
10154
+ -webkit-box-flex: 1;
10155
+ -ms-flex-positive: 1;
10156
+ flex-grow: 1;
10157
+ -webkit-box-pack: end;
10158
+ -ms-flex-pack: end;
10159
+ justify-content: flex-end;
9838
10160
  }
9839
10161
  .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon, .e-breadcrumb-popup.e-rtl .e-icon-right .e-breadcrumb-icon {
9840
10162
  padding-left: 0;
@@ -9930,7 +10252,6 @@ ejs-sidebar {
9930
10252
  padding-right: 6px;
9931
10253
  }
9932
10254
 
9933
- /*! breadcrumb theme */
9934
10255
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
9935
10256
  color: #317ab9;
9936
10257
  }
@@ -10009,8 +10330,6 @@ ejs-sidebar {
10009
10330
  color: #555;
10010
10331
  }
10011
10332
 
10012
- /*! AppBar component bootstrap theme definitions and variables */
10013
- /*! appbar component styles */
10014
10333
  .e-bigger .e-appbar,
10015
10334
  .e-appbar.e-bigger {
10016
10335
  height: 56px;
@@ -10026,26 +10345,32 @@ ejs-sidebar {
10026
10345
  }
10027
10346
 
10028
10347
  .e-appbar {
10348
+ display: -webkit-box;
10029
10349
  display: -ms-flexbox;
10030
10350
  display: flex;
10031
10351
  width: 100%;
10032
10352
  height: 48px;
10033
10353
  -ms-flex-negative: 0;
10034
10354
  flex-shrink: 0;
10035
- -ms-flex-direction: row;
10036
- flex-direction: row;
10355
+ -webkit-box-orient: horizontal;
10356
+ -webkit-box-direction: normal;
10357
+ -ms-flex-direction: row;
10358
+ flex-direction: row;
10037
10359
  position: relative;
10038
- -ms-flex-align: center;
10039
- align-items: center;
10360
+ -webkit-box-align: center;
10361
+ -ms-flex-align: center;
10362
+ align-items: center;
10040
10363
  padding: 8px;
10041
10364
  overflow: hidden;
10042
10365
  font-size: 14px;
10043
10366
  }
10044
10367
  .e-appbar > div:first-child {
10368
+ display: -webkit-box;
10045
10369
  display: -ms-flexbox;
10046
10370
  display: flex;
10047
- -ms-flex-align: center;
10048
- align-items: center;
10371
+ -webkit-box-align: center;
10372
+ -ms-flex-align: center;
10373
+ align-items: center;
10049
10374
  width: 100%;
10050
10375
  height: 100%;
10051
10376
  }
@@ -10056,12 +10381,14 @@ ejs-sidebar {
10056
10381
  }
10057
10382
  .e-appbar.e-prominent {
10058
10383
  height: 94px;
10059
- -ms-flex-align: start;
10060
- align-items: flex-start;
10384
+ -webkit-box-align: start;
10385
+ -ms-flex-align: start;
10386
+ align-items: flex-start;
10061
10387
  }
10062
10388
  .e-appbar.e-prominent > div:first-child {
10063
- -ms-flex-align: start;
10064
- align-items: flex-start;
10389
+ -webkit-box-align: start;
10390
+ -ms-flex-align: start;
10391
+ align-items: flex-start;
10065
10392
  }
10066
10393
  .e-appbar.e-dense {
10067
10394
  height: 40px;
@@ -10083,12 +10410,14 @@ ejs-sidebar {
10083
10410
  height: 24px;
10084
10411
  }
10085
10412
  .e-appbar .e-appbar-spacer {
10086
- -ms-flex-positive: 1;
10087
- flex-grow: 1;
10413
+ -webkit-box-flex: 1;
10414
+ -ms-flex-positive: 1;
10415
+ flex-grow: 1;
10088
10416
  }
10089
10417
  .e-appbar .e-btn,
10090
10418
  .e-appbar .e-css.e-btn {
10091
- border-image: unset;
10419
+ -o-border-image: unset;
10420
+ border-image: unset;
10092
10421
  }
10093
10422
 
10094
10423
  .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
@@ -10096,9 +10425,9 @@ ejs-sidebar {
10096
10425
  overflow: hidden;
10097
10426
  }
10098
10427
 
10099
- /*! appbar component theme */
10100
10428
  .e-appbar {
10101
- box-shadow: none;
10429
+ -webkit-box-shadow: none;
10430
+ box-shadow: none;
10102
10431
  }
10103
10432
  .e-appbar.e-light {
10104
10433
  background: #f8f8f8;
@@ -10128,7 +10457,8 @@ ejs-sidebar {
10128
10457
  .e-appbar.e-light .e-menu-container.e-inherit {
10129
10458
  background: #f8f8f8;
10130
10459
  color: #555;
10131
- box-shadow: none;
10460
+ -webkit-box-shadow: none;
10461
+ box-shadow: none;
10132
10462
  border-color: #e6e6e6;
10133
10463
  }
10134
10464
  .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,
@@ -10164,7 +10494,8 @@ ejs-sidebar {
10164
10494
  background: #222;
10165
10495
  color: #e6e6e6;
10166
10496
  border-color: #222;
10167
- box-shadow: none;
10497
+ -webkit-box-shadow: none;
10498
+ box-shadow: none;
10168
10499
  }
10169
10500
  .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,
10170
10501
  .e-appbar.e-dark .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
@@ -10184,7 +10515,8 @@ ejs-sidebar {
10184
10515
  background: #317ab9;
10185
10516
  color: #fff;
10186
10517
  border-color: #317ab9;
10187
- box-shadow: none;
10518
+ -webkit-box-shadow: none;
10519
+ box-shadow: none;
10188
10520
  }
10189
10521
  .e-appbar.e-inherit {
10190
10522
  background: inherit;
@@ -10200,10 +10532,12 @@ ejs-sidebar {
10200
10532
  background: inherit;
10201
10533
  color: inherit;
10202
10534
  border-color: inherit;
10203
- box-shadow: none;
10535
+ -webkit-box-shadow: none;
10536
+ box-shadow: none;
10204
10537
  }
10205
10538
  .e-appbar.e-horizontal-bottom {
10206
- box-shadow: none;
10539
+ -webkit-box-shadow: none;
10540
+ box-shadow: none;
10207
10541
  }
10208
10542
 
10209
10543
  .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 {
@@ -10237,7 +10571,18 @@ ejs-sidebar {
10237
10571
  .e-inherit.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
10238
10572
  .e-inherit.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
10239
10573
  .e-inherit.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
10240
- box-shadow: none;
10574
+ -webkit-box-shadow: none;
10575
+ box-shadow: none;
10576
+ }
10577
+
10578
+ .e-inherit.e-input-group.e-control-wrapper .e-searchinput::-webkit-input-placeholder {
10579
+ color: inherit;
10580
+ opacity: 0.8;
10581
+ }
10582
+
10583
+ .e-inherit.e-input-group.e-control-wrapper .e-searchinput::-moz-placeholder {
10584
+ color: inherit;
10585
+ opacity: 0.8;
10241
10586
  }
10242
10587
 
10243
10588
  .e-inherit.e-input-group.e-control-wrapper .e-searchinput:-ms-input-placeholder {
@@ -10245,6 +10590,11 @@ ejs-sidebar {
10245
10590
  opacity: 0.8;
10246
10591
  }
10247
10592
 
10593
+ .e-inherit.e-input-group.e-control-wrapper .e-searchinput::-ms-input-placeholder {
10594
+ color: inherit;
10595
+ opacity: 0.8;
10596
+ }
10597
+
10248
10598
  .e-inherit.e-input-group.e-control-wrapper .e-searchinput::placeholder {
10249
10599
  color: inherit;
10250
10600
  opacity: 0.8;
@@ -10268,77 +10618,95 @@ ejs-sidebar {
10268
10618
  .e-stepper {
10269
10619
  position: relative;
10270
10620
  }
10621
+ .e-stepper .e-step-selected .e-text,
10622
+ .e-stepper .e-step-selected .e-label {
10623
+ font-weight: 600;
10624
+ }
10271
10625
  .e-stepper.e-stepper-readonly,
10272
10626
  .e-stepper .e-step-disabled {
10273
10627
  cursor: default;
10274
10628
  pointer-events: none;
10275
10629
  }
10276
- .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10630
+ .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
10277
10631
  font-size: 32px;
10278
10632
  border-radius: 9999px;
10279
10633
  }
10280
- .e-stepper.e-step-type-indicator .e-step-container .e-step-content {
10634
+ .e-stepper.e-step-type-indicator .e-step-content, .e-stepper.e-step-type-label .e-step-content {
10281
10635
  padding: 0 8px;
10282
10636
  }
10283
- .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) {
10637
+ .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) {
10284
10638
  position: relative;
10285
10639
  }
10286
- .e-stepper.e-horizontal .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10640
+ .e-stepper.e-horizontal .e-step-item.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10287
10641
  position: unset;
10288
10642
  }
10289
10643
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip {
10290
10644
  display: none;
10291
- -ms-flex-pack: center;
10292
- justify-content: center;
10645
+ -webkit-box-pack: center;
10646
+ -ms-flex-pack: center;
10647
+ justify-content: center;
10293
10648
  left: 50%;
10294
10649
  top: -8px;
10295
- transform: translate(-50%, -100%);
10650
+ -webkit-transform: translate(-50%, -100%);
10651
+ transform: translate(-50%, -100%);
10296
10652
  }
10297
10653
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip.e-show-tooltip {
10654
+ display: -webkit-inline-box;
10298
10655
  display: -ms-inline-flexbox;
10299
10656
  display: inline-flex;
10300
10657
  }
10301
10658
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-tip-content {
10659
+ width: -webkit-max-content;
10660
+ width: -moz-max-content;
10302
10661
  width: max-content;
10303
10662
  }
10304
10663
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip.e-tip-bottom {
10305
10664
  left: 50%;
10306
10665
  top: 100%;
10307
- transform: translate(-50%, 0);
10666
+ -webkit-transform: translate(-50%, 0);
10667
+ transform: translate(-50%, 0);
10308
10668
  }
10309
10669
  .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip-inner.e-tip-bottom {
10310
10670
  top: -6px;
10311
10671
  }
10312
- .e-stepper .e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
10672
+ .e-stepper .e-step-item.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
10313
10673
  left: unset;
10314
10674
  top: 0;
10315
- transform: translate(0%, -135%);
10675
+ -webkit-transform: translate(0%, -135%);
10676
+ transform: translate(0%, -135%);
10316
10677
  }
10317
10678
  .e-stepper.e-step-type-indicator .e-tooltip-wrap.e-stepper-tooltip {
10318
- transform: translate(-50%, -115%);
10679
+ -webkit-transform: translate(-50%, -115%);
10680
+ transform: translate(-50%, -115%);
10319
10681
  }
10320
10682
  .e-stepper .e-stepper-steps {
10683
+ display: -webkit-box;
10321
10684
  display: -ms-flexbox;
10322
10685
  display: flex;
10323
10686
  padding: 0;
10324
10687
  margin: 0;
10325
- -ms-flex-pack: justify;
10326
- justify-content: space-between;
10688
+ -webkit-box-pack: justify;
10689
+ -ms-flex-pack: justify;
10690
+ justify-content: space-between;
10327
10691
  position: relative;
10328
- -ms-flex-align: start;
10329
- align-items: flex-start;
10692
+ -webkit-box-align: start;
10693
+ -ms-flex-align: start;
10694
+ align-items: flex-start;
10330
10695
  }
10331
10696
  .e-stepper .e-stepper-steps .e-step-container,
10332
10697
  .e-stepper .e-stepper-steps .e-step,
10333
10698
  .e-stepper .e-stepper-steps .e-step-valid.e-step-text.e-step-text-only .e-step-text-container,
10334
10699
  .e-stepper .e-stepper-steps .e-step-error.e-step-text.e-step-text-only .e-step-text-container,
10335
10700
  .e-stepper .e-stepper-steps .e-step-label-container {
10701
+ display: -webkit-box;
10336
10702
  display: -ms-flexbox;
10337
10703
  display: flex;
10338
- -ms-flex-align: center;
10339
- align-items: center;
10340
- -ms-flex-pack: center;
10341
- justify-content: center;
10704
+ -webkit-box-align: center;
10705
+ -ms-flex-align: center;
10706
+ align-items: center;
10707
+ -webkit-box-pack: center;
10708
+ -ms-flex-pack: center;
10709
+ justify-content: center;
10342
10710
  }
10343
10711
  .e-stepper .e-step-container {
10344
10712
  max-width: var(--max-width);
@@ -10350,6 +10718,7 @@ ejs-sidebar {
10350
10718
  .e-stepper .e-step-container .e-step-text-container {
10351
10719
  max-width: clamp(100%, 10em, 100%);
10352
10720
  white-space: nowrap;
10721
+ font-size: 14px;
10353
10722
  }
10354
10723
  .e-stepper .e-step-container .e-step-label-optional {
10355
10724
  font-size: 12px;
@@ -10357,10 +10726,13 @@ ejs-sidebar {
10357
10726
  flex-basis: 100%;
10358
10727
  }
10359
10728
  .e-stepper .e-step-container .e-step-optional-container {
10729
+ display: -webkit-box;
10360
10730
  display: -ms-flexbox;
10361
10731
  display: flex;
10362
- -ms-flex-direction: column;
10363
- flex-direction: column;
10732
+ -webkit-box-orient: vertical;
10733
+ -webkit-box-direction: normal;
10734
+ -ms-flex-direction: column;
10735
+ flex-direction: column;
10364
10736
  }
10365
10737
  .e-stepper .e-step-container .e-step-content {
10366
10738
  font-size: 16px;
@@ -10377,17 +10749,15 @@ ejs-sidebar {
10377
10749
  padding-block: 5px;
10378
10750
  }
10379
10751
  .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 {
10380
- -ms-flex-direction: column;
10381
- flex-direction: column;
10752
+ -webkit-box-orient: vertical;
10753
+ -webkit-box-direction: normal;
10754
+ -ms-flex-direction: column;
10755
+ flex-direction: column;
10382
10756
  }
10383
10757
  .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 {
10384
10758
  position: relative;
10385
10759
  top: 0.25em;
10386
10760
  }
10387
- .e-stepper .e-step-container .e-step-label-container,
10388
- .e-stepper .e-step-container .e-step-text-container {
10389
- font-size: 14px;
10390
- }
10391
10761
  .e-stepper .e-step-container .e-step,
10392
10762
  .e-stepper .e-step-container .e-indicator {
10393
10763
  border-radius: 9999px;
@@ -10402,54 +10772,63 @@ ejs-sidebar {
10402
10772
  display: block;
10403
10773
  }
10404
10774
  .e-stepper.e-horizontal .e-stepper-steps {
10405
- -ms-flex-direction: row;
10406
- flex-direction: row;
10775
+ -webkit-box-orient: horizontal;
10776
+ -webkit-box-direction: normal;
10777
+ -ms-flex-direction: row;
10778
+ flex-direction: row;
10407
10779
  }
10408
- .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 {
10780
+ .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 {
10409
10781
  margin-left: var(--progress-left-position);
10410
10782
  top: var(--progress-top-position);
10411
10783
  width: var(--progress-bar-width);
10412
10784
  }
10413
- .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 {
10785
+ .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 {
10414
10786
  margin-right: var(--progress-left-position);
10415
10787
  margin-left: unset;
10416
10788
  }
10417
- .e-stepper.e-horizontal .e-step-icon.e-step-label {
10789
+ .e-stepper.e-horizontal .e-step-item.e-step-label {
10418
10790
  gap: 1em;
10419
- -ms-flex-direction: column;
10420
- flex-direction: column;
10791
+ -webkit-box-orient: vertical;
10792
+ -webkit-box-direction: normal;
10793
+ -ms-flex-direction: column;
10794
+ flex-direction: column;
10421
10795
  }
10422
- .e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container {
10796
+ .e-stepper.e-horizontal .e-step-item.e-step-label .e-step-label-container {
10423
10797
  position: relative;
10424
10798
  }
10425
- .e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container.e-label-before {
10426
- -ms-flex-order: -1;
10427
- order: -1;
10799
+ .e-stepper.e-horizontal .e-step-item.e-step-label .e-step-label-container.e-label-before {
10800
+ -webkit-box-ordinal-group: 0;
10801
+ -ms-flex-order: -1;
10802
+ order: -1;
10428
10803
  }
10429
10804
  .e-stepper.e-horizontal.e-label-start .e-step-text-container {
10430
- -ms-flex-order: -1;
10431
- order: -1;
10805
+ -webkit-box-ordinal-group: 0;
10806
+ -ms-flex-order: -1;
10807
+ order: -1;
10432
10808
  }
10433
- .e-stepper.e-horizontal .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10809
+ .e-stepper.e-horizontal .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
10434
10810
  position: absolute;
10435
10811
  top: 2.5em;
10436
10812
  margin-left: 2.5em;
10437
10813
  }
10438
- .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 {
10814
+ .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 {
10439
10815
  margin-right: 2.5em;
10440
10816
  margin-left: unset;
10441
10817
  }
10442
- .e-stepper.e-horizontal.e-label-start.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10818
+ .e-stepper.e-horizontal.e-label-start.e-rtl .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
10443
10819
  margin-right: unset;
10444
10820
  margin-left: 2.5em;
10445
10821
  }
10446
10822
  .e-stepper.e-horizontal.e-label-before .e-stepper-steps:has(.e-step-label-optional) {
10447
- -ms-flex-align: end;
10448
- align-items: flex-end;
10823
+ -webkit-box-align: end;
10824
+ -ms-flex-align: end;
10825
+ align-items: flex-end;
10449
10826
  }
10450
10827
  .e-stepper.e-horizontal.e-label-before .e-stepper-steps .e-step-label-container.e-label-before:has(.e-step-label-optional) {
10451
- -ms-flex-direction: column;
10452
- flex-direction: column;
10828
+ -webkit-box-orient: vertical;
10829
+ -webkit-box-direction: normal;
10830
+ -ms-flex-direction: column;
10831
+ flex-direction: column;
10453
10832
  gap: 0.5em;
10454
10833
  }
10455
10834
  .e-stepper.e-horizontal .e-text,
@@ -10460,19 +10839,16 @@ ejs-sidebar {
10460
10839
  }
10461
10840
  .e-stepper.e-horizontal .e-step-text.e-step-text-only:has(.e-step-label-optional),
10462
10841
  .e-stepper.e-horizontal .e-step-label.e-step-label-only:has(.e-step-label-optional),
10463
- .e-stepper.e-horizontal .e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
10464
- .e-stepper.e-horizontal .e-step-label-container.e-label-after:has(.e-step-label-optional) {
10842
+ .e-stepper.e-horizontal .e-step-item:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
10843
+ .e-stepper.e-horizontal .e-step-container:not(.e-step-item):not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
10844
+ .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 {
10465
10845
  -ms-flex-wrap: wrap;
10466
10846
  flex-wrap: wrap;
10467
10847
  }
10468
- .e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
10469
- -ms-flex-wrap: wrap;
10470
- flex-wrap: wrap;
10471
- }
10472
- .e-stepper.e-horizontal .e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
10848
+ .e-stepper.e-horizontal .e-step-item:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
10473
10849
  margin-top: 0.5em;
10474
10850
  }
10475
- .e-stepper.e-horizontal.e-label-after .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
10851
+ .e-stepper.e-horizontal.e-label-after .e-step-item.e-step-label:not(.e-step-text) .e-step-label-optional {
10476
10852
  margin-top: 0.2em;
10477
10853
  }
10478
10854
  .e-stepper.e-vertical {
@@ -10486,71 +10862,80 @@ ejs-sidebar {
10486
10862
  .e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-step-label-optional {
10487
10863
  position: absolute;
10488
10864
  }
10489
- .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 {
10865
+ .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 {
10490
10866
  margin-top: 3em;
10491
10867
  margin-left: 4em;
10492
10868
  }
10493
- .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 {
10869
+ .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 {
10494
10870
  margin-left: unset;
10495
10871
  margin-right: 4em;
10496
10872
  }
10497
10873
  .e-stepper.e-vertical .e-stepper-steps {
10498
- -ms-flex-direction: column;
10499
- flex-direction: column;
10874
+ -webkit-box-orient: vertical;
10875
+ -webkit-box-direction: normal;
10876
+ -ms-flex-direction: column;
10877
+ flex-direction: column;
10500
10878
  min-height: inherit;
10501
10879
  float: left;
10502
- -ms-flex-align: start;
10503
- align-items: start;
10880
+ -webkit-box-align: start;
10881
+ -ms-flex-align: start;
10882
+ align-items: start;
10504
10883
  margin: 0;
10505
- -ms-flex-pack: justify;
10506
- justify-content: space-between;
10884
+ -webkit-box-pack: justify;
10885
+ -ms-flex-pack: justify;
10886
+ justify-content: space-between;
10507
10887
  }
10508
10888
  .e-stepper.e-vertical.e-rtl .e-stepper-steps {
10509
10889
  float: right;
10510
10890
  }
10511
- .e-stepper.e-vertical .e-stepper-steps:has(.e-step-icon:not(.e-step-text):not(.e-step-label)),
10891
+ .e-stepper.e-vertical .e-stepper-steps:has(.e-step-item:not(.e-step-text):not(.e-step-label)),
10512
10892
  .e-stepper.e-vertical .e-stepper-steps:has(.e-step-text.e-step-text-only),
10513
- .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 {
10514
- -ms-flex-align: center;
10515
- align-items: center;
10893
+ .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 {
10894
+ -webkit-box-align: center;
10895
+ -ms-flex-align: center;
10896
+ align-items: center;
10516
10897
  }
10517
- .e-stepper.e-vertical .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10518
- .e-stepper.e-vertical .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10898
+ .e-stepper.e-vertical .e-step-item.e-step-text:not(.e-step-label) .e-step-text-container,
10899
+ .e-stepper.e-vertical .e-step-item.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10519
10900
  margin-left: 10px;
10520
10901
  }
10521
- .e-stepper.e-vertical.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10522
- .e-stepper.e-vertical.e-rtl .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10902
+ .e-stepper.e-vertical.e-rtl .e-step-item.e-step-text:not(.e-step-label) .e-step-text-container,
10903
+ .e-stepper.e-vertical.e-rtl .e-step-item.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10523
10904
  margin-left: unset;
10524
10905
  margin-right: 10px;
10525
10906
  }
10526
- .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),
10907
+ .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),
10527
10908
  .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional),
10528
10909
  .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) {
10529
- -ms-flex-direction: column;
10530
- flex-direction: column;
10910
+ -webkit-box-orient: vertical;
10911
+ -webkit-box-direction: normal;
10912
+ -ms-flex-direction: column;
10913
+ flex-direction: column;
10531
10914
  }
10532
- .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,
10915
+ .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,
10533
10916
  .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional) .e-step-label-optional,
10534
10917
  .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) .e-step-label-optional {
10535
10918
  position: unset;
10536
10919
  }
10537
- .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) {
10920
+ .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) {
10538
10921
  gap: 0.5em;
10539
10922
  }
10540
- .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) {
10541
- -ms-flex-direction: column;
10542
- flex-direction: column;
10923
+ .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) {
10924
+ -webkit-box-orient: vertical;
10925
+ -webkit-box-direction: normal;
10926
+ -ms-flex-direction: column;
10927
+ flex-direction: column;
10543
10928
  }
10544
- .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 {
10929
+ .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 {
10545
10930
  line-height: 2em;
10546
10931
  }
10547
- .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 {
10932
+ .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 {
10548
10933
  position: unset;
10549
10934
  }
10550
- .e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after {
10935
+ .e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-item) .e-step-label-container.e-label-after {
10551
10936
  position: absolute;
10552
10937
  }
10553
- .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 {
10938
+ .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 {
10554
10939
  left: 0;
10555
10940
  }
10556
10941
  .e-stepper.e-vertical .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
@@ -10571,20 +10956,24 @@ ejs-sidebar {
10571
10956
  padding-bottom: 6px;
10572
10957
  }
10573
10958
  .e-stepper.e-vertical.e-label-top .e-stepper-steps, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps {
10574
- -ms-flex-align: center;
10575
- align-items: center;
10959
+ -webkit-box-align: center;
10960
+ -ms-flex-align: center;
10961
+ align-items: center;
10576
10962
  }
10577
10963
  .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 {
10578
- -ms-flex-direction: column;
10579
- flex-direction: column;
10964
+ -webkit-box-orient: vertical;
10965
+ -webkit-box-direction: normal;
10966
+ -ms-flex-direction: column;
10967
+ flex-direction: column;
10580
10968
  }
10581
10969
  .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 {
10582
10970
  margin-left: 0;
10583
10971
  }
10584
10972
  .e-stepper.e-vertical.e-label-top .e-step-container .e-step-label-optional,
10585
10973
  .e-stepper.e-vertical.e-label-top .e-step-container .e-step-text-container {
10586
- -ms-flex-order: -1;
10587
- order: -1;
10974
+ -webkit-box-ordinal-group: 0;
10975
+ -ms-flex-order: -1;
10976
+ order: -1;
10588
10977
  }
10589
10978
  .e-stepper .e-stepper-progressbar {
10590
10979
  height: 1.6px;
@@ -10595,9 +10984,12 @@ ejs-sidebar {
10595
10984
  .e-stepper .e-stepper-progressbar > .e-progressbar-value {
10596
10985
  height: 100%;
10597
10986
  width: var(--progress-value);
10987
+ -webkit-transition-property: width;
10598
10988
  transition-property: width;
10599
- transition-duration: var(--duration);
10600
- transition-delay: var(--delay);
10989
+ -webkit-transition-duration: var(--duration);
10990
+ transition-duration: var(--duration);
10991
+ -webkit-transition-delay: var(--delay);
10992
+ transition-delay: var(--delay);
10601
10993
  }
10602
10994
  .e-stepper.e-vertical .e-stepper-progressbar {
10603
10995
  min-height: inherit;
@@ -10608,6 +11000,7 @@ ejs-sidebar {
10608
11000
  .e-stepper.e-vertical .e-stepper-progressbar > .e-progressbar-value {
10609
11001
  width: 100%;
10610
11002
  height: var(--progress-value);
11003
+ -webkit-transition-property: height;
10611
11004
  transition-property: height;
10612
11005
  }
10613
11006
  .e-stepper.e-vertical.e-rtl .e-stepper-progressbar {
@@ -10626,12 +11019,12 @@ ejs-sidebar {
10626
11019
  top: 90% !important; /* stylelint-disable-line declaration-no-important */
10627
11020
  }
10628
11021
 
10629
- .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,
10630
- .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 {
11022
+ .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,
11023
+ .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 {
10631
11024
  font-size: 28px;
10632
11025
  }
10633
- .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,
10634
- .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 {
11026
+ .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,
11027
+ .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 {
10635
11028
  width: 28px;
10636
11029
  height: 28px;
10637
11030
  }
@@ -10665,12 +11058,12 @@ ejs-sidebar {
10665
11058
  font-size: 10px;
10666
11059
  }
10667
11060
 
10668
- .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,
10669
- .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 {
11061
+ .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,
11062
+ .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 {
10670
11063
  font-size: 40px;
10671
11064
  }
10672
- .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,
10673
- .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 {
11065
+ .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,
11066
+ .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 {
10674
11067
  width: 40px;
10675
11068
  height: 40px;
10676
11069
  }
@@ -10704,16 +11097,16 @@ ejs-sidebar {
10704
11097
  font-size: 14px;
10705
11098
  }
10706
11099
 
10707
- .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,
10708
- .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,
10709
- .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,
10710
- .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 {
11100
+ .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,
11101
+ .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,
11102
+ .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,
11103
+ .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 {
10711
11104
  font-size: 36px;
10712
11105
  }
10713
- .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,
10714
- .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,
10715
- .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,
10716
- .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 {
11106
+ .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,
11107
+ .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,
11108
+ .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,
11109
+ .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 {
10717
11110
  width: 36px;
10718
11111
  height: 36px;
10719
11112
  }
@@ -10807,10 +11200,6 @@ ejs-sidebar {
10807
11200
  .e-stepper .e-step-error .e-indicator:hover {
10808
11201
  color: #333;
10809
11202
  }
10810
- .e-stepper .e-step-selected .e-text,
10811
- .e-stepper .e-step-selected .e-label {
10812
- font-weight: 600;
10813
- }
10814
11203
  .e-stepper .e-step-valid.e-step-text-only .e-step-validation-icon,
10815
11204
  .e-stepper .e-step-valid.e-step-label-only .e-step-validation-icon {
10816
11205
  color: #5cb85c;
@@ -10829,7 +11218,7 @@ ejs-sidebar {
10829
11218
  .e-stepper .e-step-completed:not(.e-step-error) .e-label {
10830
11219
  color: #317ab9;
10831
11220
  }
10832
- .e-stepper .e-step-label:not(.e-step-icon) .e-step-label-container {
11221
+ .e-stepper .e-step-label:not(.e-step-item) .e-step-label-container {
10833
11222
  background-color: #fff;
10834
11223
  }
10835
11224
  .e-stepper .e-step-text-container {
@@ -10845,7 +11234,7 @@ ejs-sidebar {
10845
11234
  .e-stepper .e-step-disabled .e-step-validation-icon {
10846
11235
  color: #777;
10847
11236
  }
10848
- .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 {
11237
+ .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 {
10849
11238
  background-color: #fff;
10850
11239
  }
10851
11240
  .e-stepper .e-stepper-progressbar {
@@ -10855,31 +11244,36 @@ ejs-sidebar {
10855
11244
  background-color: #317ab9;
10856
11245
  }
10857
11246
  .e-stepper:not(.e-steps-focus) .e-step-selected .e-step {
10858
- box-shadow: 0 0 0 2px #fff, 0 0 0 4px #317ab9, 0 0 0 8px #fff;
11247
+ -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #317ab9, 0 0 0 8px #fff;
11248
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #317ab9, 0 0 0 8px #fff;
10859
11249
  }
10860
11250
  .e-stepper .e-step-focus .e-step,
10861
11251
  .e-stepper .e-step-label-only.e-step-focus .e-label,
10862
11252
  .e-stepper .e-step-text-only.e-step-focus .e-text,
10863
11253
  .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 {
10864
- box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000, 0 0 0 8px #fff;
11254
+ -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000, 0 0 0 8px #fff;
11255
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000, 0 0 0 8px #fff;
10865
11256
  }
10866
11257
  .e-stepper:not(.e-steps-focus) .e-step-valid.e-step-selected .e-step,
10867
11258
  .e-stepper .e-step-valid.e-step-focus .e-step,
10868
11259
  .e-stepper .e-step-valid.e-step-label-only.e-step-focus .e-label,
10869
11260
  .e-stepper .e-step-valid.e-step-text-only.e-step-focus .e-text,
10870
11261
  .e-stepper .e-step-valid.e-step-template.e-step-focus {
10871
- box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5cb85c, 0 0 0 8px #fff;
11262
+ -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5cb85c, 0 0 0 8px #fff;
11263
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5cb85c, 0 0 0 8px #fff;
10872
11264
  }
10873
11265
  .e-stepper:not(.e-steps-focus) .e-step-error.e-step-selected .e-step,
10874
11266
  .e-stepper .e-step-error.e-step-focus .e-step,
10875
11267
  .e-stepper .e-step-error.e-step-label-only.e-step-focus .e-label,
10876
11268
  .e-stepper .e-step-error.e-step-text-only.e-step-focus .e-text,
10877
11269
  .e-stepper .e-step-error.e-step-template.e-step-focus {
10878
- box-shadow: 0 0 0 2px #fff, 0 0 0 4px #d9534f, 0 0 0 8px #fff;
11270
+ -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #d9534f, 0 0 0 8px #fff;
11271
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #d9534f, 0 0 0 8px #fff;
10879
11272
  }
10880
11273
  .e-stepper .e-step-container:not(.e-step-focus).e-step-notstarted .e-step,
10881
11274
  .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 {
10882
- box-shadow: 0 0 0 8px #fff;
11275
+ -webkit-box-shadow: 0 0 0 8px #fff;
11276
+ box-shadow: 0 0 0 8px #fff;
10883
11277
  }
10884
11278
  .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step:hover,
10885
11279
  .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {