@syncfusion/ej2-navigations 19.4.56 → 20.1.51

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 (371) hide show
  1. package/CHANGELOG.md +53 -2
  2. package/README.md +16 -1
  3. package/carousel.d.ts +4 -0
  4. package/carousel.js +4 -0
  5. package/dist/ej2-navigations.umd.min.js +2 -2
  6. package/dist/ej2-navigations.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es2015.js +1065 -30
  8. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  9. package/dist/es6/ej2-navigations.es5.js +1106 -33
  10. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  11. package/dist/global/ej2-navigations.min.js +2 -2
  12. package/dist/global/ej2-navigations.min.js.map +1 -1
  13. package/dist/global/index.d.ts +1 -1
  14. package/package.json +11 -11
  15. package/src/accordion/accordion.js +11 -3
  16. package/src/breadcrumb/breadcrumb.js +6 -0
  17. package/src/carousel/carousel-model.d.ts +227 -0
  18. package/src/carousel/carousel.d.ts +338 -0
  19. package/src/carousel/carousel.js +988 -0
  20. package/src/carousel/index.d.ts +3 -0
  21. package/src/carousel/index.js +2 -0
  22. package/src/common/h-scroll.js +5 -3
  23. package/src/common/menu-base.js +11 -13
  24. package/src/index.d.ts +1 -0
  25. package/src/index.js +1 -0
  26. package/src/tab/tab-model.d.ts +1 -1
  27. package/src/tab/tab.js +72 -11
  28. package/src/toolbar/toolbar.js +11 -0
  29. package/src/treeview/treeview.js +5 -2
  30. package/styles/accordion/_bootstrap-dark-definition.scss +4 -4
  31. package/styles/accordion/_bootstrap-definition.scss +4 -4
  32. package/styles/accordion/_bootstrap4-definition.scss +4 -4
  33. package/styles/accordion/_bootstrap5-definition.scss +10 -10
  34. package/styles/accordion/_fabric-dark-definition.scss +9 -9
  35. package/styles/accordion/_fabric-definition.scss +9 -9
  36. package/styles/accordion/_fluent-dark-definition.scss +1 -0
  37. package/styles/accordion/_fluent-definition.scss +10 -10
  38. package/styles/accordion/_highcontrast-definition.scss +8 -8
  39. package/styles/accordion/_highcontrast-light-definition.scss +8 -8
  40. package/styles/accordion/_layout.scss +56 -86
  41. package/styles/accordion/_material-dark-definition.scss +8 -8
  42. package/styles/accordion/_material-definition.scss +8 -8
  43. package/styles/accordion/_tailwind-definition.scss +10 -10
  44. package/styles/accordion/_theme.scss +14 -1
  45. package/styles/accordion/bootstrap-dark.css +48 -63
  46. package/styles/accordion/bootstrap.css +48 -63
  47. package/styles/accordion/bootstrap4.css +48 -63
  48. package/styles/accordion/bootstrap5-dark.css +51 -66
  49. package/styles/accordion/bootstrap5.css +51 -66
  50. package/styles/accordion/fabric-dark.css +50 -65
  51. package/styles/accordion/fabric.css +50 -65
  52. package/styles/accordion/fluent-dark.css +395 -0
  53. package/styles/accordion/fluent-dark.scss +4 -0
  54. package/styles/accordion/fluent.css +395 -0
  55. package/styles/accordion/fluent.scss +4 -0
  56. package/styles/accordion/highcontrast-light.css +49 -64
  57. package/styles/accordion/highcontrast.css +49 -64
  58. package/styles/accordion/icons/_fluent-dark.scss +1 -0
  59. package/styles/accordion/icons/_fluent.scss +2 -1
  60. package/styles/accordion/icons/_tailwind.scss +2 -1
  61. package/styles/accordion/material-dark.css +49 -64
  62. package/styles/accordion/material.css +49 -64
  63. package/styles/accordion/tailwind-dark.css +52 -67
  64. package/styles/accordion/tailwind.css +52 -67
  65. package/styles/bootstrap-dark.css +309 -68
  66. package/styles/bootstrap-dark.scss +1 -0
  67. package/styles/bootstrap.css +309 -68
  68. package/styles/bootstrap.scss +1 -0
  69. package/styles/bootstrap4.css +309 -68
  70. package/styles/bootstrap4.scss +1 -0
  71. package/styles/bootstrap5-dark.css +414 -170
  72. package/styles/bootstrap5-dark.scss +1 -0
  73. package/styles/bootstrap5.css +414 -170
  74. package/styles/bootstrap5.scss +1 -0
  75. package/styles/breadcrumb/_bootstrap5-definition.scss +2 -2
  76. package/styles/breadcrumb/_fluent-dark-definition.scss +1 -0
  77. package/styles/breadcrumb/_fluent-definition.scss +4 -1
  78. package/styles/breadcrumb/_layout.scss +42 -5
  79. package/styles/breadcrumb/_tailwind-dark-definition.scss +1 -60
  80. package/styles/breadcrumb/_tailwind-definition.scss +2 -2
  81. package/styles/breadcrumb/_theme.scss +11 -5
  82. package/styles/breadcrumb/bootstrap-dark.css +9 -1
  83. package/styles/breadcrumb/bootstrap.css +9 -1
  84. package/styles/breadcrumb/bootstrap4.css +9 -1
  85. package/styles/breadcrumb/bootstrap5-dark.css +11 -3
  86. package/styles/breadcrumb/bootstrap5.css +11 -3
  87. package/styles/breadcrumb/fabric-dark.css +9 -3
  88. package/styles/breadcrumb/fabric.css +9 -3
  89. package/styles/breadcrumb/fluent-dark.css +444 -0
  90. package/styles/breadcrumb/fluent-dark.scss +4 -0
  91. package/styles/breadcrumb/fluent.css +444 -0
  92. package/styles/breadcrumb/fluent.scss +4 -0
  93. package/styles/breadcrumb/highcontrast-light.css +9 -3
  94. package/styles/breadcrumb/highcontrast.css +9 -3
  95. package/styles/breadcrumb/icons/_fluent-dark.scss +1 -0
  96. package/styles/breadcrumb/icons/_fluent.scss +4 -4
  97. package/styles/breadcrumb/icons/_tailwind-dark.scss +13 -2
  98. package/styles/breadcrumb/icons/_tailwind.scss +13 -2
  99. package/styles/breadcrumb/material-dark.css +9 -1
  100. package/styles/breadcrumb/material.css +9 -1
  101. package/styles/breadcrumb/tailwind-dark.css +27 -10
  102. package/styles/breadcrumb/tailwind.css +26 -9
  103. package/styles/carousel/_all.scss +2 -0
  104. package/styles/carousel/_bootstrap-dark-definition.scss +22 -0
  105. package/styles/carousel/_bootstrap-definition.scss +22 -0
  106. package/styles/carousel/_bootstrap4-definition.scss +22 -0
  107. package/styles/carousel/_bootstrap5-dark-definition.scss +1 -0
  108. package/styles/carousel/_bootstrap5-definition.scss +22 -0
  109. package/styles/carousel/_fabric-dark-definition.scss +22 -0
  110. package/styles/carousel/_fabric-definition.scss +22 -0
  111. package/styles/carousel/_fluent-dark-definition.scss +1 -0
  112. package/styles/carousel/_fluent-definition.scss +22 -0
  113. package/styles/carousel/_highcontrast-definition.scss +22 -0
  114. package/styles/carousel/_highcontrast-light-definition.scss +22 -0
  115. package/styles/carousel/_layout.scss +150 -0
  116. package/styles/carousel/_material-dark-definition.scss +22 -0
  117. package/styles/carousel/_material-definition.scss +22 -0
  118. package/styles/carousel/_tailwind-dark-definition.scss +1 -0
  119. package/styles/carousel/_tailwind-definition.scss +22 -0
  120. package/styles/carousel/_theme.scss +56 -0
  121. package/styles/carousel/bootstrap-dark.css +236 -0
  122. package/styles/carousel/bootstrap-dark.scss +5 -0
  123. package/styles/carousel/bootstrap.css +236 -0
  124. package/styles/carousel/bootstrap.scss +5 -0
  125. package/styles/carousel/bootstrap4.css +236 -0
  126. package/styles/carousel/bootstrap4.scss +5 -0
  127. package/styles/carousel/bootstrap5-dark.css +236 -0
  128. package/styles/carousel/bootstrap5-dark.scss +5 -0
  129. package/styles/carousel/bootstrap5.css +236 -0
  130. package/styles/carousel/bootstrap5.scss +5 -0
  131. package/styles/carousel/fabric-dark.css +236 -0
  132. package/styles/carousel/fabric-dark.scss +5 -0
  133. package/styles/carousel/fabric.css +236 -0
  134. package/styles/carousel/fabric.scss +5 -0
  135. package/styles/carousel/fluent-dark.css +236 -0
  136. package/styles/carousel/fluent-dark.scss +5 -0
  137. package/styles/carousel/fluent.css +236 -0
  138. package/styles/carousel/fluent.scss +5 -0
  139. package/styles/carousel/highcontrast-light.css +236 -0
  140. package/styles/carousel/highcontrast-light.scss +5 -0
  141. package/styles/carousel/highcontrast.css +236 -0
  142. package/styles/carousel/highcontrast.scss +5 -0
  143. package/styles/carousel/icons/_bootstrap-dark.scss +30 -0
  144. package/styles/carousel/icons/_bootstrap.scss +30 -0
  145. package/styles/carousel/icons/_bootstrap4.scss +30 -0
  146. package/styles/carousel/icons/_bootstrap5-dark.scss +1 -0
  147. package/styles/carousel/icons/_bootstrap5.scss +30 -0
  148. package/styles/carousel/icons/_fabric-dark.scss +30 -0
  149. package/styles/carousel/icons/_fabric.scss +30 -0
  150. package/styles/carousel/icons/_fluent-dark.scss +1 -0
  151. package/styles/carousel/icons/_fluent.scss +30 -0
  152. package/styles/carousel/icons/_highcontrast-light.scss +30 -0
  153. package/styles/carousel/icons/_highcontrast.scss +30 -0
  154. package/styles/carousel/icons/_material-dark.scss +30 -0
  155. package/styles/carousel/icons/_material.scss +30 -0
  156. package/styles/carousel/icons/_tailwind-dark.scss +1 -0
  157. package/styles/carousel/icons/_tailwind.scss +30 -0
  158. package/styles/carousel/material-dark.css +237 -0
  159. package/styles/carousel/material-dark.scss +5 -0
  160. package/styles/carousel/material.css +237 -0
  161. package/styles/carousel/material.scss +5 -0
  162. package/styles/carousel/tailwind-dark.css +237 -0
  163. package/styles/carousel/tailwind-dark.scss +5 -0
  164. package/styles/carousel/tailwind.css +237 -0
  165. package/styles/carousel/tailwind.scss +5 -0
  166. package/styles/context-menu/_bootstrap5-definition.scss +2 -2
  167. package/styles/context-menu/_fluent-dark-definition.scss +1 -0
  168. package/styles/context-menu/_fluent-definition.scss +10 -10
  169. package/styles/context-menu/_layout-mixin.scss +3 -0
  170. package/styles/context-menu/_layout.scss +11 -1
  171. package/styles/context-menu/_tailwind-definition.scss +2 -1
  172. package/styles/context-menu/bootstrap-dark.css +5 -0
  173. package/styles/context-menu/bootstrap.css +5 -0
  174. package/styles/context-menu/bootstrap4.css +5 -0
  175. package/styles/context-menu/bootstrap5-dark.css +16 -8
  176. package/styles/context-menu/bootstrap5.css +16 -8
  177. package/styles/context-menu/fabric-dark.css +5 -0
  178. package/styles/context-menu/fabric.css +5 -0
  179. package/styles/context-menu/fluent-dark.css +388 -0
  180. package/styles/context-menu/fluent-dark.scss +4 -0
  181. package/styles/context-menu/fluent.css +388 -0
  182. package/styles/context-menu/fluent.scss +4 -0
  183. package/styles/context-menu/highcontrast-light.css +5 -0
  184. package/styles/context-menu/highcontrast.css +5 -0
  185. package/styles/context-menu/icons/_fluent-dark.scss +1 -0
  186. package/styles/context-menu/icons/_fluent.scss +3 -3
  187. package/styles/context-menu/icons/_tailwind-dark.scss +3 -3
  188. package/styles/context-menu/icons/_tailwind.scss +3 -3
  189. package/styles/context-menu/material-dark.css +5 -0
  190. package/styles/context-menu/material.css +5 -0
  191. package/styles/context-menu/tailwind-dark.css +11 -4
  192. package/styles/context-menu/tailwind.css +11 -4
  193. package/styles/fabric-dark.css +311 -72
  194. package/styles/fabric-dark.scss +1 -0
  195. package/styles/fabric.css +311 -72
  196. package/styles/fabric.scss +1 -0
  197. package/styles/fluent-dark.css +10263 -0
  198. package/styles/fluent-dark.scss +11 -0
  199. package/styles/fluent.css +10263 -0
  200. package/styles/fluent.scss +11 -0
  201. package/styles/h-scroll/_bootstrap5-definition.scss +3 -3
  202. package/styles/h-scroll/_fluent-dark-definition.scss +1 -0
  203. package/styles/h-scroll/_layout.scss +0 -1
  204. package/styles/h-scroll/_material-dark-definition.scss +3 -3
  205. package/styles/h-scroll/bootstrap-dark.css +0 -1
  206. package/styles/h-scroll/bootstrap.css +0 -1
  207. package/styles/h-scroll/bootstrap4.css +0 -1
  208. package/styles/h-scroll/bootstrap5-dark.css +10 -11
  209. package/styles/h-scroll/bootstrap5.css +10 -11
  210. package/styles/h-scroll/fabric-dark.css +0 -1
  211. package/styles/h-scroll/fabric.css +0 -1
  212. package/styles/h-scroll/fluent-dark.css +326 -0
  213. package/styles/h-scroll/fluent-dark.scss +4 -0
  214. package/styles/h-scroll/fluent.css +326 -0
  215. package/styles/h-scroll/fluent.scss +4 -0
  216. package/styles/h-scroll/highcontrast-light.css +0 -1
  217. package/styles/h-scroll/highcontrast.css +0 -1
  218. package/styles/h-scroll/icons/_fluent-dark.scss +1 -0
  219. package/styles/h-scroll/icons/_fluent.scss +9 -9
  220. package/styles/h-scroll/icons/_tailwind.scss +8 -8
  221. package/styles/h-scroll/material-dark.css +3 -4
  222. package/styles/h-scroll/material.css +0 -1
  223. package/styles/h-scroll/tailwind-dark.css +8 -9
  224. package/styles/h-scroll/tailwind.css +8 -9
  225. package/styles/highcontrast-light.css +310 -71
  226. package/styles/highcontrast-light.scss +1 -0
  227. package/styles/highcontrast.css +311 -72
  228. package/styles/highcontrast.scss +1 -0
  229. package/styles/material-dark.css +313 -72
  230. package/styles/material-dark.scss +1 -0
  231. package/styles/material.css +310 -69
  232. package/styles/material.scss +1 -0
  233. package/styles/menu/_bootstrap5-definition.scss +4 -5
  234. package/styles/menu/_fluent-dark-definition.scss +1 -0
  235. package/styles/menu/_fluent-definition.scss +9 -9
  236. package/styles/menu/_layout.scss +8 -4
  237. package/styles/menu/_tailwind-definition.scss +1 -0
  238. package/styles/menu/_theme.scss +9 -0
  239. package/styles/menu/bootstrap-dark.css +1 -2
  240. package/styles/menu/bootstrap.css +1 -2
  241. package/styles/menu/bootstrap4.css +1 -2
  242. package/styles/menu/bootstrap5-dark.css +23 -24
  243. package/styles/menu/bootstrap5.css +23 -24
  244. package/styles/menu/fabric-dark.css +1 -2
  245. package/styles/menu/fabric.css +1 -2
  246. package/styles/menu/fluent-dark.css +1261 -0
  247. package/styles/menu/fluent-dark.scss +8 -0
  248. package/styles/menu/fluent.css +1261 -0
  249. package/styles/menu/fluent.scss +8 -0
  250. package/styles/menu/highcontrast-light.css +1 -2
  251. package/styles/menu/highcontrast.css +1 -2
  252. package/styles/menu/icons/_fluent-dark.scss +1 -0
  253. package/styles/menu/icons/_fluent.scss +14 -14
  254. package/styles/menu/icons/_tailwind-dark.scss +14 -14
  255. package/styles/menu/icons/_tailwind.scss +15 -15
  256. package/styles/menu/material-dark.css +1 -2
  257. package/styles/menu/material.css +1 -2
  258. package/styles/menu/tailwind-dark.css +18 -18
  259. package/styles/menu/tailwind.css +18 -18
  260. package/styles/sidebar/_fluent-dark-definition.scss +1 -0
  261. package/styles/sidebar/_theme.scss +5 -0
  262. package/styles/sidebar/bootstrap-dark.css +4 -0
  263. package/styles/sidebar/bootstrap.css +4 -0
  264. package/styles/sidebar/bootstrap4.css +4 -0
  265. package/styles/sidebar/bootstrap5-dark.css +4 -0
  266. package/styles/sidebar/bootstrap5.css +4 -0
  267. package/styles/sidebar/fabric-dark.css +4 -0
  268. package/styles/sidebar/fabric.css +4 -0
  269. package/styles/sidebar/fluent-dark.css +158 -0
  270. package/styles/sidebar/fluent-dark.scss +3 -0
  271. package/styles/sidebar/fluent.css +158 -0
  272. package/styles/sidebar/fluent.scss +3 -0
  273. package/styles/sidebar/highcontrast-light.css +4 -0
  274. package/styles/sidebar/highcontrast.css +4 -0
  275. package/styles/sidebar/material-dark.css +4 -0
  276. package/styles/sidebar/material.css +4 -0
  277. package/styles/sidebar/tailwind-dark.css +4 -0
  278. package/styles/sidebar/tailwind.css +4 -0
  279. package/styles/tab/_bootstrap5-definition.scss +7 -7
  280. package/styles/tab/_fluent-dark-definition.scss +1 -0
  281. package/styles/tab/_fluent-definition.scss +20 -20
  282. package/styles/tab/_highcontrast-definition.scss +1 -1
  283. package/styles/tab/_layout.scss +68 -12
  284. package/styles/tab/_tailwind-definition.scss +7 -7
  285. package/styles/tab/_theme.scss +12 -6
  286. package/styles/tab/bootstrap-dark.css +1 -1
  287. package/styles/tab/bootstrap.css +1 -1
  288. package/styles/tab/bootstrap4.css +1 -1
  289. package/styles/tab/bootstrap5-dark.css +23 -23
  290. package/styles/tab/bootstrap5.css +23 -23
  291. package/styles/tab/fabric-dark.css +1 -1
  292. package/styles/tab/fabric.css +1 -1
  293. package/styles/tab/fluent-dark.css +4394 -0
  294. package/styles/tab/fluent-dark.scss +5 -0
  295. package/styles/tab/fluent.css +4394 -0
  296. package/styles/tab/fluent.scss +5 -0
  297. package/styles/tab/highcontrast-light.css +1 -1
  298. package/styles/tab/highcontrast.css +2 -2
  299. package/styles/tab/icons/_fluent-dark.scss +1 -0
  300. package/styles/tab/icons/_fluent.scss +19 -18
  301. package/styles/tab/icons/_tailwind.scss +19 -18
  302. package/styles/tab/material-dark.css +1 -1
  303. package/styles/tab/material.css +1 -1
  304. package/styles/tab/tailwind-dark.css +43 -45
  305. package/styles/tab/tailwind.css +43 -45
  306. package/styles/tailwind-dark.css +428 -177
  307. package/styles/tailwind-dark.scss +1 -0
  308. package/styles/tailwind.css +427 -176
  309. package/styles/tailwind.scss +1 -0
  310. package/styles/toolbar/_bootstrap-dark-definition.scss +1 -0
  311. package/styles/toolbar/_bootstrap-definition.scss +1 -0
  312. package/styles/toolbar/_bootstrap4-definition.scss +1 -0
  313. package/styles/toolbar/_bootstrap5-definition.scss +12 -11
  314. package/styles/toolbar/_fabric-dark-definition.scss +1 -0
  315. package/styles/toolbar/_fabric-definition.scss +1 -0
  316. package/styles/toolbar/_fluent-dark-definition.scss +1 -0
  317. package/styles/toolbar/_fluent-definition.scss +14 -13
  318. package/styles/toolbar/_highcontrast-definition.scss +1 -0
  319. package/styles/toolbar/_highcontrast-light-definition.scss +1 -0
  320. package/styles/toolbar/_layout.scss +13 -5
  321. package/styles/toolbar/_material-dark-definition.scss +1 -0
  322. package/styles/toolbar/_material-definition.scss +1 -0
  323. package/styles/toolbar/_tailwind-definition.scss +4 -3
  324. package/styles/toolbar/_theme.scss +5 -1
  325. package/styles/toolbar/bootstrap-dark.css +4 -0
  326. package/styles/toolbar/bootstrap.css +4 -0
  327. package/styles/toolbar/bootstrap4.css +4 -0
  328. package/styles/toolbar/bootstrap5-dark.css +35 -31
  329. package/styles/toolbar/bootstrap5.css +35 -31
  330. package/styles/toolbar/fabric-dark.css +4 -0
  331. package/styles/toolbar/fabric.css +4 -0
  332. package/styles/toolbar/fluent-dark.css +1365 -0
  333. package/styles/toolbar/fluent-dark.scss +8 -0
  334. package/styles/toolbar/fluent.css +1365 -0
  335. package/styles/toolbar/fluent.scss +8 -0
  336. package/styles/toolbar/highcontrast-light.css +4 -0
  337. package/styles/toolbar/highcontrast.css +4 -0
  338. package/styles/toolbar/icons/_fluent-dark.scss +1 -0
  339. package/styles/toolbar/icons/_fluent.scss +3 -2
  340. package/styles/toolbar/icons/_tailwind.scss +3 -2
  341. package/styles/toolbar/material-dark.css +4 -0
  342. package/styles/toolbar/material.css +4 -0
  343. package/styles/toolbar/tailwind-dark.css +10 -6
  344. package/styles/toolbar/tailwind.css +10 -6
  345. package/styles/treeview/_bootstrap5-definition.scss +2 -2
  346. package/styles/treeview/_fluent-dark-definition.scss +1 -0
  347. package/styles/treeview/_fluent-definition.scss +2 -2
  348. package/styles/treeview/_layout.scss +8 -3
  349. package/styles/treeview/_tailwind-definition.scss +5 -5
  350. package/styles/treeview/bootstrap5-dark.css +4 -4
  351. package/styles/treeview/bootstrap5.css +4 -4
  352. package/styles/treeview/fluent-dark.css +1039 -0
  353. package/styles/treeview/fluent-dark.scss +6 -0
  354. package/styles/treeview/fluent.css +1039 -0
  355. package/styles/treeview/fluent.scss +6 -0
  356. package/styles/treeview/icons/_fluent-dark.scss +1 -0
  357. package/styles/treeview/icons/_fluent.scss +5 -5
  358. package/styles/treeview/icons/_tailwind-dark.scss +5 -5
  359. package/styles/treeview/icons/_tailwind.scss +5 -5
  360. package/styles/treeview/tailwind-dark.css +13 -14
  361. package/styles/treeview/tailwind.css +13 -14
  362. package/styles/v-scroll/_fluent-dark-definition.scss +1 -0
  363. package/styles/v-scroll/fluent-dark.css +247 -0
  364. package/styles/v-scroll/fluent-dark.scss +4 -0
  365. package/styles/v-scroll/fluent.css +247 -0
  366. package/styles/v-scroll/fluent.scss +4 -0
  367. package/styles/v-scroll/icons/_fluent-dark.scss +1 -0
  368. package/styles/v-scroll/icons/_fluent.scss +5 -4
  369. package/styles/v-scroll/icons/_tailwind.scss +5 -4
  370. package/styles/v-scroll/tailwind-dark.css +4 -4
  371. package/styles/v-scroll/tailwind.css +4 -4
@@ -47,22 +47,22 @@
47
47
  /*! h-scroll layout */
48
48
  .e-bigger .e-hscroll,
49
49
  .e-hscroll.e-bigger {
50
- min-height: 48px;
50
+ min-height: 46px;
51
51
  }
52
52
 
53
53
  .e-bigger .e-hscroll:not(.e-scroll-device),
54
54
  .e-hscroll.e-bigger:not(.e-scroll-device) {
55
- padding: 0 48px;
55
+ padding: 0 38px;
56
56
  }
57
57
 
58
58
  .e-bigger .e-hscroll.e-scroll-device,
59
59
  .e-hscroll.e-bigger.e-scroll-device {
60
- padding-right: 48px;
60
+ padding-right: 38px;
61
61
  }
62
62
 
63
63
  .e-bigger .e-hscroll.e-rtl.e-scroll-device,
64
64
  .e-hscroll.e-bigger.e-rtl.e-scroll-device {
65
- padding-left: 48px;
65
+ padding-left: 38px;
66
66
  padding-right: initial;
67
67
  }
68
68
 
@@ -73,18 +73,18 @@
73
73
 
74
74
  .e-bigger .e-hscroll.e-rtl .e-scroll-overlay.e-scroll-right-overlay,
75
75
  .e-hscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-right-overlay {
76
- left: 48px;
76
+ left: 38px;
77
77
  }
78
78
 
79
79
  .e-bigger .e-hscroll .e-scroll-overlay.e-scroll-right-overlay,
80
80
  .e-hscroll.e-bigger .e-scroll-overlay.e-scroll-right-overlay {
81
- right: 48px;
81
+ right: 38px;
82
82
  }
83
83
 
84
84
  .e-bigger .e-hscroll .e-scroll-nav,
85
85
  .e-hscroll.e-bigger .e-scroll-nav {
86
- min-height: 48px;
87
- width: 48px;
86
+ min-height: 46px;
87
+ width: 38px;
88
88
  }
89
89
 
90
90
  .e-hscroll {
@@ -114,7 +114,7 @@
114
114
  }
115
115
 
116
116
  .e-hscroll:not(.e-scroll-device) {
117
- padding: 0 28px;
117
+ padding: 0 32px;
118
118
  }
119
119
 
120
120
  .e-hscroll.e-scroll-device {
@@ -187,12 +187,11 @@
187
187
  cursor: pointer;
188
188
  display: -ms-flexbox;
189
189
  display: flex;
190
- height: 100%;
191
190
  min-height: 38px;
192
191
  overflow: hidden;
193
192
  position: absolute;
194
193
  top: 0;
195
- width: 28px;
194
+ width: 32px;
196
195
  }
197
196
 
198
197
  .e-hscroll .e-scroll-nav.e-scroll-left-nav {
@@ -602,8 +601,8 @@
602
601
  /*! toolbar layout */
603
602
  .e-bigger .e-toolbar,
604
603
  .e-toolbar.e-bigger {
605
- height: 48px;
606
- min-height: 48px;
604
+ height: 46px;
605
+ min-height: 46px;
607
606
  }
608
607
 
609
608
  .e-bigger .e-toolbar .e-tbar-btn .e-icons,
@@ -643,7 +642,7 @@
643
642
 
644
643
  .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child,
645
644
  .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
646
- margin-left: 10px;
645
+ margin-left: 12px;
647
646
  margin-right: initial;
648
647
  }
649
648
 
@@ -654,7 +653,7 @@
654
653
 
655
654
  .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child,
656
655
  .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
657
- margin-left: 10px;
656
+ margin-left: 12px;
658
657
  margin-right: 0;
659
658
  }
660
659
 
@@ -676,12 +675,12 @@
676
675
  .e-bigger .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
677
676
  .e-toolbar.e-bigger.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
678
677
  margin-left: 0;
679
- margin-right: 10px;
678
+ margin-right: 12px;
680
679
  }
681
680
 
682
681
  .e-bigger .e-toolbar .e-hor-nav,
683
682
  .e-toolbar.e-bigger .e-hor-nav {
684
- min-height: 48px;
683
+ min-height: 46px;
685
684
  min-width: 36px;
686
685
  }
687
686
 
@@ -718,7 +717,7 @@
718
717
 
719
718
  .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn,
720
719
  .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
721
- min-height: 48px;
720
+ min-height: 46px;
722
721
  padding: 8px 18px;
723
722
  }
724
723
 
@@ -736,7 +735,7 @@
736
735
 
737
736
  .e-bigger .e-toolbar .e-toolbar-items,
738
737
  .e-toolbar.e-bigger .e-toolbar-items {
739
- min-height: 48px;
738
+ min-height: 46px;
740
739
  }
741
740
 
742
741
  .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow,
@@ -771,7 +770,7 @@
771
770
 
772
771
  .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child,
773
772
  .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
774
- margin-right: 10px;
773
+ margin-right: 12px;
775
774
  }
776
775
 
777
776
  .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
@@ -781,7 +780,7 @@
781
780
 
782
781
  .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child,
783
782
  .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
784
- margin-right: 10px;
783
+ margin-right: 12px;
785
784
  }
786
785
 
787
786
  .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item,
@@ -791,29 +790,29 @@
791
790
 
792
791
  .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child,
793
792
  .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
794
- margin-left: 10px;
793
+ margin-left: 12px;
795
794
  }
796
795
 
797
796
  .e-bigger .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
798
797
  .e-toolbar.e-bigger .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
799
- margin-left: 10px;
798
+ margin-left: 12px;
800
799
  }
801
800
 
802
801
  .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item,
803
802
  .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item {
804
- min-height: 48px;
803
+ min-height: 46px;
805
804
  }
806
805
 
807
806
  .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
808
807
  .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item:not(.e-separator) {
809
808
  min-width: 49px;
810
- padding: 5px 6px;
809
+ padding: 4px;
811
810
  }
812
811
 
813
812
  .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
814
813
  .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item.e-separator {
815
814
  height: 30px;
816
- margin: 8px 4px;
815
+ margin: 8px;
817
816
  min-height: 30px;
818
817
  }
819
818
 
@@ -858,10 +857,10 @@
858
857
 
859
858
  .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended,
860
859
  .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended {
861
- min-height: 48px;
860
+ min-height: 46px;
862
861
  padding-bottom: 0;
863
- padding-left: 10px;
864
- padding-right: 10px;
862
+ padding-left: 12px;
863
+ padding-right: 12px;
865
864
  padding-top: 0;
866
865
  margin-left: -1px;
867
866
  }
@@ -891,7 +890,7 @@
891
890
  .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator),
892
891
  .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator) {
893
892
  min-width: 49px;
894
- padding: 5px 6px;
893
+ padding: 4px;
895
894
  }
896
895
 
897
896
  .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator.e-extended-separator,
@@ -914,7 +913,7 @@
914
913
  cursor: pointer;
915
914
  display: -ms-inline-flexbox;
916
915
  display: inline-flex;
917
- min-height: 48px;
916
+ min-height: 46px;
918
917
  vertical-align: middle;
919
918
  width: auto;
920
919
  }
@@ -945,7 +944,7 @@
945
944
  .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator,
946
945
  .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
947
946
  height: 30px;
948
- margin: 8px 4px;
947
+ margin: 8px;
949
948
  min-height: 30px;
950
949
  }
951
950
 
@@ -964,7 +963,7 @@
964
963
 
965
964
  .e-bigger .e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended,
966
965
  .e-toolbar.e-bigger.e-extended-toolbar.e-rtl .e-toolbar-extended {
967
- padding-right: 10px;
966
+ padding-right: 12px;
968
967
  margin-left: 0;
969
968
  }
970
969
 
@@ -1129,8 +1128,8 @@
1129
1128
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1130
1129
  height: calc(100% - 10px);
1131
1130
  margin: 0;
1132
- min-height: 30px;
1133
- min-width: 30px;
1131
+ min-height: 32px;
1132
+ min-width: 32px;
1134
1133
  padding: 0 4px;
1135
1134
  }
1136
1135
 
@@ -1139,7 +1138,7 @@
1139
1138
  }
1140
1139
 
1141
1140
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
1142
- margin: 7px 3px;
1141
+ margin: 5px 10px;
1143
1142
  min-height: 16px;
1144
1143
  min-width: 1px;
1145
1144
  vertical-align: middle;
@@ -1585,7 +1584,7 @@
1585
1584
  }
1586
1585
 
1587
1586
  .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
1588
- margin: 7px 3px;
1587
+ margin: 5px 10px;
1589
1588
  min-height: 24px;
1590
1589
  min-width: 1px;
1591
1590
  }
@@ -1601,8 +1600,8 @@
1601
1600
  .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
1602
1601
  height: calc(100% - 10px);
1603
1602
  margin: 0;
1604
- min-height: 30px;
1605
- min-width: 30px;
1603
+ min-height: 32px;
1604
+ min-width: 32px;
1606
1605
  padding: 0 4px;
1607
1606
  border-radius: 4px;
1608
1607
  }
@@ -1855,21 +1854,25 @@
1855
1854
  background: #5c636a;
1856
1855
  }
1857
1856
 
1857
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1858
+ background: transparent;
1859
+ }
1860
+
1858
1861
  .e-toolbar.e-extended-toolbar .e-toolbar-pop {
1859
1862
  background: #f8f9fa;
1860
1863
  }
1861
1864
 
1862
1865
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
1863
1866
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
1864
- background: #e9ecef;
1867
+ background: #5c636a;
1865
1868
  border: 0;
1866
1869
  box-shadow: none;
1867
- border-left: 0 #dee2e6 #e9ecef;
1870
+ border-left: 0 #dee2e6 #5c636a;
1868
1871
  }
1869
1872
 
1870
1873
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
1871
1874
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) .e-icons {
1872
- color: #495057;
1875
+ color: #fff;
1873
1876
  }
1874
1877
 
1875
1878
  .e-toolbar .e-tbar-btn {
@@ -2008,24 +2011,34 @@
2008
2011
  font-size: 16px;
2009
2012
  }
2010
2013
 
2014
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
2015
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2016
+ padding: 20px 20px 20px 28px;
2017
+ }
2018
+
2019
+ .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,
2020
+ .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 {
2021
+ padding: 12px 0 12px 28px;
2022
+ }
2023
+
2011
2024
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
2012
2025
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content {
2013
2026
  padding: 0;
2014
2027
  }
2015
2028
 
2016
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion,
2017
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion {
2029
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion,
2030
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
2018
2031
  border: 0;
2019
2032
  }
2020
2033
 
2021
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
2022
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
2034
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
2035
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
2023
2036
  padding: 12px 0 12px 40px;
2024
2037
  }
2025
2038
 
2026
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
2027
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
2028
- padding: 12px 0 12px 28px;
2039
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
2040
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
2041
+ padding: 24px 24px 24px 40px;
2029
2042
  }
2030
2043
 
2031
2044
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content,
@@ -2037,7 +2050,7 @@
2037
2050
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header {
2038
2051
  line-height: 24px;
2039
2052
  min-height: 48px;
2040
- padding: 11px 17px;
2053
+ padding: 13px 20px;
2041
2054
  }
2042
2055
 
2043
2056
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-toggle-icon,
@@ -2065,49 +2078,24 @@
2065
2078
  padding: 16px;
2066
2079
  }
2067
2080
 
2068
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
2069
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
2070
- padding: 20px;
2071
- }
2072
-
2073
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
2074
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2075
- padding: 24px;
2076
- }
2077
-
2078
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header,
2079
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
2080
- padding: 12px 0 12px 28px;
2081
- }
2082
-
2083
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content,
2084
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content {
2085
- padding: 0;
2086
- }
2087
-
2088
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
2089
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
2090
- padding: 20px;
2091
- }
2092
-
2093
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content,
2094
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content {
2095
- padding: 0;
2081
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
2082
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2083
+ padding: 20px 28px 20px 20px;
2096
2084
  }
2097
2085
 
2098
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
2099
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2100
- padding: 24px;
2086
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
2087
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2088
+ padding: 12px 28px 12px 0;
2101
2089
  }
2102
2090
 
2103
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
2104
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
2091
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
2092
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
2105
2093
  padding: 12px 40px 12px 0;
2106
2094
  }
2107
2095
 
2108
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
2109
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
2110
- padding: 12px 28px 12px 0;
2096
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
2097
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
2098
+ padding: 24px 40px 24px 24px;
2111
2099
  }
2112
2100
 
2113
2101
  .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header,
@@ -2168,7 +2156,7 @@
2168
2156
  line-height: 22px;
2169
2157
  min-height: 38px;
2170
2158
  overflow: hidden;
2171
- padding: 7px 12px 3px;
2159
+ padding: 10px 16px;
2172
2160
  text-decoration: none;
2173
2161
  text-overflow: ellipsis;
2174
2162
  white-space: nowrap;
@@ -2216,6 +2204,14 @@
2216
2204
  width: 100%;
2217
2205
  }
2218
2206
 
2207
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2208
+ padding: 16px 16px 16px 26px;
2209
+ }
2210
+
2211
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2212
+ padding: 8px 0 8px 26px;
2213
+ }
2214
+
2219
2215
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2220
2216
  padding: 0;
2221
2217
  }
@@ -2224,7 +2220,7 @@
2224
2220
  padding: 0;
2225
2221
  }
2226
2222
 
2227
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion {
2223
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
2228
2224
  border: 0;
2229
2225
  }
2230
2226
 
@@ -2232,6 +2228,10 @@
2232
2228
  padding: 8px 0 8px 38px;
2233
2229
  }
2234
2230
 
2231
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
2232
+ padding: 20px 20px 20px 38px;
2233
+ }
2234
+
2235
2235
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
2236
2236
  font-weight: normal;
2237
2237
  }
@@ -2240,14 +2240,6 @@
2240
2240
  font-weight: normal;
2241
2241
  }
2242
2242
 
2243
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2244
- padding: 16px;
2245
- }
2246
-
2247
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2248
- padding: 20px;
2249
- }
2250
-
2251
2243
  .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
2252
2244
  line-height: 1.5;
2253
2245
  overflow: hidden;
@@ -2260,11 +2252,7 @@
2260
2252
  text-overflow: ellipsis;
2261
2253
  }
2262
2254
 
2263
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
2264
- padding: 8px 0 8px 26px;
2265
- }
2266
-
2267
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
2255
+ .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-header-content {
2268
2256
  font-size: 14px;
2269
2257
  }
2270
2258
 
@@ -2272,20 +2260,20 @@
2272
2260
  display: none;
2273
2261
  }
2274
2262
 
2275
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
2276
- padding: 8px 38px 8px 0;
2263
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2264
+ padding: 16px 26px 16px 16px;
2277
2265
  }
2278
2266
 
2279
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
2267
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2280
2268
  padding: 8px 26px 8px 0;
2281
2269
  }
2282
2270
 
2283
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2284
- padding: 16px;
2271
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
2272
+ padding: 8px 38px 8px 0;
2285
2273
  }
2286
2274
 
2287
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2288
- padding: 20px;
2275
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
2276
+ padding: 20px 38px 20px 20px;
2289
2277
  }
2290
2278
 
2291
2279
  .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header {
@@ -2425,6 +2413,243 @@
2425
2413
  font-size: 14px;
2426
2414
  }
2427
2415
 
2416
+ /*! Carousel component bootstrap5 theme definitions and variables */
2417
+ .e-carousel .e-previous-icon::before {
2418
+ content: '\e765';
2419
+ }
2420
+
2421
+ .e-carousel .e-next-icon::before {
2422
+ content: '\e748';
2423
+ }
2424
+
2425
+ .e-carousel .e-play-icon::before {
2426
+ content: '\e70c';
2427
+ }
2428
+
2429
+ .e-carousel .e-pause-icon::before {
2430
+ content: '\e77b';
2431
+ }
2432
+
2433
+ .e-carousel.e-rtl .e-previous-icon::before {
2434
+ content: '\e748';
2435
+ }
2436
+
2437
+ .e-carousel.e-rtl .e-next-icon::before {
2438
+ content: '\e765';
2439
+ }
2440
+
2441
+ /*! carousel component styles */
2442
+ .e-carousel {
2443
+ display: block;
2444
+ margin: 0;
2445
+ padding: 0;
2446
+ position: relative;
2447
+ }
2448
+
2449
+ .e-carousel .e-carousel-items {
2450
+ height: 100%;
2451
+ margin: 0;
2452
+ overflow: hidden;
2453
+ padding: 0;
2454
+ position: relative;
2455
+ width: 100%;
2456
+ }
2457
+
2458
+ .e-carousel .e-carousel-items .e-carousel-item {
2459
+ -webkit-backface-visibility: hidden;
2460
+ backface-visibility: hidden;
2461
+ display: none;
2462
+ float: left;
2463
+ height: 100%;
2464
+ margin-right: -100%;
2465
+ position: relative;
2466
+ width: 100%;
2467
+ }
2468
+
2469
+ .e-carousel .e-carousel-items .e-carousel-item.e-active {
2470
+ display: block;
2471
+ }
2472
+
2473
+ .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
2474
+ transition: transform 0.6s ease-in-out;
2475
+ }
2476
+
2477
+ .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active {
2478
+ display: block;
2479
+ }
2480
+
2481
+ .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
2482
+ transform: translateX(100%);
2483
+ }
2484
+
2485
+ .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
2486
+ transform: translateX(-100%);
2487
+ }
2488
+
2489
+ .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item {
2490
+ display: block;
2491
+ opacity: 0;
2492
+ transition: opacity 0.6s ease-in-out;
2493
+ z-index: 0;
2494
+ }
2495
+
2496
+ .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item.e-active {
2497
+ opacity: 1;
2498
+ z-index: 1;
2499
+ }
2500
+
2501
+ .e-carousel .e-carousel-navigators {
2502
+ -ms-flex-align: center;
2503
+ align-items: center;
2504
+ display: -ms-flexbox;
2505
+ display: flex;
2506
+ height: 100%;
2507
+ -ms-flex-pack: justify;
2508
+ justify-content: space-between;
2509
+ pointer-events: none;
2510
+ position: absolute;
2511
+ top: 0;
2512
+ width: 100%;
2513
+ z-index: 1;
2514
+ }
2515
+
2516
+ .e-carousel .e-carousel-navigators .e-play-pause,
2517
+ .e-carousel .e-carousel-navigators .e-previous,
2518
+ .e-carousel .e-carousel-navigators .e-next {
2519
+ padding: .5em;
2520
+ pointer-events: auto;
2521
+ }
2522
+
2523
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn,
2524
+ .e-carousel .e-carousel-navigators .e-previous .e-btn,
2525
+ .e-carousel .e-carousel-navigators .e-next .e-btn {
2526
+ border: 0;
2527
+ box-shadow: none;
2528
+ }
2529
+
2530
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
2531
+ .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
2532
+ .e-carousel .e-carousel-navigators .e-next .e-btn:hover {
2533
+ border-radius: 50%;
2534
+ }
2535
+
2536
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
2537
+ .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
2538
+ .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
2539
+ transform: rotate(180deg);
2540
+ }
2541
+
2542
+ .e-carousel .e-carousel-navigators .e-play-pause.e-hover-arrows,
2543
+ .e-carousel .e-carousel-navigators .e-previous.e-hover-arrows,
2544
+ .e-carousel .e-carousel-navigators .e-next.e-hover-arrows {
2545
+ display: none;
2546
+ }
2547
+
2548
+ .e-carousel .e-carousel-indicators {
2549
+ -ms-flex-align: center;
2550
+ align-items: center;
2551
+ bottom: 0;
2552
+ display: -ms-flexbox;
2553
+ display: flex;
2554
+ -ms-flex-pack: center;
2555
+ justify-content: center;
2556
+ min-height: 48px;
2557
+ padding: 0;
2558
+ pointer-events: none;
2559
+ position: absolute;
2560
+ width: 100%;
2561
+ z-index: 1;
2562
+ }
2563
+
2564
+ .e-carousel .e-carousel-indicators .e-indicator-bars {
2565
+ display: -ms-flexbox;
2566
+ display: flex;
2567
+ -ms-flex-wrap: wrap;
2568
+ flex-wrap: wrap;
2569
+ -ms-flex-pack: center;
2570
+ justify-content: center;
2571
+ pointer-events: auto;
2572
+ }
2573
+
2574
+ .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar {
2575
+ padding: 0;
2576
+ }
2577
+
2578
+ .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator {
2579
+ -ms-flex-align: center;
2580
+ align-items: center;
2581
+ display: -ms-flexbox;
2582
+ display: flex;
2583
+ -ms-flex-pack: center;
2584
+ justify-content: center;
2585
+ padding: 4px;
2586
+ }
2587
+
2588
+ .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
2589
+ border: 1px solid rgba(255, 255, 255, 0.4);
2590
+ border-radius: 2px;
2591
+ height: 5px;
2592
+ transition-duration: 0.6s;
2593
+ transition-property: background-color, border-color;
2594
+ transition-timing-function: ease-in-out;
2595
+ width: 20px;
2596
+ }
2597
+
2598
+ .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
2599
+ display: none;
2600
+ }
2601
+
2602
+ /*! carousel component theme */
2603
+ .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
2604
+ .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
2605
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
2606
+ background-color: transparent;
2607
+ }
2608
+
2609
+ .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
2610
+ .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
2611
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
2612
+ color: #fff;
2613
+ }
2614
+
2615
+ .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):active, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):focus, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):hover,
2616
+ .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
2617
+ .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):focus,
2618
+ .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):hover,
2619
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):active,
2620
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):focus,
2621
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):hover {
2622
+ background-color: rgba(255, 255, 255, 0.4);
2623
+ outline: none;
2624
+ }
2625
+
2626
+ .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
2627
+ background-color: transparent;
2628
+ border-color: transparent;
2629
+ box-shadow: none;
2630
+ }
2631
+
2632
+ .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
2633
+ background-color: #fff;
2634
+ border-color: #fff;
2635
+ }
2636
+
2637
+ .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:hover {
2638
+ background-color: transparent;
2639
+ border-color: transparent;
2640
+ box-shadow: none;
2641
+ outline: none;
2642
+ }
2643
+
2644
+ .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus-visible {
2645
+ border-color: #000;
2646
+ }
2647
+
2648
+ .e-carousel .e-carousel-indicators .e-indicator-bar.e-active .e-indicator div {
2649
+ background-color: #0d6efd;
2650
+ border-color: #0d6efd;
2651
+ }
2652
+
2428
2653
  /*! contextmenu layout */
2429
2654
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
2430
2655
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -2480,6 +2705,7 @@
2480
2705
  .e-contextmenu-wrapper ul.e-contextmenu,
2481
2706
  .e-contextmenu-container ul.e-contextmenu {
2482
2707
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
2708
+ padding: 4px 0;
2483
2709
  }
2484
2710
 
2485
2711
  .e-contextmenu-wrapper ul.e-ul,
@@ -2491,8 +2717,8 @@
2491
2717
  .e-contextmenu-container ul .e-menu-item {
2492
2718
  cursor: pointer;
2493
2719
  position: relative;
2494
- height: 32px;
2495
- line-height: 32px;
2720
+ height: 30px;
2721
+ line-height: 30px;
2496
2722
  padding: 0 12px;
2497
2723
  }
2498
2724
 
@@ -2534,14 +2760,14 @@
2534
2760
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
2535
2761
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
2536
2762
  font-size: 18px;
2537
- line-height: 32px;
2763
+ line-height: 30px;
2538
2764
  margin-right: 8px;
2539
2765
  width: 1em;
2540
2766
  }
2541
2767
 
2542
2768
  .e-contextmenu-wrapper ul .e-menu-item .e-caret,
2543
2769
  .e-contextmenu-container ul .e-menu-item .e-caret {
2544
- line-height: 32px;
2770
+ line-height: 30px;
2545
2771
  margin-left: 16px;
2546
2772
  margin-right: 0;
2547
2773
  position: absolute;
@@ -2577,6 +2803,11 @@
2577
2803
  pointer-events: none;
2578
2804
  }
2579
2805
 
2806
+ .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
2807
+ .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
2808
+ width: max-content;
2809
+ }
2810
+
2580
2811
  .e-contextmenu-wrapper.e-sfcontextmenu,
2581
2812
  .e-contextmenu-container.e-sfcontextmenu {
2582
2813
  position: absolute;
@@ -2665,14 +2896,16 @@
2665
2896
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
2666
2897
  max-width: 280px;
2667
2898
  min-width: 112px;
2899
+ padding: 8px 0;
2668
2900
  }
2669
2901
 
2670
2902
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item,
2671
2903
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item,
2672
2904
  .e-bigger .e-contextmenu-container ul .e-menu-item,
2673
2905
  .e-bigger.e-contextmenu-container ul .e-menu-item {
2674
- height: 36px;
2675
- line-height: 36px;
2906
+ height: 32px;
2907
+ line-height: 32px;
2908
+ padding: 0 16px;
2676
2909
  }
2677
2910
 
2678
2911
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
@@ -2680,14 +2913,14 @@
2680
2913
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-menu-icon,
2681
2914
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-menu-icon {
2682
2915
  font-size: 22px;
2683
- line-height: 36px;
2916
+ line-height: 32px;
2684
2917
  }
2685
2918
 
2686
2919
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
2687
2920
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
2688
2921
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
2689
2922
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-caret {
2690
- line-height: 36px;
2923
+ line-height: 32px;
2691
2924
  }
2692
2925
 
2693
2926
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item.e-separator,
@@ -2984,7 +3217,7 @@
2984
3217
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
2985
3218
  .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
2986
3219
  height: 42px;
2987
- margin: 0 2px 0 0;
3220
+ margin: 0;
2988
3221
  min-height: 42px;
2989
3222
  min-width: auto;
2990
3223
  padding: 0;
@@ -2993,7 +3226,7 @@
2993
3226
  @media screen and (max-width: 480px) {
2994
3227
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
2995
3228
  .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
2996
- margin: 0 2px 0 0;
3229
+ margin: 0;
2997
3230
  }
2998
3231
  }
2999
3232
 
@@ -3067,7 +3300,7 @@
3067
3300
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
3068
3301
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
3069
3302
  cursor: pointer;
3070
- margin: 0 0 0 8px;
3303
+ margin: 2px 0 0 8px;
3071
3304
  }
3072
3305
 
3073
3306
  @media screen and (max-width: 480px) {
@@ -3115,7 +3348,7 @@
3115
3348
 
3116
3349
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
3117
3350
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
3118
- margin: 0 0 0 12px;
3351
+ margin: 0 0 0 8px;
3119
3352
  }
3120
3353
 
3121
3354
  @media screen and (max-width: 480px) {
@@ -3163,7 +3396,7 @@
3163
3396
 
3164
3397
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text,
3165
3398
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-text {
3166
- margin: 10px 0 0;
3399
+ margin: 8px 0 0;
3167
3400
  }
3168
3401
 
3169
3402
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text,
@@ -4334,7 +4567,7 @@
4334
4567
 
4335
4568
  .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
4336
4569
  height: 32px;
4337
- margin: 0 2px 0 0;
4570
+ margin: 0;
4338
4571
  min-height: 32px;
4339
4572
  min-width: auto;
4340
4573
  padding: 0;
@@ -4470,10 +4703,10 @@
4470
4703
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
4471
4704
  display: -ms-inline-flexbox;
4472
4705
  display: inline-flex;
4473
- height: 20px;
4474
- min-width: 20px;
4475
- width: 20px;
4476
- line-height: 20px;
4706
+ height: 24px;
4707
+ min-width: 24px;
4708
+ width: 24px;
4709
+ line-height: 24px;
4477
4710
  }
4478
4711
 
4479
4712
  @media screen and (max-width: 480px) {
@@ -4577,7 +4810,7 @@
4577
4810
 
4578
4811
  @media screen and (max-width: 480px) {
4579
4812
  .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text {
4580
- margin: 10px 0 0;
4813
+ margin: 8px 0 0;
4581
4814
  }
4582
4815
  }
4583
4816
 
@@ -5228,7 +5461,7 @@
5228
5461
  }
5229
5462
 
5230
5463
  .e-tab .e-content.e-progress {
5231
- overflow-x: hidden;
5464
+ overflow: hidden;
5232
5465
  }
5233
5466
 
5234
5467
  .e-tab.e-vertical-tab .e-content {
@@ -5886,7 +6119,7 @@
5886
6119
 
5887
6120
  .e-tab-clone-element:not(.e-separator) {
5888
6121
  height: 32px;
5889
- margin: 0 2px 0 0;
6122
+ margin: 0;
5890
6123
  min-height: 32px;
5891
6124
  min-width: auto;
5892
6125
  padding: 0;
@@ -5965,10 +6198,10 @@
5965
6198
  .e-tab-clone-element .e-icons.e-tab-icon {
5966
6199
  display: -ms-inline-flexbox;
5967
6200
  display: inline-flex;
5968
- height: 20px;
5969
- min-width: 20px;
5970
- width: 20px;
5971
- line-height: 20px;
6201
+ height: 24px;
6202
+ min-width: 24px;
6203
+ width: 24px;
6204
+ line-height: 24px;
5972
6205
  }
5973
6206
 
5974
6207
  @media screen and (max-width: 480px) {
@@ -6064,7 +6297,7 @@
6064
6297
 
6065
6298
  @media screen and (max-width: 480px) {
6066
6299
  .e-tab-clone-element.e-itop .e-tab-text {
6067
- margin: 10px 0 0;
6300
+ margin: 8px 0 0;
6068
6301
  }
6069
6302
  }
6070
6303
 
@@ -6113,7 +6346,7 @@
6113
6346
 
6114
6347
  .e-bigger .e-tab-clone-element:not(.e-separator) {
6115
6348
  height: 42px;
6116
- margin: 0 2px 0 0;
6349
+ margin: 0;
6117
6350
  min-height: 42px;
6118
6351
  min-width: auto;
6119
6352
  padding: 0;
@@ -6121,7 +6354,7 @@
6121
6354
 
6122
6355
  @media screen and (max-width: 480px) {
6123
6356
  .e-bigger .e-tab-clone-element:not(.e-separator) {
6124
- margin: 0 2px 0 0;
6357
+ margin: 0;
6125
6358
  }
6126
6359
  }
6127
6360
 
@@ -6151,7 +6384,7 @@
6151
6384
 
6152
6385
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
6153
6386
  cursor: pointer;
6154
- margin: 0 0 0 8px;
6387
+ margin: 2px 0 0 8px;
6155
6388
  }
6156
6389
 
6157
6390
  @media screen and (max-width: 480px) {
@@ -6189,7 +6422,7 @@
6189
6422
  }
6190
6423
 
6191
6424
  .e-bigger .e-tab-clone-element .e-icon-left + .e-tab-text {
6192
- margin: 0 0 0 12px;
6425
+ margin: 0 0 0 8px;
6193
6426
  }
6194
6427
 
6195
6428
  @media screen and (max-width: 480px) {
@@ -6223,7 +6456,7 @@
6223
6456
  }
6224
6457
 
6225
6458
  .e-bigger .e-tab-clone-element.e-itop .e-tab-text {
6226
- margin: 10px 0 0;
6459
+ margin: 8px 0 0;
6227
6460
  }
6228
6461
 
6229
6462
  .e-bigger .e-tab-clone-element.e-ibottom .e-tab-text {
@@ -7745,7 +7978,7 @@
7745
7978
  }
7746
7979
 
7747
7980
  .e-treeview .e-checkbox-wrapper {
7748
- margin: 0 0 0 8px;
7981
+ margin: 0 0 0 12px;
7749
7982
  pointer-events: all;
7750
7983
  position: relative;
7751
7984
  }
@@ -7927,7 +8160,7 @@
7927
8160
  }
7928
8161
 
7929
8162
  .e-treeview .e-navigable .e-anchor-wrap {
7930
- padding: 0 0 0 8px;
8163
+ padding: 0 0 0 12px;
7931
8164
  }
7932
8165
 
7933
8166
  .e-treeview .e-navigable .e-list-icon,
@@ -7992,7 +8225,7 @@
7992
8225
  }
7993
8226
 
7994
8227
  .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
7995
- padding: 0 8px 0 0;
8228
+ padding: 0 12px 0 0;
7996
8229
  }
7997
8230
 
7998
8231
  .e-treeview.e-rtl .e-navigable .e-list-icon,
@@ -8014,7 +8247,7 @@
8014
8247
  }
8015
8248
 
8016
8249
  .e-treeview.e-rtl .e-checkbox-wrapper {
8017
- margin: 0 8px 0 0;
8250
+ margin: 0 12px 0 0;
8018
8251
  }
8019
8252
 
8020
8253
  .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon,
@@ -8392,6 +8625,10 @@ ejs-sidebar {
8392
8625
  visibility: visible;
8393
8626
  }
8394
8627
 
8628
+ .e-sidebar.e-left.e-open.e-dock.e-blazor-dock, .e-sidebar.e-right.e-open.e-dock.e-blazor-dock {
8629
+ transition: width .5s ease, visibility 500ms;
8630
+ }
8631
+
8395
8632
  .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 {
8396
8633
  transition: none;
8397
8634
  }
@@ -8584,7 +8821,7 @@ ejs-sidebar {
8584
8821
  -webkit-user-select: none;
8585
8822
  -ms-user-select: none;
8586
8823
  user-select: none;
8587
- font-size: 0;
8824
+ font-size: 14px;
8588
8825
  padding: 0;
8589
8826
  text-align: left;
8590
8827
  white-space: nowrap;
@@ -8649,9 +8886,8 @@ ejs-sidebar {
8649
8886
  position: relative;
8650
8887
  display: -ms-inline-flexbox;
8651
8888
  display: inline-flex;
8652
- font-size: 14px;
8653
- height: 50px;
8654
- line-height: 50px;
8889
+ height: 32px;
8890
+ line-height: 32px;
8655
8891
  padding: 0 12px;
8656
8892
  vertical-align: top;
8657
8893
  white-space: nowrap;
@@ -8690,7 +8926,7 @@ ejs-sidebar {
8690
8926
  .e-menu-container ul .e-menu-item .e-menu-icon {
8691
8927
  font-size: 18px;
8692
8928
  height: auto;
8693
- line-height: 50px;
8929
+ line-height: 32px;
8694
8930
  margin-right: 8px;
8695
8931
  text-align: center;
8696
8932
  }
@@ -8699,7 +8935,7 @@ ejs-sidebar {
8699
8935
  .e-menu-container ul .e-menu-item .e-caret {
8700
8936
  font-size: 14px;
8701
8937
  height: auto;
8702
- line-height: 55px;
8938
+ line-height: 35px;
8703
8939
  position: absolute;
8704
8940
  right: 8px;
8705
8941
  top: 0;
@@ -8727,8 +8963,8 @@ ejs-sidebar {
8727
8963
 
8728
8964
  .e-menu-wrapper .e-ul .e-menu-item,
8729
8965
  .e-menu-container .e-ul .e-menu-item {
8730
- height: 32px;
8731
- line-height: 32px;
8966
+ height: 30px;
8967
+ line-height: 30px;
8732
8968
  padding: 0 12px;
8733
8969
  display: list-item;
8734
8970
  }
@@ -8742,14 +8978,14 @@ ejs-sidebar {
8742
8978
  .e-menu-wrapper .e-ul .e-menu-item .e-menu-icon,
8743
8979
  .e-menu-container .e-ul .e-menu-item .e-menu-icon {
8744
8980
  font-size: 18px;
8745
- line-height: 32px;
8981
+ line-height: 30px;
8746
8982
  margin-right: 8px;
8747
8983
  width: 1em;
8748
8984
  }
8749
8985
 
8750
8986
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
8751
8987
  .e-menu-container .e-ul .e-menu-item .e-caret {
8752
- line-height: 32px;
8988
+ line-height: 30px;
8753
8989
  margin-left: 16px;
8754
8990
  margin-right: 0;
8755
8991
  position: absolute;
@@ -8790,8 +9026,8 @@ ejs-sidebar {
8790
9026
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8791
9027
  font-size: 18px;
8792
9028
  font-weight: 400;
8793
- height: 50px;
8794
- line-height: 50px;
9029
+ height: 32px;
9030
+ line-height: 32px;
8795
9031
  text-align: left;
8796
9032
  white-space: nowrap;
8797
9033
  }
@@ -9013,8 +9249,8 @@ ejs-sidebar {
9013
9249
  .e-bigger.e-menu-wrapper ul .e-menu-item,
9014
9250
  .e-bigger .e-menu-container ul .e-menu-item,
9015
9251
  .e-bigger.e-menu-container ul .e-menu-item {
9016
- height: 48px;
9017
- line-height: 48px;
9252
+ height: 38px;
9253
+ line-height: 38px;
9018
9254
  padding: 0 16px;
9019
9255
  }
9020
9256
 
@@ -9023,7 +9259,7 @@ ejs-sidebar {
9023
9259
  .e-bigger .e-menu-container ul .e-menu-item .e-menu-icon,
9024
9260
  .e-bigger.e-menu-container ul .e-menu-item .e-menu-icon {
9025
9261
  font-size: 22px;
9026
- line-height: 48px;
9262
+ line-height: 38px;
9027
9263
  margin-right: 12px;
9028
9264
  }
9029
9265
 
@@ -9039,7 +9275,7 @@ ejs-sidebar {
9039
9275
  .e-bigger .e-menu-container ul .e-menu-item .e-caret,
9040
9276
  .e-bigger.e-menu-container ul .e-menu-item .e-caret {
9041
9277
  font-size: 16px;
9042
- line-height: 54px;
9278
+ line-height: 40px;
9043
9279
  right: 12px;
9044
9280
  }
9045
9281
 
@@ -9080,8 +9316,8 @@ ejs-sidebar {
9080
9316
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item,
9081
9317
  .e-bigger .e-menu-container ul.e-ul .e-menu-item,
9082
9318
  .e-bigger.e-menu-container ul.e-ul .e-menu-item {
9083
- height: 36px;
9084
- line-height: 36px;
9319
+ height: 32px;
9320
+ line-height: 32px;
9085
9321
  padding: 0 12px;
9086
9322
  }
9087
9323
 
@@ -9090,14 +9326,14 @@ ejs-sidebar {
9090
9326
  .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-menu-icon,
9091
9327
  .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-menu-icon {
9092
9328
  font-size: 22px;
9093
- line-height: 36px;
9329
+ line-height: 32px;
9094
9330
  }
9095
9331
 
9096
9332
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
9097
9333
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
9098
9334
  .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-caret,
9099
9335
  .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-caret {
9100
- line-height: 36px;
9336
+ line-height: 32px;
9101
9337
  }
9102
9338
 
9103
9339
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item.e-separator,
@@ -9336,7 +9572,7 @@ ejs-sidebar {
9336
9572
 
9337
9573
  .e-menu-wrapper.e-hamburger ul.e-ul .e-menu-item,
9338
9574
  .e-menu-container.e-hamburger ul.e-ul .e-menu-item {
9339
- line-height: 50px;
9575
+ line-height: 32px;
9340
9576
  text-indent: inherit;
9341
9577
  }
9342
9578
 
@@ -9414,7 +9650,7 @@ ejs-sidebar {
9414
9650
  .e-bigger .e-menu-container.e-hamburger ul .e-ul .e-menu-item,
9415
9651
  .e-bigger.e-menu-container.e-hamburger ul .e-ul .e-menu-item {
9416
9652
  height: auto;
9417
- line-height: 48px;
9653
+ line-height: 38px;
9418
9654
  padding: 0;
9419
9655
  }
9420
9656
 
@@ -9423,8 +9659,8 @@ ejs-sidebar {
9423
9659
  .e-bigger .e-menu-container.e-hamburger .e-menu-header,
9424
9660
  .e-bigger.e-menu-container.e-hamburger .e-menu-header {
9425
9661
  font-size: 22px;
9426
- height: 48px;
9427
- line-height: 48px;
9662
+ height: 38px;
9663
+ line-height: 38px;
9428
9664
  }
9429
9665
 
9430
9666
  .e-bigger .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item,
@@ -9793,7 +10029,7 @@ ejs-sidebar {
9793
10029
  }
9794
10030
 
9795
10031
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
9796
- padding: 4px 2px;
10032
+ padding: 0;
9797
10033
  }
9798
10034
 
9799
10035
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
@@ -9824,7 +10060,15 @@ ejs-sidebar {
9824
10060
  text-decoration: underline;
9825
10061
  }
9826
10062
 
9827
- .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:active {
10063
+ .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
10064
+ text-decoration: underline;
10065
+ }
10066
+
10067
+ .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus {
10068
+ text-decoration: underline;
10069
+ }
10070
+
10071
+ .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:active {
9828
10072
  text-decoration: underline;
9829
10073
  }
9830
10074
 
@@ -10039,7 +10283,7 @@ ejs-sidebar {
10039
10283
 
10040
10284
  .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text,
10041
10285
  .e-bigger .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10042
- padding: 4px 2px;
10286
+ padding: 0;
10043
10287
  }
10044
10288
 
10045
10289
  .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus,