@syncfusion/ej2-navigations 21.2.9 → 22.1.34

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 (343) hide show
  1. package/.eslintrc.json +1 -0
  2. package/CHANGELOG.md +9 -0
  3. package/dist/ej2-navigations.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js +2 -2
  5. package/dist/ej2-navigations.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es2015.js +288 -93
  7. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  8. package/dist/es6/ej2-navigations.es5.js +292 -94
  9. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  10. package/dist/global/ej2-navigations.min.js +2 -2
  11. package/dist/global/ej2-navigations.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +11 -11
  14. package/src/accordion/accordion-model.d.ts +4 -2
  15. package/src/accordion/accordion.d.ts +4 -2
  16. package/src/accordion/accordion.js +1 -1
  17. package/src/breadcrumb/breadcrumb-model.d.ts +4 -2
  18. package/src/breadcrumb/breadcrumb.d.ts +4 -2
  19. package/src/carousel/carousel-model.d.ts +37 -8
  20. package/src/carousel/carousel.d.ts +69 -6
  21. package/src/carousel/carousel.js +287 -89
  22. package/src/common/menu-base-model.d.ts +2 -1
  23. package/src/common/menu-base.d.ts +2 -1
  24. package/src/common/menu-base.js +2 -2
  25. package/src/menu/menu-model.d.ts +3 -2
  26. package/src/menu/menu.d.ts +2 -1
  27. package/src/menu/menu.js +1 -1
  28. package/src/sidebar/sidebar.d.ts +12 -26
  29. package/src/tab/tab-model.d.ts +3 -2
  30. package/src/tab/tab.d.ts +3 -2
  31. package/src/toolbar/toolbar-model.d.ts +3 -1
  32. package/src/toolbar/toolbar.d.ts +3 -1
  33. package/src/treeview/treeview-model.d.ts +4 -1
  34. package/src/treeview/treeview.d.ts +17 -31
  35. package/src/treeview/treeview.js +1 -1
  36. package/styles/accordion/_bootstrap-dark-definition.scss +3 -1
  37. package/styles/accordion/_bootstrap-definition.scss +3 -1
  38. package/styles/accordion/_bootstrap4-definition.scss +2 -0
  39. package/styles/accordion/_bootstrap5-definition.scss +3 -1
  40. package/styles/accordion/_fabric-dark-definition.scss +2 -0
  41. package/styles/accordion/_fabric-definition.scss +2 -0
  42. package/styles/accordion/_fluent-definition.scss +2 -0
  43. package/styles/accordion/_fusionnew-definition.scss +2 -0
  44. package/styles/accordion/_highcontrast-definition.scss +2 -0
  45. package/styles/accordion/_highcontrast-light-definition.scss +2 -0
  46. package/styles/accordion/_layout.scss +9 -0
  47. package/styles/accordion/_material-dark-definition.scss +2 -0
  48. package/styles/accordion/_material-definition.scss +2 -0
  49. package/styles/accordion/_material3-dark-definition.scss +1 -0
  50. package/styles/accordion/_material3-definition.scss +182 -0
  51. package/styles/accordion/_tailwind-definition.scss +2 -0
  52. package/styles/accordion/_theme.scss +9 -0
  53. package/styles/accordion/bootstrap-dark.css +11 -1
  54. package/styles/accordion/bootstrap.css +11 -1
  55. package/styles/accordion/bootstrap4.css +10 -0
  56. package/styles/accordion/bootstrap5-dark.css +11 -1
  57. package/styles/accordion/bootstrap5.css +11 -1
  58. package/styles/accordion/fabric-dark.css +10 -0
  59. package/styles/accordion/fabric.css +10 -0
  60. package/styles/accordion/fluent-dark.css +10 -0
  61. package/styles/accordion/fluent.css +10 -0
  62. package/styles/accordion/highcontrast-light.css +10 -0
  63. package/styles/accordion/highcontrast.css +10 -0
  64. package/styles/accordion/icons/_material3-dark.scss +1 -0
  65. package/styles/accordion/material-dark.css +10 -0
  66. package/styles/accordion/material.css +10 -0
  67. package/styles/accordion/material3-dark.css +596 -0
  68. package/styles/accordion/material3-dark.scss +5 -0
  69. package/styles/accordion/material3.css +652 -0
  70. package/styles/accordion/material3.scss +5 -0
  71. package/styles/accordion/tailwind-dark.css +10 -0
  72. package/styles/accordion/tailwind.css +10 -0
  73. package/styles/appbar/_layout.scss +6 -1
  74. package/styles/appbar/_material3-dark-definition.scss +1 -0
  75. package/styles/appbar/_material3-definition.scss +8 -0
  76. package/styles/appbar/_theme.scss +12 -2
  77. package/styles/appbar/bootstrap-dark.css +7 -3
  78. package/styles/appbar/bootstrap.css +7 -3
  79. package/styles/appbar/bootstrap4.css +7 -3
  80. package/styles/appbar/bootstrap5-dark.css +7 -3
  81. package/styles/appbar/bootstrap5.css +7 -3
  82. package/styles/appbar/fabric-dark.css +7 -3
  83. package/styles/appbar/fabric.css +7 -3
  84. package/styles/appbar/fluent-dark.css +7 -3
  85. package/styles/appbar/fluent.css +7 -3
  86. package/styles/appbar/highcontrast-light.css +7 -3
  87. package/styles/appbar/highcontrast.css +7 -3
  88. package/styles/appbar/material-dark.css +7 -3
  89. package/styles/appbar/material.css +7 -3
  90. package/styles/appbar/material3-dark.css +307 -0
  91. package/styles/appbar/material3-dark.scss +4 -0
  92. package/styles/appbar/material3.css +363 -0
  93. package/styles/appbar/material3.scss +4 -0
  94. package/styles/appbar/tailwind-dark.css +7 -3
  95. package/styles/appbar/tailwind.css +7 -3
  96. package/styles/bootstrap-dark.css +185 -126
  97. package/styles/bootstrap.css +185 -126
  98. package/styles/bootstrap4.css +183 -124
  99. package/styles/bootstrap5-dark.css +179 -120
  100. package/styles/bootstrap5.css +179 -120
  101. package/styles/breadcrumb/_material3-dark-definition.scss +1 -0
  102. package/styles/breadcrumb/_material3-definition.scss +60 -0
  103. package/styles/breadcrumb/_theme.scss +13 -11
  104. package/styles/breadcrumb/bootstrap-dark.css +9 -9
  105. package/styles/breadcrumb/bootstrap.css +9 -9
  106. package/styles/breadcrumb/bootstrap4.css +9 -9
  107. package/styles/breadcrumb/bootstrap5-dark.css +8 -8
  108. package/styles/breadcrumb/bootstrap5.css +8 -8
  109. package/styles/breadcrumb/fabric-dark.css +7 -7
  110. package/styles/breadcrumb/fabric.css +7 -7
  111. package/styles/breadcrumb/fluent-dark.css +5 -5
  112. package/styles/breadcrumb/fluent.css +5 -5
  113. package/styles/breadcrumb/highcontrast-light.css +7 -7
  114. package/styles/breadcrumb/highcontrast.css +7 -7
  115. package/styles/breadcrumb/icons/_material3-dark.scss +1 -0
  116. package/styles/breadcrumb/icons/_material3.scss +0 -11
  117. package/styles/breadcrumb/material-dark.css +9 -9
  118. package/styles/breadcrumb/material.css +9 -9
  119. package/styles/breadcrumb/material3-dark.css +424 -0
  120. package/styles/breadcrumb/material3-dark.scss +5 -0
  121. package/styles/breadcrumb/material3.css +480 -0
  122. package/styles/breadcrumb/material3.scss +5 -0
  123. package/styles/breadcrumb/tailwind-dark.css +8 -8
  124. package/styles/breadcrumb/tailwind.css +8 -8
  125. package/styles/carousel/_bootstrap-dark-definition.scss +5 -0
  126. package/styles/carousel/_bootstrap-definition.scss +5 -0
  127. package/styles/carousel/_bootstrap4-definition.scss +5 -0
  128. package/styles/carousel/_bootstrap5-definition.scss +5 -0
  129. package/styles/carousel/_fabric-dark-definition.scss +5 -0
  130. package/styles/carousel/_fabric-definition.scss +5 -0
  131. package/styles/carousel/_fluent-definition.scss +5 -0
  132. package/styles/carousel/_fusionnew-definition.scss +5 -0
  133. package/styles/carousel/_highcontrast-definition.scss +5 -0
  134. package/styles/carousel/_highcontrast-light-definition.scss +5 -0
  135. package/styles/carousel/_layout.scss +96 -67
  136. package/styles/carousel/_material-dark-definition.scss +5 -0
  137. package/styles/carousel/_material-definition.scss +5 -0
  138. package/styles/carousel/_material3-dark-definition.scss +1 -0
  139. package/styles/carousel/_material3-definition.scss +28 -0
  140. package/styles/carousel/_tailwind-definition.scss +5 -0
  141. package/styles/carousel/_theme.scss +49 -20
  142. package/styles/carousel/bootstrap-dark.css +101 -62
  143. package/styles/carousel/bootstrap.css +101 -62
  144. package/styles/carousel/bootstrap4.css +101 -62
  145. package/styles/carousel/bootstrap5-dark.css +101 -62
  146. package/styles/carousel/bootstrap5.css +101 -62
  147. package/styles/carousel/fabric-dark.css +101 -62
  148. package/styles/carousel/fabric.css +101 -62
  149. package/styles/carousel/fluent-dark.css +101 -62
  150. package/styles/carousel/fluent.css +101 -62
  151. package/styles/carousel/highcontrast-light.css +101 -62
  152. package/styles/carousel/highcontrast.css +101 -62
  153. package/styles/carousel/icons/_material3-dark.scss +1 -0
  154. package/styles/carousel/material-dark.css +101 -62
  155. package/styles/carousel/material.css +101 -62
  156. package/styles/carousel/material3-dark.css +359 -0
  157. package/styles/carousel/material3-dark.scss +6 -0
  158. package/styles/carousel/material3.css +415 -0
  159. package/styles/carousel/material3.scss +6 -0
  160. package/styles/carousel/tailwind-dark.css +101 -62
  161. package/styles/carousel/tailwind.css +101 -62
  162. package/styles/context-menu/_layout.scss +2 -2
  163. package/styles/context-menu/_material3-dark-definition.scss +1 -0
  164. package/styles/context-menu/_material3-definition.scss +52 -0
  165. package/styles/context-menu/_theme.scss +6 -1
  166. package/styles/context-menu/icons/_material3-dark.scss +1 -0
  167. package/styles/context-menu/material3-dark.css +435 -0
  168. package/styles/context-menu/material3-dark.scss +8 -0
  169. package/styles/context-menu/material3.css +491 -0
  170. package/styles/context-menu/material3.scss +8 -0
  171. package/styles/fabric-dark.css +186 -127
  172. package/styles/fabric.css +185 -126
  173. package/styles/fluent-dark.css +179 -120
  174. package/styles/fluent.css +179 -120
  175. package/styles/h-scroll/_material3-dark-definition.scss +1 -0
  176. package/styles/h-scroll/_material3-definition.scss +83 -0
  177. package/styles/h-scroll/icons/_material3-dark.scss +1 -0
  178. package/styles/h-scroll/material3-dark.css +336 -0
  179. package/styles/h-scroll/material3-dark.scss +5 -0
  180. package/styles/h-scroll/material3.css +392 -0
  181. package/styles/h-scroll/material3.scss +5 -0
  182. package/styles/highcontrast-light.css +178 -119
  183. package/styles/highcontrast.css +182 -123
  184. package/styles/material-dark.css +189 -130
  185. package/styles/material.css +188 -129
  186. package/styles/material3-dark.css +10343 -0
  187. package/styles/material3-dark.scss +15 -0
  188. package/styles/material3.css +10399 -0
  189. package/styles/material3.scss +15 -0
  190. package/styles/menu/_layout.scss +7 -0
  191. package/styles/menu/_material3-dark-definition.scss +1 -0
  192. package/styles/menu/_material3-definition.scss +67 -0
  193. package/styles/menu/_theme.scss +5 -2
  194. package/styles/menu/bootstrap-dark.css +4 -0
  195. package/styles/menu/bootstrap.css +4 -0
  196. package/styles/menu/bootstrap4.css +4 -0
  197. package/styles/menu/bootstrap5-dark.css +4 -0
  198. package/styles/menu/bootstrap5.css +4 -0
  199. package/styles/menu/fabric-dark.css +4 -0
  200. package/styles/menu/fabric.css +4 -0
  201. package/styles/menu/fluent-dark.css +4 -0
  202. package/styles/menu/fluent.css +4 -0
  203. package/styles/menu/highcontrast-light.css +4 -0
  204. package/styles/menu/highcontrast.css +4 -0
  205. package/styles/menu/icons/_material3-dark.scss +1 -0
  206. package/styles/menu/material-dark.css +4 -0
  207. package/styles/menu/material.css +4 -0
  208. package/styles/menu/material3-dark.css +1162 -0
  209. package/styles/menu/material3-dark.scss +9 -0
  210. package/styles/menu/material3.css +1218 -0
  211. package/styles/menu/material3.scss +9 -0
  212. package/styles/menu/tailwind-dark.css +4 -0
  213. package/styles/menu/tailwind.css +4 -0
  214. package/styles/pager/_bootstrap-dark-definition.scss +9 -5
  215. package/styles/pager/_bootstrap-definition.scss +9 -5
  216. package/styles/pager/_bootstrap4-definition.scss +8 -4
  217. package/styles/pager/_bootstrap5-definition.scss +4 -0
  218. package/styles/pager/_fabric-dark-definition.scss +10 -6
  219. package/styles/pager/_fabric-definition.scss +10 -6
  220. package/styles/pager/_fluent-definition.scss +8 -4
  221. package/styles/pager/_fusionnew-definition.scss +4 -0
  222. package/styles/pager/_highcontrast-definition.scss +8 -4
  223. package/styles/pager/_highcontrast-light-definition.scss +4 -0
  224. package/styles/pager/_layout.scss +63 -48
  225. package/styles/pager/_material-dark-definition.scss +12 -8
  226. package/styles/pager/_material-definition.scss +11 -7
  227. package/styles/pager/_material3-dark-definition.scss +1 -0
  228. package/styles/pager/_material3-definition.scss +150 -0
  229. package/styles/pager/_tailwind-definition.scss +9 -5
  230. package/styles/pager/_theme.scss +12 -5
  231. package/styles/pager/bootstrap-dark.css +15 -43
  232. package/styles/pager/bootstrap.css +15 -43
  233. package/styles/pager/bootstrap4.css +14 -42
  234. package/styles/pager/bootstrap5-dark.css +10 -38
  235. package/styles/pager/bootstrap5.css +10 -38
  236. package/styles/pager/fabric-dark.css +17 -45
  237. package/styles/pager/fabric.css +16 -44
  238. package/styles/pager/fluent-dark.css +14 -42
  239. package/styles/pager/fluent.css +14 -42
  240. package/styles/pager/highcontrast-light.css +10 -38
  241. package/styles/pager/highcontrast.css +14 -42
  242. package/styles/pager/icons/_material3-dark.scss +1 -0
  243. package/styles/pager/icons/_material3.scss +4 -4
  244. package/styles/pager/material-dark.css +18 -46
  245. package/styles/pager/material.css +17 -45
  246. package/styles/pager/material3-dark.css +765 -0
  247. package/styles/pager/material3-dark.scss +5 -0
  248. package/styles/pager/material3.css +821 -0
  249. package/styles/pager/material3.scss +5 -0
  250. package/styles/pager/tailwind-dark.css +15 -43
  251. package/styles/pager/tailwind.css +15 -43
  252. package/styles/sidebar/_material3-dark-definition.scss +1 -0
  253. package/styles/sidebar/_material3-definition.scss +7 -0
  254. package/styles/sidebar/material3-dark.css +204 -0
  255. package/styles/sidebar/material3-dark.scss +4 -0
  256. package/styles/sidebar/material3.css +260 -0
  257. package/styles/sidebar/material3.scss +4 -0
  258. package/styles/tab/_bootstrap-dark-definition.scss +4 -0
  259. package/styles/tab/_bootstrap-definition.scss +4 -0
  260. package/styles/tab/_bootstrap4-definition.scss +4 -0
  261. package/styles/tab/_bootstrap5-definition.scss +4 -0
  262. package/styles/tab/_fabric-dark-definition.scss +4 -0
  263. package/styles/tab/_fabric-definition.scss +4 -0
  264. package/styles/tab/_fluent-definition.scss +4 -0
  265. package/styles/tab/_fusionnew-definition.scss +4 -0
  266. package/styles/tab/_highcontrast-definition.scss +4 -0
  267. package/styles/tab/_highcontrast-light-definition.scss +4 -0
  268. package/styles/tab/_layout.scss +37 -13
  269. package/styles/tab/_material-dark-definition.scss +4 -0
  270. package/styles/tab/_material-definition.scss +4 -0
  271. package/styles/tab/_material3-dark-definition.scss +1 -0
  272. package/styles/tab/_material3-definition.scss +661 -0
  273. package/styles/tab/_tailwind-definition.scss +4 -0
  274. package/styles/tab/_theme.scss +44 -1
  275. package/styles/tab/bootstrap-dark.css +30 -7
  276. package/styles/tab/bootstrap.css +30 -7
  277. package/styles/tab/bootstrap4.css +30 -7
  278. package/styles/tab/bootstrap5-dark.css +30 -7
  279. package/styles/tab/bootstrap5.css +30 -7
  280. package/styles/tab/fabric-dark.css +30 -7
  281. package/styles/tab/fabric.css +30 -7
  282. package/styles/tab/fluent-dark.css +30 -7
  283. package/styles/tab/fluent.css +30 -7
  284. package/styles/tab/highcontrast-light.css +30 -7
  285. package/styles/tab/highcontrast.css +30 -7
  286. package/styles/tab/icons/_material3-dark.scss +1 -0
  287. package/styles/tab/material-dark.css +30 -7
  288. package/styles/tab/material.css +30 -7
  289. package/styles/tab/material3-dark.css +4109 -0
  290. package/styles/tab/material3-dark.scss +6 -0
  291. package/styles/tab/material3.css +4165 -0
  292. package/styles/tab/material3.scss +6 -0
  293. package/styles/tab/tailwind-dark.css +29 -6
  294. package/styles/tab/tailwind.css +29 -6
  295. package/styles/tailwind-dark.css +185 -126
  296. package/styles/tailwind.css +185 -126
  297. package/styles/toolbar/_fabric-dark-definition.scss +3 -3
  298. package/styles/toolbar/_fabric-definition.scss +3 -3
  299. package/styles/toolbar/_highcontrast-definition.scss +1 -1
  300. package/styles/toolbar/_highcontrast-light-definition.scss +1 -1
  301. package/styles/toolbar/_layout.scss +8 -0
  302. package/styles/toolbar/_material-dark-definition.scss +3 -3
  303. package/styles/toolbar/_material-definition.scss +3 -3
  304. package/styles/toolbar/_material3-dark-definition.scss +1 -0
  305. package/styles/toolbar/_material3-definition.scss +220 -0
  306. package/styles/toolbar/_tailwind-definition.scss +3 -3
  307. package/styles/toolbar/_theme.scss +2 -1
  308. package/styles/toolbar/bootstrap-dark.css +8 -1
  309. package/styles/toolbar/bootstrap.css +8 -1
  310. package/styles/toolbar/bootstrap4.css +8 -1
  311. package/styles/toolbar/bootstrap5-dark.css +8 -1
  312. package/styles/toolbar/bootstrap5.css +8 -1
  313. package/styles/toolbar/fabric-dark.css +10 -3
  314. package/styles/toolbar/fabric.css +10 -3
  315. package/styles/toolbar/fluent-dark.css +8 -1
  316. package/styles/toolbar/fluent.css +8 -1
  317. package/styles/toolbar/highcontrast-light.css +9 -2
  318. package/styles/toolbar/highcontrast.css +9 -2
  319. package/styles/toolbar/icons/_material3-dark.scss +1 -0
  320. package/styles/toolbar/material-dark.css +10 -3
  321. package/styles/toolbar/material.css +10 -3
  322. package/styles/toolbar/material3-dark.css +1145 -0
  323. package/styles/toolbar/material3-dark.scss +9 -0
  324. package/styles/toolbar/material3.css +1201 -0
  325. package/styles/toolbar/material3.scss +9 -0
  326. package/styles/toolbar/tailwind-dark.css +11 -4
  327. package/styles/toolbar/tailwind.css +11 -4
  328. package/styles/treeview/_layout.scss +15 -2
  329. package/styles/treeview/_material3-dark-definition.scss +1 -0
  330. package/styles/treeview/_material3-definition.scss +121 -0
  331. package/styles/treeview/icons/_material3-dark.scss +1 -0
  332. package/styles/treeview/icons/_material3.scss +1 -1
  333. package/styles/treeview/material3-dark.css +903 -0
  334. package/styles/treeview/material3-dark.scss +7 -0
  335. package/styles/treeview/material3.css +959 -0
  336. package/styles/treeview/material3.scss +7 -0
  337. package/styles/v-scroll/_material3-dark-definition.scss +1 -0
  338. package/styles/v-scroll/_material3-definition.scss +49 -0
  339. package/styles/v-scroll/icons/_material3-dark.scss +1 -0
  340. package/styles/v-scroll/material3-dark.css +258 -0
  341. package/styles/v-scroll/material3-dark.scss +5 -0
  342. package/styles/v-scroll/material3.css +314 -0
  343. package/styles/v-scroll/material3.scss +5 -0
@@ -0,0 +1,4165 @@
1
+ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
+ :root {
3
+ --color-sf-black: 0, 0, 0;
4
+ --color-sf-white: 255, 255, 255;
5
+ --color-sf-primary: 103, 80, 164;
6
+ --color-sf-primary-container: 234, 221, 255;
7
+ --color-sf-secondary: 98, 91, 113;
8
+ --color-sf-secondary-container: 232, 222, 248;
9
+ --color-sf-tertiary: 125, 82, 96;
10
+ --color-sf-tertiary-container: 255, 216, 228;
11
+ --color-sf-surface: 255, 255, 255;
12
+ --color-sf-surface-variant: 231, 224, 236;
13
+ --color-sf-background: var(--color-sf-surface);
14
+ --color-sf-on-primary: 255, 255, 255;
15
+ --color-sf-on-primary-container: 33, 0, 94;
16
+ --color-sf-on-secondary: 255, 255, 255;
17
+ --color-sf-on-secondary-container: 30, 25, 43;
18
+ --color-sf-on-tertiary: 255, 255, 255;
19
+ --color-sf-on-tertiary-containe: 55, 11, 30;
20
+ --color-sf-on-surface: 28, 27, 31;
21
+ --color-sf-on-surface-variant: 73, 69, 78;
22
+ --color-sf-on-background: 28, 27, 31;
23
+ --color-sf-outline: 121, 116, 126;
24
+ --color-sf-outline-variant: 196, 199, 197;
25
+ --color-sf-shadow: 0, 0, 0;
26
+ --color-sf-surface-tint-color: 103, 80, 164;
27
+ --color-sf-inverse-surface: 49, 48, 51;
28
+ --color-sf-inverse-on-surface: 244, 239, 244;
29
+ --color-sf-inverse-primary: 208, 188, 255;
30
+ --color-sf-scrim: 0, 0, 0;
31
+ --color-sf-error: 179, 38, 30;
32
+ --color-sf-error-container: 249, 222, 220;
33
+ --color-sf-on-error: 255, 250, 250;
34
+ --color-sf-on-error-container: 65, 14, 11;
35
+ --color-sf-success: 32, 81, 7;
36
+ --color-sf-success-container: 209, 255, 186;
37
+ --color-sf-on-success: 244, 255, 239;
38
+ --color-sf-on-success-container: 13, 39, 0;
39
+ --color-sf-info: 1, 87, 155;
40
+ --color-sf-info-container: 233, 245, 255;
41
+ --color-sf-on-info: 250, 253, 255;
42
+ --color-sf-on-info-container: 0, 51, 91;
43
+ --color-sf-warning: 145, 76, 0;
44
+ --color-sf-warning-container: 254, 236, 222;
45
+ --color-sf-on-warning: 255, 255, 255;
46
+ --color-sf-on-warning-container: 47, 21, 0;
47
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
48
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
49
+ --color-sf-diagram-palette-background: --color-sf-white;
50
+ --color-sf-success-text: 255, 255, 255;
51
+ --color-sf-warning-text: 255, 255, 255;
52
+ --color-sf-danger-text: 255, 255, 255;
53
+ --color-sf-info-text: 255, 255, 255;
54
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
55
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
56
+ }
57
+
58
+ .e-dark-mode {
59
+ --color-sf-black: 0, 0, 0;
60
+ --color-sf-white: 255, 255, 255;
61
+ --color-sf-primary: 208, 188, 255;
62
+ --color-sf-primary-container: 79, 55, 139;
63
+ --color-sf-secondary: 204, 194, 220;
64
+ --color-sf-secondary-container: 74, 68, 88;
65
+ --color-sf-tertiary: 239, 184, 200;
66
+ --color-sf-tertiary-container: 99, 59, 72;
67
+ --color-sf-surface: 28, 27, 31;
68
+ --color-sf-surface-variant: 28, 27, 31;
69
+ --color-sf-background: var(--color-sf-surface);
70
+ --color-sf-on-primary: 55, 30, 115;
71
+ --color-sf-on-primary-container: 234, 221, 255;
72
+ --color-sf-on-secondary: 51, 45, 65;
73
+ --color-sf-on-secondary-container: 232, 222, 248;
74
+ --color-sf-on-tertiary: 73, 37, 50;
75
+ --color-sf-on-tertiary-containe: 255, 216, 228;
76
+ --color-sf-on-surface: 230, 225, 229;
77
+ --color-sf-on-surface-variant: 202, 196, 208;
78
+ --color-sf-on-background: 230, 225, 229;
79
+ --color-sf-outline: 147, 143, 153;
80
+ --color-sf-outline-variant: 68, 71, 70;
81
+ --color-sf-shadow: 0, 0, 0;
82
+ --color-sf-surface-tint-color: 208, 188, 255;
83
+ --color-sf-inverse-surface: 230, 225, 229;
84
+ --color-sf-inverse-on-surface: 49, 48, 51;
85
+ --color-sf-inverse-primary: 103, 80, 164;
86
+ --color-sf-scrim: 0, 0, 0;
87
+ --color-sf-error: 242, 184, 181;
88
+ --color-sf-error-container: 140, 29, 24;
89
+ --color-sf-on-error: 96, 20, 16;
90
+ --color-sf-on-error-container: 249, 222, 220;
91
+ --color-sf-success: 83, 202, 23;
92
+ --color-sf-success-container: 22, 62, 2;
93
+ --color-sf-on-success: 13, 39, 0;
94
+ --color-sf-on-success-container: 183, 250, 150;
95
+ --color-sf-info: 71, 172, 251;
96
+ --color-sf-info-container: 0, 67, 120;
97
+ --color-sf-on-info: 0, 51, 91;
98
+ --color-sf-on-info-container: 173, 219, 255;
99
+ --color-sf-warning: 245, 180, 130;
100
+ --color-sf-warning-container: 123, 65, 0;
101
+ --color-sf-on-warning: 99, 52, 0;
102
+ --color-sf-on-warning-container: 255, 220, 193;
103
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
104
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
105
+ --color-sf-success-text: 0, 0, 0;
106
+ --color-sf-warning-text: 0, 0, 0;
107
+ --color-sf-info-text: 0, 0, 0;
108
+ --color-sf-danger-text: 0, 0, 0;
109
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
110
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
111
+ }
112
+
113
+ /*! Toolbar's material3 theme wise override definitions and variables */
114
+ /* stylelint-disable */
115
+ /*! Tab's material3 theme wise override definitions and variables */
116
+ /* stylelint-disable */
117
+ /*! Horizontal Tab */
118
+ /*! Material3 specific themes definition's */
119
+ /*! Vertical Tab */
120
+ /*! tab icons */
121
+ .e-tab .e-tab-header .e-close-icon::before {
122
+ content: "\e7e7";
123
+ position: relative;
124
+ }
125
+ @media screen and (max-width: 480px) {
126
+ .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
127
+ content: "\e776";
128
+ }
129
+ .e-tab.e-vertical-icon .e-tab-header .e-popup-down-icon::before {
130
+ content: "\e729";
131
+ }
132
+ }
133
+ .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before {
134
+ content: "More";
135
+ }
136
+ .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::after {
137
+ content: "\e776";
138
+ }
139
+ .e-tab.e-vertical-tab .e-tab-header .e-popup-down-icon::before {
140
+ content: "More";
141
+ }
142
+ .e-tab.e-vertical-tab .e-tab-header .e-popup-down-icon::after {
143
+ content: "\e729";
144
+ }
145
+ .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::before {
146
+ content: "";
147
+ }
148
+ .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::after {
149
+ content: "\e776";
150
+ }
151
+ .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::before {
152
+ content: "";
153
+ }
154
+ .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::after {
155
+ content: "\e729";
156
+ }
157
+
158
+ .e-tab-clone-element .e-close-icon::before {
159
+ content: "\e7e7";
160
+ position: relative;
161
+ }
162
+
163
+ /*! tab layout */
164
+ .e-bigger .e-tab .e-tab-header,
165
+ .e-tab.e-bigger .e-tab-header {
166
+ height: 48px;
167
+ min-height: 48px;
168
+ }
169
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items,
170
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items {
171
+ height: auto;
172
+ min-height: auto;
173
+ }
174
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
175
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
176
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
177
+ margin: 0;
178
+ }
179
+ @media screen and (max-width: 480px) {
180
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
181
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
182
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
183
+ margin: 0;
184
+ }
185
+ }
186
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
187
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
188
+ padding-bottom: 0;
189
+ }
190
+ @media screen and (max-width: 480px) {
191
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
192
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
193
+ margin: 0;
194
+ }
195
+ }
196
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
197
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
198
+ margin: 0;
199
+ }
200
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
201
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
202
+ margin: 0;
203
+ }
204
+ @media screen and (max-width: 480px) {
205
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
206
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
207
+ margin: 0;
208
+ }
209
+ }
210
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active,
211
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
212
+ margin: 0;
213
+ }
214
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav,
215
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
216
+ width: 48px;
217
+ }
218
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
219
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
220
+ height: 48px;
221
+ margin: 0;
222
+ min-height: 48px;
223
+ min-width: auto;
224
+ padding: 0;
225
+ }
226
+ @media screen and (max-width: 480px) {
227
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
228
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
229
+ margin: 0;
230
+ }
231
+ }
232
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom,
233
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator).e-itop,
234
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom {
235
+ height: 78px;
236
+ min-height: 78px;
237
+ }
238
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
239
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
240
+ height: 48px;
241
+ padding: 0 16px;
242
+ }
243
+ @media screen and (max-width: 480px) {
244
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
245
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
246
+ padding: 0 15px;
247
+ }
248
+ }
249
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-text-wrap,
250
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-text-wrap {
251
+ height: 48px;
252
+ }
253
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-text,
254
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-text {
255
+ font-size: 14px;
256
+ margin-bottom: 0;
257
+ }
258
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before,
259
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before {
260
+ position: relative;
261
+ top: 0;
262
+ }
263
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
264
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
265
+ margin: 0;
266
+ padding-bottom: 0;
267
+ }
268
+ @media screen and (max-width: 480px) {
269
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
270
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
271
+ margin: 0;
272
+ }
273
+ }
274
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before,
275
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before {
276
+ position: relative;
277
+ top: 0;
278
+ }
279
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
280
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
281
+ height: 48px;
282
+ margin-top: 0;
283
+ }
284
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap,
285
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
286
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
287
+ height: 48px;
288
+ }
289
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
290
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
291
+ cursor: pointer;
292
+ margin: 0 0 0 10px;
293
+ }
294
+ @media screen and (max-width: 480px) {
295
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
296
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
297
+ margin: 0 0 0 4px;
298
+ }
299
+ }
300
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
301
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
302
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
303
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
304
+ font-size: 14px;
305
+ }
306
+ @media screen and (max-width: 480px) {
307
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
308
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
309
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
310
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
311
+ font-size: 12px;
312
+ }
313
+ }
314
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon,
315
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
316
+ height: 28px;
317
+ min-width: 28px;
318
+ width: 28px;
319
+ line-height: 28px;
320
+ }
321
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
322
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before,
323
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-icon,
324
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-icon::before {
325
+ font-size: 14px;
326
+ }
327
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap,
328
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
329
+ padding: 9px;
330
+ }
331
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
332
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
333
+ margin: 0 0 0 12px;
334
+ }
335
+ @media screen and (max-width: 480px) {
336
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
337
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
338
+ margin: 0;
339
+ }
340
+ }
341
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
342
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
343
+ margin: 0 0 0 4px;
344
+ }
345
+ @media screen and (max-width: 480px) {
346
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
347
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
348
+ margin: 0 0 0 8px;
349
+ }
350
+ }
351
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom,
352
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop,
353
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom {
354
+ height: 78px;
355
+ }
356
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap,
357
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap,
358
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap {
359
+ height: 78px;
360
+ }
361
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
362
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
363
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
364
+ height: auto;
365
+ }
366
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap,
367
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap,
368
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap {
369
+ height: 78px;
370
+ }
371
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap,
372
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap,
373
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap {
374
+ height: auto;
375
+ }
376
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon,
377
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-close-icon,
378
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon {
379
+ right: 20px;
380
+ }
381
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text,
382
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-text {
383
+ margin: 4px 0 0;
384
+ }
385
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text,
386
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text {
387
+ margin: 0 0 10px;
388
+ }
389
+ .e-bigger .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap,
390
+ .e-bigger .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap,
391
+ .e-tab.e-bigger .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap,
392
+ .e-tab.e-bigger .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap {
393
+ margin-right: 20px;
394
+ }
395
+ .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item,
396
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item {
397
+ height: 48px;
398
+ min-height: 48px;
399
+ }
400
+ .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
401
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
402
+ height: 48px;
403
+ padding: 0 16px;
404
+ }
405
+ @media screen and (max-width: 480px) {
406
+ .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
407
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
408
+ padding: 0 16px;
409
+ }
410
+ }
411
+ .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap,
412
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
413
+ height: 48px;
414
+ }
415
+ .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
416
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
417
+ padding-right: 12px;
418
+ }
419
+ @media screen and (max-width: 480px) {
420
+ .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
421
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
422
+ padding-right: 0;
423
+ }
424
+ }
425
+ .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon,
426
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon {
427
+ margin: 0 0 0 8px;
428
+ }
429
+ .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon::before,
430
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon::before {
431
+ top: 0;
432
+ }
433
+ .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon,
434
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon,
435
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon {
436
+ right: 24px;
437
+ }
438
+ .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator),
439
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
440
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
441
+ min-height: 48px;
442
+ }
443
+ @media screen and (max-width: 480px) {
444
+ .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator),
445
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
446
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
447
+ min-height: 48px;
448
+ }
449
+ }
450
+ .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap,
451
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
452
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
453
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
454
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
455
+ height: 48px;
456
+ }
457
+ @media screen and (max-width: 480px) {
458
+ .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap,
459
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
460
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
461
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
462
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
463
+ height: 48px;
464
+ }
465
+ }
466
+ .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
467
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
468
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
469
+ margin: 0;
470
+ padding-left: 0;
471
+ padding-right: 12px;
472
+ }
473
+ @media screen and (max-width: 480px) {
474
+ .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
475
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
476
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
477
+ margin: 0;
478
+ padding-left: 0;
479
+ padding-right: 0;
480
+ }
481
+ }
482
+ .e-bigger .e-tab .e-tab-header .e-scroll-nav,
483
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
484
+ height: 48px;
485
+ min-height: 48px;
486
+ padding: 0;
487
+ }
488
+ @media screen and (max-width: 480px) {
489
+ .e-bigger .e-tab .e-tab-header .e-scroll-nav,
490
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
491
+ padding: 0;
492
+ }
493
+ }
494
+ .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-scroll-right-nav,
495
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-scroll-right-nav {
496
+ padding: 0;
497
+ }
498
+ .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-scroll-left-nav,
499
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-scroll-left-nav {
500
+ padding: 0;
501
+ }
502
+ .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
503
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
504
+ font-size: 24px;
505
+ height: 48px;
506
+ line-height: 48px;
507
+ width: 48px;
508
+ }
509
+ @media screen and (max-width: 480px) {
510
+ .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
511
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
512
+ font-size: 24px;
513
+ height: 48px;
514
+ line-height: 48px;
515
+ width: 48px;
516
+ }
517
+ }
518
+ .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before,
519
+ .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before,
520
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-left-arrow::before,
521
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
522
+ font-size: 24px;
523
+ line-height: 48px;
524
+ top: 0;
525
+ vertical-align: initial;
526
+ }
527
+ .e-bigger .e-tab .e-tab-header .e-hor-nav,
528
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
529
+ height: 48px;
530
+ min-height: 48px;
531
+ padding: 0;
532
+ }
533
+ @media screen and (max-width: 480px) {
534
+ .e-bigger .e-tab .e-tab-header .e-hor-nav,
535
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
536
+ padding: 0;
537
+ }
538
+ }
539
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
540
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
541
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
542
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
543
+ font-size: 24px;
544
+ height: 48px;
545
+ line-height: 48px;
546
+ width: 48px;
547
+ }
548
+ @media screen and (max-width: 480px) {
549
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
550
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
551
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
552
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
553
+ font-size: 24px;
554
+ height: 48px;
555
+ line-height: 48px;
556
+ width: 48px;
557
+ }
558
+ }
559
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
560
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
561
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
562
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
563
+ font-size: 24px;
564
+ line-height: 48px;
565
+ top: 0;
566
+ vertical-align: initial;
567
+ }
568
+ @media screen and (max-width: 480px) {
569
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
570
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
571
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
572
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
573
+ font-size: 20px;
574
+ }
575
+ }
576
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
577
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
578
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
579
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
580
+ line-height: 48px;
581
+ }
582
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
583
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before,
584
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
585
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
586
+ line-height: 48px;
587
+ top: 0;
588
+ }
589
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
590
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
591
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
592
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
593
+ line-height: 48px;
594
+ }
595
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
596
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before,
597
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
598
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
599
+ line-height: 48px;
600
+ top: 0;
601
+ }
602
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
603
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
604
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
605
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
606
+ line-height: 48px;
607
+ top: -2px;
608
+ }
609
+ .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
610
+ .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
611
+ .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
612
+ .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon,
613
+ .e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
614
+ .e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
615
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
616
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon {
617
+ line-height: 24px;
618
+ }
619
+ .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
620
+ .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
621
+ .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
622
+ .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow,
623
+ .e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
624
+ .e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
625
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
626
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow {
627
+ line-height: 24px;
628
+ }
629
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active,
630
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
631
+ margin: 0;
632
+ }
633
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
634
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
635
+ margin: 0;
636
+ padding-bottom: 0;
637
+ }
638
+ @media screen and (max-width: 480px) {
639
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
640
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
641
+ margin: 0;
642
+ }
643
+ }
644
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-text,
645
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-text {
646
+ padding-top: 0;
647
+ }
648
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before,
649
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before {
650
+ top: 0.5px;
651
+ }
652
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-close-icon::before, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-close-icon::before,
653
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-close-icon::before,
654
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-close-icon::before {
655
+ top: 1.5px;
656
+ }
657
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
658
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
659
+ margin: 0;
660
+ padding-bottom: 0;
661
+ }
662
+ @media screen and (max-width: 480px) {
663
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
664
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
665
+ margin: 0;
666
+ }
667
+ }
668
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text,
669
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text {
670
+ padding-top: 0.5px;
671
+ }
672
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before,
673
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before {
674
+ top: 0;
675
+ }
676
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom,
677
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop,
678
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom {
679
+ padding-bottom: 0;
680
+ padding-top: 0;
681
+ }
682
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active .e-text-wrap,
683
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active .e-text-wrap {
684
+ margin: 0;
685
+ }
686
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap,
687
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
688
+ height: 48px;
689
+ padding: 0;
690
+ }
691
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap,
692
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap,
693
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap {
694
+ height: initial;
695
+ }
696
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active,
697
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active {
698
+ height: 48px;
699
+ }
700
+ .e-bigger .e-tab .e-tab-header.e-vertical,
701
+ .e-tab.e-bigger .e-tab-header.e-vertical {
702
+ max-width: 150px;
703
+ }
704
+ .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
705
+ .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
706
+ bottom: 23px;
707
+ top: 23px;
708
+ }
709
+ @media screen and (max-width: 480px) {
710
+ .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
711
+ .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
712
+ bottom: 0;
713
+ top: 0;
714
+ }
715
+ }
716
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-items,
717
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-items {
718
+ height: inherit;
719
+ }
720
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
721
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
722
+ margin: 0;
723
+ }
724
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device),
725
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
726
+ padding: 24px 0;
727
+ }
728
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-wrap,
729
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item .e-tab-wrap {
730
+ padding: 0 16px;
731
+ }
732
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon,
733
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-itop .e-close-icon,
734
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon {
735
+ right: -20px;
736
+ }
737
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon,
738
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon {
739
+ min-height: 32px;
740
+ min-width: auto;
741
+ }
742
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-scroll-nav,
743
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-scroll-nav {
744
+ height: 24px;
745
+ min-height: 24px;
746
+ }
747
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow,
748
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
749
+ font-size: 24px;
750
+ height: 24px;
751
+ line-height: 24px;
752
+ width: 24px;
753
+ }
754
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav,
755
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav {
756
+ padding: 0 16px;
757
+ }
758
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
759
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before,
760
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
761
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before {
762
+ line-height: 48px;
763
+ }
764
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
765
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after,
766
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
767
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
768
+ font-size: 14px;
769
+ line-height: 48px;
770
+ margin: 0 0 0 8px;
771
+ }
772
+ .e-bigger .e-tab .e-tab-header.e-vertical.e-toolpop .e-toolbar-items,
773
+ .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
774
+ height: auto;
775
+ }
776
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
777
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
778
+ height: 78px;
779
+ min-height: 78px;
780
+ }
781
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
782
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
783
+ height: 78px;
784
+ }
785
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
786
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
787
+ height: 78px;
788
+ }
789
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
790
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
791
+ height: 78px;
792
+ }
793
+ @media screen and (max-width: 480px) {
794
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
795
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
796
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
797
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
798
+ font-size: 20px;
799
+ }
800
+ }
801
+ .e-bigger .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items,
802
+ .e-tab.e-bigger.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
803
+ height: inherit;
804
+ }
805
+ .e-bigger .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-scroll-nav,
806
+ .e-tab.e-bigger.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-scroll-nav {
807
+ height: 24px;
808
+ }
809
+ .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus,
810
+ .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
811
+ height: 48px;
812
+ }
813
+ .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
814
+ .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
815
+ height: 48px;
816
+ }
817
+ .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus,
818
+ .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus,
819
+ .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
820
+ height: 78px;
821
+ }
822
+ .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
823
+ .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
824
+ .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
825
+ height: auto;
826
+ }
827
+ .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap,
828
+ .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap,
829
+ .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap {
830
+ height: auto;
831
+ }
832
+ .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus,
833
+ .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus {
834
+ height: 48px;
835
+ }
836
+ .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
837
+ .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
838
+ height: 48px;
839
+ }
840
+ .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap:focus,
841
+ .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap:focus,
842
+ .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
843
+ height: 48px;
844
+ }
845
+ .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap,
846
+ .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
847
+ height: 48px;
848
+ padding: 0;
849
+ }
850
+ .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft,
851
+ .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft {
852
+ height: 48px;
853
+ }
854
+ .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
855
+ .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
856
+ .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
857
+ .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon,
858
+ .e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
859
+ .e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
860
+ .e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
861
+ .e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon {
862
+ line-height: 24px;
863
+ }
864
+ .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
865
+ .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
866
+ .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
867
+ .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow,
868
+ .e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
869
+ .e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
870
+ .e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
871
+ .e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow {
872
+ line-height: 24px;
873
+ }
874
+ .e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
875
+ .e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
876
+ .e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
877
+ .e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon,
878
+ .e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
879
+ .e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
880
+ .e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
881
+ .e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon {
882
+ line-height: 24px;
883
+ }
884
+ .e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
885
+ .e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
886
+ .e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
887
+ .e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow,
888
+ .e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
889
+ .e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
890
+ .e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
891
+ .e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow {
892
+ line-height: 24px;
893
+ }
894
+ .e-bigger .e-tab.e-safari .e-tab-header .e-close-icon::before,
895
+ .e-tab.e-bigger.e-safari .e-tab-header .e-close-icon::before {
896
+ top: 0;
897
+ }
898
+ .e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-up-icon::before,
899
+ .e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-down-icon::before,
900
+ .e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-up-icon::before,
901
+ .e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-down-icon::before,
902
+ .e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-popup-up-icon::before,
903
+ .e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-popup-down-icon::before,
904
+ .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-popup-up-icon::before,
905
+ .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-popup-down-icon::before {
906
+ top: 0;
907
+ }
908
+ .e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-left-arrow::before,
909
+ .e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-right-arrow::before,
910
+ .e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-left-arrow::before,
911
+ .e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before,
912
+ .e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-nav-left-arrow::before,
913
+ .e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-nav-right-arrow::before,
914
+ .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-left-arrow::before,
915
+ .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
916
+ top: 0;
917
+ }
918
+ .e-bigger .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator),
919
+ .e-tab.e-bigger.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) {
920
+ margin: 0;
921
+ }
922
+ .e-bigger .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator).e-active,
923
+ .e-tab.e-bigger.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator).e-active {
924
+ margin: 0;
925
+ }
926
+ .e-bigger .e-tab.e-fill .e-tab-header,
927
+ .e-tab.e-bigger.e-fill .e-tab-header {
928
+ height: 48px;
929
+ min-height: 48px;
930
+ }
931
+ @media screen and (max-width: 480px) {
932
+ .e-bigger .e-tab.e-fill .e-tab-header,
933
+ .e-tab.e-bigger.e-fill .e-tab-header {
934
+ height: 48px;
935
+ min-height: 48px;
936
+ }
937
+ }
938
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
939
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
940
+ height: auto;
941
+ min-height: 48px;
942
+ }
943
+ @media screen and (max-width: 480px) {
944
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
945
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
946
+ min-height: 48px;
947
+ }
948
+ }
949
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
950
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
951
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
952
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
953
+ margin: 0;
954
+ padding: 0;
955
+ }
956
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
957
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
958
+ height: 48px;
959
+ margin: 0;
960
+ min-height: 48px;
961
+ padding: 0;
962
+ }
963
+ @media screen and (max-width: 480px) {
964
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
965
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
966
+ height: 48px;
967
+ min-height: 48px;
968
+ }
969
+ }
970
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom,
971
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-itop,
972
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom {
973
+ height: 78px;
974
+ min-height: 78px;
975
+ }
976
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
977
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
978
+ height: 48px;
979
+ padding: 0 16px;
980
+ }
981
+ @media screen and (max-width: 480px) {
982
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
983
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
984
+ height: 48px;
985
+ padding: 0 16px;
986
+ }
987
+ }
988
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
989
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
990
+ height: 48px;
991
+ }
992
+ @media screen and (max-width: 480px) {
993
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
994
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
995
+ height: 48px;
996
+ }
997
+ }
998
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active,
999
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active {
1000
+ padding: 0;
1001
+ }
1002
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
1003
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
1004
+ margin-bottom: 0;
1005
+ }
1006
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
1007
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
1008
+ height: 48px;
1009
+ }
1010
+ @media screen and (max-width: 480px) {
1011
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
1012
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
1013
+ height: 48px;
1014
+ }
1015
+ }
1016
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap,
1017
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
1018
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
1019
+ height: 48px;
1020
+ }
1021
+ @media screen and (max-width: 480px) {
1022
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap,
1023
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
1024
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
1025
+ height: 48px;
1026
+ }
1027
+ }
1028
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap,
1029
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap,
1030
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap {
1031
+ height: 78px;
1032
+ }
1033
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
1034
+ .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator),
1035
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
1036
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
1037
+ height: auto;
1038
+ }
1039
+ .e-bigger .e-tab.e-fill .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap,
1040
+ .e-tab.e-bigger.e-fill .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
1041
+ padding: 0 16px;
1042
+ }
1043
+ .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap,
1044
+ .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
1045
+ height: 48px;
1046
+ }
1047
+ .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap,
1048
+ .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-text-wrap,
1049
+ .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap,
1050
+ .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-text-wrap {
1051
+ height: auto;
1052
+ }
1053
+ .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
1054
+ .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
1055
+ .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
1056
+ .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
1057
+ height: auto;
1058
+ }
1059
+ .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus,
1060
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
1061
+ height: 48px;
1062
+ }
1063
+ .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
1064
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
1065
+ height: 48px;
1066
+ }
1067
+ .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap,
1068
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
1069
+ height: 48px;
1070
+ }
1071
+ .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus,
1072
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus,
1073
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
1074
+ height: 78px;
1075
+ }
1076
+ .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
1077
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
1078
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
1079
+ height: auto;
1080
+ }
1081
+ @media screen and (max-width: 480px) {
1082
+ .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
1083
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
1084
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
1085
+ height: auto;
1086
+ }
1087
+ }
1088
+ .e-bigger .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator),
1089
+ .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
1090
+ margin: 0;
1091
+ }
1092
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
1093
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
1094
+ height: 76px;
1095
+ min-height: 76px;
1096
+ }
1097
+ .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
1098
+ .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
1099
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
1100
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1101
+ margin: 0;
1102
+ padding: 0;
1103
+ }
1104
+ .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator),
1105
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
1106
+ padding: 0;
1107
+ }
1108
+ .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1109
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1110
+ padding: 0 16px;
1111
+ }
1112
+ @media screen and (max-width: 480px) {
1113
+ .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1114
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1115
+ padding: 0 16px;
1116
+ }
1117
+ }
1118
+ .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active,
1119
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active {
1120
+ padding: 0;
1121
+ }
1122
+ .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
1123
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
1124
+ margin-bottom: 0;
1125
+ }
1126
+ .e-bigger .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap,
1127
+ .e-tab.e-bigger.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
1128
+ padding: 0 16px;
1129
+ }
1130
+ .e-bigger .e-tab.e-background.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator),
1131
+ .e-tab.e-bigger.e-background.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
1132
+ margin: 0;
1133
+ }
1134
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
1135
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
1136
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
1137
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1138
+ margin: 0;
1139
+ }
1140
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator),
1141
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
1142
+ margin: 0;
1143
+ }
1144
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right,
1145
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
1146
+ margin: 0;
1147
+ }
1148
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1149
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1150
+ margin: 0 8px 0 0;
1151
+ }
1152
+ @media screen and (max-width: 480px) {
1153
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1154
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1155
+ margin: 0 8px 0 0;
1156
+ }
1157
+ }
1158
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
1159
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1160
+ margin: 0 8px 0 0;
1161
+ }
1162
+ @media screen and (max-width: 480px) {
1163
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
1164
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1165
+ margin: 0 4px 0 0;
1166
+ }
1167
+ }
1168
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-itop .e-close-icon, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom .e-close-icon,
1169
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-itop .e-close-icon,
1170
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom .e-close-icon {
1171
+ left: 20px;
1172
+ right: auto;
1173
+ }
1174
+ .e-bigger .e-tab.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap,
1175
+ .e-bigger .e-tab.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap,
1176
+ .e-tab.e-bigger.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap,
1177
+ .e-tab.e-bigger.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap {
1178
+ margin-left: 9px;
1179
+ margin-right: 0;
1180
+ }
1181
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item,
1182
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item {
1183
+ margin: 0;
1184
+ }
1185
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
1186
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1187
+ padding-left: 12px;
1188
+ padding-right: 0;
1189
+ }
1190
+ @media screen and (max-width: 480px) {
1191
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
1192
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1193
+ padding-left: 0;
1194
+ }
1195
+ }
1196
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-icons.e-close-icon,
1197
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-icons.e-close-icon {
1198
+ margin: 0;
1199
+ }
1200
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon,
1201
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon,
1202
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon {
1203
+ left: 24px;
1204
+ right: auto;
1205
+ }
1206
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
1207
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1208
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1209
+ margin: 0;
1210
+ padding-left: 12px;
1211
+ padding-right: 0;
1212
+ }
1213
+ @media screen and (max-width: 480px) {
1214
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
1215
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1216
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1217
+ margin: 0;
1218
+ padding-left: 0;
1219
+ padding-right: 0;
1220
+ }
1221
+ }
1222
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-hor-nav,
1223
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-scroll-right-nav,
1224
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-hor-nav,
1225
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-scroll-right-nav {
1226
+ padding: 0;
1227
+ }
1228
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-scroll-left-nav,
1229
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-scroll-left-nav {
1230
+ padding: 0;
1231
+ }
1232
+ .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator),
1233
+ .e-tab.e-bigger.e-rtl .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator) {
1234
+ margin: 0;
1235
+ }
1236
+ .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon,
1237
+ .e-tab.e-bigger.e-rtl .e-tab-header.e-vertical .e-toolbar-item.e-itop .e-close-icon,
1238
+ .e-tab.e-bigger.e-rtl .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon {
1239
+ left: -20px;
1240
+ }
1241
+ .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav,
1242
+ .e-tab.e-bigger.e-rtl .e-tab-header.e-vertical .e-hor-nav {
1243
+ padding: 0 16px;
1244
+ }
1245
+ .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-popup-up-icon::after,
1246
+ .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-popup-down-icon::after,
1247
+ .e-tab.e-bigger.e-rtl .e-tab-header.e-vertical .e-popup-up-icon::after,
1248
+ .e-tab.e-bigger.e-rtl .e-tab-header.e-vertical .e-popup-down-icon::after {
1249
+ margin: 0 8px 0 0;
1250
+ }
1251
+
1252
+ .e-tab {
1253
+ display: block;
1254
+ position: relative;
1255
+ }
1256
+ .e-tab.e-hidden {
1257
+ display: none;
1258
+ }
1259
+ .e-tab.e-fill-mode .e-content, .e-tab.e-fill-mode .e-content .e-item, .e-tab.e-fill-mode .e-content .e-item > div, .e-tab.e-fill-mode .e-content .e-item > div > .e-blazor-template {
1260
+ height: 100%;
1261
+ }
1262
+ .e-tab .e-tab-header {
1263
+ height: 40px;
1264
+ min-height: 40px;
1265
+ }
1266
+ @media screen and (max-width: 480px) {
1267
+ .e-tab .e-tab-header {
1268
+ height: 48px;
1269
+ min-height: 48px;
1270
+ }
1271
+ }
1272
+ .e-tab .e-tab-header::before {
1273
+ content: "";
1274
+ position: absolute;
1275
+ display: block;
1276
+ }
1277
+ .e-tab .e-tab-header:not(.e-vertical)::before {
1278
+ bottom: 0;
1279
+ top: 0;
1280
+ width: 100%;
1281
+ }
1282
+ .e-tab .e-tab-header .e-toolbar-items {
1283
+ height: auto;
1284
+ margin: 0;
1285
+ min-height: 40px;
1286
+ position: relative;
1287
+ }
1288
+ @media screen and (max-width: 480px) {
1289
+ .e-tab .e-tab-header .e-toolbar-items {
1290
+ min-height: 48px;
1291
+ }
1292
+ }
1293
+ .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1294
+ margin: 0;
1295
+ }
1296
+ .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1297
+ margin: 0;
1298
+ padding-bottom: 0;
1299
+ }
1300
+ @media screen and (max-width: 480px) {
1301
+ .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1302
+ margin: 0;
1303
+ }
1304
+ }
1305
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active {
1306
+ position: unset;
1307
+ }
1308
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1309
+ left: unset;
1310
+ right: unset;
1311
+ }
1312
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before {
1313
+ background-color: unset;
1314
+ bottom: unset;
1315
+ content: unset;
1316
+ height: unset;
1317
+ left: unset;
1318
+ position: unset;
1319
+ right: unset;
1320
+ transition: unset;
1321
+ }
1322
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after {
1323
+ color: unset;
1324
+ content: unset;
1325
+ display: unset;
1326
+ font-weight: unset;
1327
+ height: unset;
1328
+ overflow: unset;
1329
+ visibility: unset;
1330
+ }
1331
+ .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device {
1332
+ padding: 0;
1333
+ }
1334
+ .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device .e-scroll-right-nav {
1335
+ display: none;
1336
+ }
1337
+ .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-hscroll-bar {
1338
+ padding: 0;
1339
+ }
1340
+ .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
1341
+ width: 40px;
1342
+ border-radius: 4px;
1343
+ }
1344
+ .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
1345
+ margin: 0;
1346
+ }
1347
+ @media screen and (max-width: 480px) {
1348
+ .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
1349
+ margin: 0;
1350
+ }
1351
+ }
1352
+ .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
1353
+ margin: 0;
1354
+ }
1355
+ .e-tab .e-tab-header .e-hscroll-bar {
1356
+ overflow: hidden;
1357
+ }
1358
+ .e-tab .e-tab-header .e-indicator {
1359
+ display: none;
1360
+ position: absolute;
1361
+ }
1362
+ .e-tab .e-tab-header .e-indicator.e-hidden {
1363
+ display: none;
1364
+ }
1365
+ .e-tab .e-tab-header:not(.e-vertical) .e-indicator {
1366
+ bottom: 0;
1367
+ height: 3px;
1368
+ left: 0;
1369
+ right: 0;
1370
+ border-radius: 3px 3px 0 0;
1371
+ transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
1372
+ }
1373
+ .e-tab .e-tab-header .e-toolbar-item.e-hidden {
1374
+ display: none;
1375
+ }
1376
+ .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
1377
+ height: 40px;
1378
+ margin: 0;
1379
+ min-height: 40px;
1380
+ min-width: auto;
1381
+ padding: 0;
1382
+ }
1383
+ @media screen and (max-width: 480px) {
1384
+ .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
1385
+ height: 48px;
1386
+ min-height: 48px;
1387
+ }
1388
+ }
1389
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1390
+ height: 40px;
1391
+ padding: 0 12px;
1392
+ width: 100%;
1393
+ }
1394
+ @media screen and (max-width: 480px) {
1395
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1396
+ height: 48px;
1397
+ padding: 0 15px;
1398
+ }
1399
+ }
1400
+ .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
1401
+ -ms-flex-line-pack: center;
1402
+ align-content: center;
1403
+ -ms-flex-align: center;
1404
+ align-items: center;
1405
+ display: -ms-inline-flexbox;
1406
+ display: inline-flex;
1407
+ height: 40px;
1408
+ }
1409
+ @media screen and (max-width: 480px) {
1410
+ .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
1411
+ height: 48px;
1412
+ }
1413
+ }
1414
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
1415
+ display: inherit;
1416
+ font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
1417
+ font-size: 14px;
1418
+ font-weight: 500;
1419
+ text-transform: capitalize;
1420
+ -ms-flex-item-align: auto;
1421
+ -ms-grid-row-align: auto;
1422
+ align-self: auto;
1423
+ margin-bottom: 0;
1424
+ }
1425
+ @media screen and (max-width: 480px) {
1426
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
1427
+ font-size: 14px;
1428
+ }
1429
+ }
1430
+ .e-tab .e-tab-header .e-toolbar-item.e-active {
1431
+ margin: 0;
1432
+ padding-bottom: 0;
1433
+ }
1434
+ @media screen and (max-width: 480px) {
1435
+ .e-tab .e-tab-header .e-toolbar-item.e-active {
1436
+ margin: 0;
1437
+ }
1438
+ }
1439
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
1440
+ height: 40px;
1441
+ margin-top: 0;
1442
+ }
1443
+ @media screen and (max-width: 480px) {
1444
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
1445
+ height: 48px;
1446
+ }
1447
+ }
1448
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
1449
+ margin-bottom: 0;
1450
+ }
1451
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
1452
+ font-weight: 500;
1453
+ }
1454
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon::before {
1455
+ top: 1px;
1456
+ left: 5px;
1457
+ }
1458
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-top.e-tab-icon::before,
1459
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-bottom.e-tab-icon::before {
1460
+ left: 0;
1461
+ }
1462
+ .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
1463
+ height: 40px;
1464
+ padding: 0;
1465
+ }
1466
+ @media screen and (max-width: 480px) {
1467
+ .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
1468
+ height: 48px;
1469
+ }
1470
+ }
1471
+ .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
1472
+ display: none;
1473
+ margin: 0 0 0 10px;
1474
+ min-width: 14px;
1475
+ }
1476
+ @media screen and (max-width: 480px) {
1477
+ .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
1478
+ margin: 0 0 0 4px;
1479
+ }
1480
+ }
1481
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
1482
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1483
+ font-size: 14px;
1484
+ }
1485
+ @media screen and (max-width: 480px) {
1486
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
1487
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1488
+ font-size: 12px;
1489
+ }
1490
+ }
1491
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1492
+ top: 1px;
1493
+ }
1494
+ .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
1495
+ display: -ms-inline-flexbox;
1496
+ display: inline-flex;
1497
+ height: 24px;
1498
+ min-width: 24px;
1499
+ width: 24px;
1500
+ line-height: 24px;
1501
+ }
1502
+ @media screen and (max-width: 480px) {
1503
+ .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
1504
+ height: 20px;
1505
+ width: 20px;
1506
+ }
1507
+ }
1508
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
1509
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1510
+ font-size: 14px;
1511
+ }
1512
+ @media screen and (max-width: 480px) {
1513
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
1514
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1515
+ font-size: 20px;
1516
+ }
1517
+ }
1518
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1519
+ position: relative;
1520
+ top: 1px;
1521
+ left: 5px;
1522
+ }
1523
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-top.e-tab-icon::before,
1524
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-bottom.e-tab-icon::before {
1525
+ left: 0;
1526
+ }
1527
+ .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
1528
+ -ms-flex-pack: center;
1529
+ justify-content: center;
1530
+ padding: 9px;
1531
+ }
1532
+ @media screen and (max-width: 480px) {
1533
+ .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
1534
+ padding: 0 16px;
1535
+ }
1536
+ }
1537
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-right {
1538
+ margin: 0 0 0 8px;
1539
+ }
1540
+ @media screen and (max-width: 480px) {
1541
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-right {
1542
+ margin: 0;
1543
+ }
1544
+ }
1545
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
1546
+ margin: 0 0 0 4px;
1547
+ }
1548
+ @media screen and (max-width: 480px) {
1549
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
1550
+ margin: 0 0 0 8px;
1551
+ }
1552
+ }
1553
+ .e-tab .e-tab-header .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-item.e-ibottom {
1554
+ height: 68px;
1555
+ }
1556
+ @media screen and (max-width: 480px) {
1557
+ .e-tab .e-tab-header .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-item.e-ibottom {
1558
+ height: 68px;
1559
+ }
1560
+ }
1561
+ .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 {
1562
+ -ms-flex-align: center;
1563
+ align-items: center;
1564
+ display: -ms-flexbox;
1565
+ display: flex;
1566
+ height: 68px;
1567
+ position: relative;
1568
+ }
1569
+ @media screen and (max-width: 480px) {
1570
+ .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 {
1571
+ height: 68px;
1572
+ }
1573
+ }
1574
+ .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
1575
+ height: auto;
1576
+ }
1577
+ .e-tab .e-tab-header .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-text-wrap {
1578
+ display: block;
1579
+ height: auto;
1580
+ }
1581
+ .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap {
1582
+ height: auto;
1583
+ }
1584
+ .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap .e-text-wrap {
1585
+ height: auto;
1586
+ }
1587
+ .e-tab .e-tab-header .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon {
1588
+ position: absolute;
1589
+ right: 15px;
1590
+ top: calc(50% - 6px);
1591
+ }
1592
+ @media screen and (max-width: 480px) {
1593
+ .e-tab .e-tab-header .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon {
1594
+ right: 12px;
1595
+ }
1596
+ }
1597
+ .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text {
1598
+ margin: 4px 0 0;
1599
+ }
1600
+ @media screen and (max-width: 480px) {
1601
+ .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text {
1602
+ margin: 4px 0 0;
1603
+ }
1604
+ }
1605
+ .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text {
1606
+ margin: 0 0 4px;
1607
+ }
1608
+ @media screen and (max-width: 480px) {
1609
+ .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text {
1610
+ margin: 0 0 10px;
1611
+ }
1612
+ }
1613
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-top,
1614
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-bottom {
1615
+ -ms-flex-align: center;
1616
+ align-items: center;
1617
+ display: -ms-flexbox;
1618
+ display: flex;
1619
+ -ms-flex-direction: column;
1620
+ flex-direction: column;
1621
+ -ms-flex-pack: center;
1622
+ justify-content: center;
1623
+ margin: auto;
1624
+ }
1625
+ .e-tab .e-tab-header .e-toolbar-pop {
1626
+ overflow-y: auto;
1627
+ padding: 0;
1628
+ }
1629
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item {
1630
+ height: 40px;
1631
+ min-height: 40px;
1632
+ min-width: auto;
1633
+ }
1634
+ @media screen and (max-width: 480px) {
1635
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item {
1636
+ height: 50px;
1637
+ min-height: 50px;
1638
+ }
1639
+ }
1640
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1641
+ margin: 0;
1642
+ padding: 0;
1643
+ }
1644
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
1645
+ height: 40px;
1646
+ padding: 0 12px;
1647
+ text-align: initial;
1648
+ }
1649
+ @media screen and (max-width: 480px) {
1650
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
1651
+ height: 50px;
1652
+ padding: 0 16px;
1653
+ }
1654
+ }
1655
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
1656
+ height: 40px;
1657
+ width: 100%;
1658
+ }
1659
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1660
+ display: -ms-inline-flexbox;
1661
+ display: inline-flex;
1662
+ width: 100%;
1663
+ }
1664
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon {
1665
+ margin: 0 0 0 8px;
1666
+ }
1667
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon::before {
1668
+ top: 0;
1669
+ }
1670
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
1671
+ padding-right: 10px;
1672
+ }
1673
+ @media screen and (max-width: 480px) {
1674
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
1675
+ padding-right: 0;
1676
+ }
1677
+ }
1678
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom {
1679
+ height: 40px;
1680
+ }
1681
+ @media screen and (max-width: 480px) {
1682
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom {
1683
+ height: 48px;
1684
+ }
1685
+ }
1686
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
1687
+ min-height: 40px;
1688
+ }
1689
+ @media screen and (max-width: 480px) {
1690
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
1691
+ min-height: 48px;
1692
+ }
1693
+ }
1694
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
1695
+ height: 40px;
1696
+ }
1697
+ @media screen and (max-width: 480px) {
1698
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
1699
+ height: 48px;
1700
+ }
1701
+ }
1702
+ .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 {
1703
+ display: -ms-inline-flexbox;
1704
+ display: inline-flex;
1705
+ height: auto;
1706
+ }
1707
+ .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 {
1708
+ display: block;
1709
+ -ms-flex-pack: center;
1710
+ justify-content: center;
1711
+ margin: 0 0 0 10px;
1712
+ padding-left: 0;
1713
+ padding-right: 10px;
1714
+ }
1715
+ @media screen and (max-width: 480px) {
1716
+ .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 {
1717
+ -ms-flex-pack: center;
1718
+ justify-content: center;
1719
+ margin: 0 0 0 12px;
1720
+ padding-left: 0;
1721
+ padding-right: 0;
1722
+ }
1723
+ }
1724
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon {
1725
+ right: 20px;
1726
+ top: initial;
1727
+ }
1728
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1729
+ margin: 0;
1730
+ }
1731
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-top,
1732
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-bottom {
1733
+ display: -ms-inline-flexbox;
1734
+ display: inline-flex;
1735
+ }
1736
+ .e-tab .e-tab-header.e-close-show .e-icons.e-close-icon {
1737
+ -ms-flex-align: center;
1738
+ align-items: center;
1739
+ -ms-flex-item-align: center;
1740
+ align-self: center;
1741
+ display: -ms-inline-flexbox;
1742
+ display: inline-flex;
1743
+ }
1744
+ @media screen and (max-width: 480px) {
1745
+ .e-tab .e-tab-header.e-close-show .e-icons.e-close-icon {
1746
+ display: none;
1747
+ }
1748
+ }
1749
+ @media screen and (max-width: 480px) {
1750
+ .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-active .e-close-icon {
1751
+ display: -ms-inline-flexbox;
1752
+ display: inline-flex;
1753
+ }
1754
+ }
1755
+ .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap,
1756
+ .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap {
1757
+ margin-right: 20px;
1758
+ }
1759
+ .e-tab .e-tab-header .e-scroll-nav {
1760
+ height: 40px;
1761
+ min-height: 40px;
1762
+ min-width: auto;
1763
+ width: auto;
1764
+ }
1765
+ @media screen and (max-width: 480px) {
1766
+ .e-tab .e-tab-header .e-scroll-nav {
1767
+ height: 48px;
1768
+ min-height: 48px;
1769
+ }
1770
+ }
1771
+ .e-tab .e-tab-header .e-scroll-nav.e-scroll-left-nav {
1772
+ padding: 0;
1773
+ }
1774
+ .e-tab .e-tab-header .e-scroll-nav.e-scroll-right-nav {
1775
+ padding: 0;
1776
+ }
1777
+ @media screen and (max-width: 480px) {
1778
+ .e-tab .e-tab-header .e-scroll-nav.e-scroll-right-nav {
1779
+ padding: 0;
1780
+ }
1781
+ }
1782
+ .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before,
1783
+ .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
1784
+ font-size: 18px;
1785
+ line-height: 40px;
1786
+ position: relative;
1787
+ top: 0;
1788
+ vertical-align: initial;
1789
+ }
1790
+ .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow {
1791
+ font-size: 18px;
1792
+ height: 40px;
1793
+ line-height: 40px;
1794
+ width: 40px;
1795
+ }
1796
+ @media screen and (max-width: 480px) {
1797
+ .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow {
1798
+ font-size: 24px;
1799
+ height: 48px;
1800
+ line-height: 48px;
1801
+ width: 48px;
1802
+ }
1803
+ }
1804
+ .e-tab .e-tab-header .e-hor-nav {
1805
+ height: 40px;
1806
+ min-height: 40px;
1807
+ min-width: auto;
1808
+ padding: 0;
1809
+ width: auto;
1810
+ }
1811
+ @media screen and (max-width: 480px) {
1812
+ .e-tab .e-tab-header .e-hor-nav {
1813
+ height: 48px;
1814
+ min-height: 48px;
1815
+ padding: 0;
1816
+ }
1817
+ }
1818
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
1819
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1820
+ font-size: 18px;
1821
+ height: 40px;
1822
+ line-height: 40px;
1823
+ width: 40px;
1824
+ }
1825
+ @media screen and (max-width: 480px) {
1826
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
1827
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1828
+ font-size: 24px;
1829
+ height: 48px;
1830
+ line-height: 48px;
1831
+ width: 48px;
1832
+ }
1833
+ }
1834
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1835
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1836
+ font-size: 18px;
1837
+ line-height: 40px;
1838
+ position: relative;
1839
+ top: 0;
1840
+ vertical-align: initial;
1841
+ }
1842
+ @media screen and (max-width: 480px) {
1843
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1844
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1845
+ font-size: 20px;
1846
+ }
1847
+ }
1848
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
1849
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
1850
+ line-height: 40px;
1851
+ }
1852
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1853
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1854
+ line-height: 40px;
1855
+ top: 0;
1856
+ }
1857
+ @media screen and (max-width: 480px) {
1858
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1859
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1860
+ line-height: 43px;
1861
+ }
1862
+ }
1863
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
1864
+ transform: rotate(0deg);
1865
+ transition: none;
1866
+ }
1867
+ @media screen and (max-width: 480px) {
1868
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
1869
+ transform: none;
1870
+ transition: none;
1871
+ }
1872
+ }
1873
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1874
+ transform: rotate(0deg);
1875
+ transition: none;
1876
+ }
1877
+ @media screen and (max-width: 480px) {
1878
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1879
+ transform: none;
1880
+ transition: none;
1881
+ }
1882
+ }
1883
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
1884
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
1885
+ line-height: 40px;
1886
+ }
1887
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1888
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1889
+ line-height: 40px;
1890
+ top: 0;
1891
+ }
1892
+ @media screen and (max-width: 480px) {
1893
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1894
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1895
+ line-height: 43px;
1896
+ }
1897
+ }
1898
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
1899
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
1900
+ line-height: 40px;
1901
+ top: -0.5px;
1902
+ }
1903
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active {
1904
+ position: unset;
1905
+ }
1906
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1907
+ left: unset;
1908
+ right: unset;
1909
+ }
1910
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::before {
1911
+ background-color: unset;
1912
+ content: unset;
1913
+ height: unset;
1914
+ left: unset;
1915
+ position: unset;
1916
+ right: unset;
1917
+ top: unset;
1918
+ transition: unset;
1919
+ }
1920
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after {
1921
+ color: unset;
1922
+ content: unset;
1923
+ display: unset;
1924
+ font-weight: unset;
1925
+ height: unset;
1926
+ overflow: unset;
1927
+ visibility: unset;
1928
+ }
1929
+ .e-tab .e-tab-header.e-horizontal-bottom::before {
1930
+ bottom: auto;
1931
+ }
1932
+ .e-tab .e-tab-header.e-horizontal-bottom .e-hscroll-bar {
1933
+ margin-top: 0;
1934
+ }
1935
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1936
+ margin: 0;
1937
+ padding-bottom: 0;
1938
+ padding-top: 0;
1939
+ }
1940
+ @media screen and (max-width: 480px) {
1941
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1942
+ margin: 0;
1943
+ }
1944
+ }
1945
+ .e-tab .e-tab-header.e-horizontal-bottom .e-indicator {
1946
+ bottom: auto;
1947
+ top: 0;
1948
+ }
1949
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
1950
+ margin: 0;
1951
+ padding-bottom: 0;
1952
+ padding-top: 0;
1953
+ }
1954
+ @media screen and (max-width: 480px) {
1955
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
1956
+ margin: 0;
1957
+ }
1958
+ }
1959
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
1960
+ height: 40px;
1961
+ padding: 0;
1962
+ }
1963
+ @media screen and (max-width: 480px) {
1964
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
1965
+ height: 48px;
1966
+ }
1967
+ }
1968
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap::before, .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:not(.e-separator):last-child .e-text-wrap::before {
1969
+ top: unset;
1970
+ }
1971
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-tab-wrap:focus .e-close-icon::before {
1972
+ top: 0;
1973
+ }
1974
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-text-wrap {
1975
+ height: initial;
1976
+ }
1977
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap, .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap {
1978
+ height: initial;
1979
+ padding: 0;
1980
+ }
1981
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap::before, .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap::before {
1982
+ bottom: auto;
1983
+ top: 0;
1984
+ }
1985
+ .e-tab .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-text-wrap::before {
1986
+ display: none;
1987
+ }
1988
+ .e-tab .e-tab-header.e-vertical {
1989
+ max-width: 150px;
1990
+ z-index: 1;
1991
+ }
1992
+ .e-tab .e-tab-header.e-vertical::before {
1993
+ bottom: 0;
1994
+ height: 100%;
1995
+ left: 0;
1996
+ top: 0;
1997
+ }
1998
+ .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
1999
+ bottom: 15px;
2000
+ height: auto;
2001
+ top: 15px;
2002
+ }
2003
+ @media screen and (max-width: 480px) {
2004
+ .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
2005
+ bottom: 0;
2006
+ top: 0;
2007
+ }
2008
+ }
2009
+ .e-tab .e-tab-header.e-vertical .e-indicator {
2010
+ display: block;
2011
+ transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
2012
+ width: 3px;
2013
+ }
2014
+ .e-tab .e-tab-header.e-vertical .e-toolbar-items {
2015
+ height: inherit;
2016
+ -ms-flex-direction: column;
2017
+ flex-direction: column;
2018
+ -ms-flex-align: normal;
2019
+ align-items: normal;
2020
+ }
2021
+ .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
2022
+ padding: 16px 0;
2023
+ }
2024
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item:last-child {
2025
+ margin: 0;
2026
+ }
2027
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator) {
2028
+ margin: 0;
2029
+ }
2030
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-wrap {
2031
+ padding: 0 12px;
2032
+ }
2033
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-text-wrap {
2034
+ position: relative;
2035
+ width: 100%;
2036
+ }
2037
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-text,
2038
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-icon::before {
2039
+ text-align: center;
2040
+ width: 100%;
2041
+ }
2042
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-text {
2043
+ overflow: hidden;
2044
+ text-overflow: ellipsis;
2045
+ white-space: nowrap;
2046
+ }
2047
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap::before {
2048
+ display: none;
2049
+ }
2050
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon {
2051
+ min-height: 40px;
2052
+ min-width: 33px;
2053
+ }
2054
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon .e-tab-icon {
2055
+ margin: 0;
2056
+ }
2057
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon {
2058
+ right: -15px;
2059
+ }
2060
+ .e-tab .e-tab-header.e-vertical .e-toolbar-pop {
2061
+ top: initial !important; /* stylelint-disable-line declaration-no-important */
2062
+ }
2063
+ .e-tab .e-tab-header.e-vertical.e-vertical-left {
2064
+ float: left;
2065
+ }
2066
+ .e-tab .e-tab-header.e-vertical.e-vertical-left::before {
2067
+ right: 0;
2068
+ }
2069
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-indicator {
2070
+ left: auto;
2071
+ right: 0;
2072
+ border-radius: 3px 0 0 3px;
2073
+ }
2074
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active:hover::before {
2075
+ bottom: unset;
2076
+ height: unset;
2077
+ }
2078
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::before {
2079
+ background-color: unset;
2080
+ bottom: unset;
2081
+ content: unset;
2082
+ height: unset;
2083
+ left: unset;
2084
+ position: unset;
2085
+ right: unset;
2086
+ transition: unset;
2087
+ width: unset;
2088
+ }
2089
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::after {
2090
+ color: unset;
2091
+ content: unset;
2092
+ display: unset;
2093
+ font-weight: unset;
2094
+ height: unset;
2095
+ overflow: unset;
2096
+ visibility: unset;
2097
+ }
2098
+ .e-tab .e-tab-header.e-vertical.e-vertical-right {
2099
+ float: right;
2100
+ }
2101
+ .e-tab .e-tab-header.e-vertical.e-vertical-right::before {
2102
+ right: auto;
2103
+ }
2104
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-indicator {
2105
+ left: 0;
2106
+ right: auto;
2107
+ border-radius: 0 3px 3px 0;
2108
+ }
2109
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-tab-wrap {
2110
+ text-align: right;
2111
+ }
2112
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-pop .e-tab-text {
2113
+ width: auto;
2114
+ }
2115
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active:hover::before {
2116
+ bottom: unset;
2117
+ height: unset;
2118
+ }
2119
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::before {
2120
+ background-color: unset;
2121
+ bottom: unset;
2122
+ content: unset;
2123
+ height: unset;
2124
+ left: unset;
2125
+ position: unset;
2126
+ right: unset;
2127
+ transition: unset;
2128
+ width: unset;
2129
+ }
2130
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::after {
2131
+ color: unset;
2132
+ content: unset;
2133
+ display: unset;
2134
+ font-weight: unset;
2135
+ height: unset;
2136
+ overflow: unset;
2137
+ visibility: unset;
2138
+ }
2139
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav {
2140
+ height: 18px;
2141
+ -ms-flex-pack: center;
2142
+ justify-content: center;
2143
+ min-height: 18px;
2144
+ width: 100%;
2145
+ }
2146
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
2147
+ font-size: 18px;
2148
+ height: 18px;
2149
+ line-height: 18px;
2150
+ margin: 0 auto;
2151
+ width: 18px;
2152
+ }
2153
+ .e-tab .e-tab-header.e-vertical .e-hor-nav {
2154
+ padding: 0 12px;
2155
+ width: 100%;
2156
+ }
2157
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
2158
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
2159
+ height: 100%;
2160
+ transform: none;
2161
+ transition: none;
2162
+ width: 100%;
2163
+ }
2164
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
2165
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before {
2166
+ float: left;
2167
+ font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
2168
+ font-size: 14px;
2169
+ font-weight: 500;
2170
+ line-height: 40px;
2171
+ text-align: left;
2172
+ text-transform: capitalize;
2173
+ transform: none;
2174
+ transition: none;
2175
+ }
2176
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
2177
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
2178
+ float: left;
2179
+ font-size: 12px;
2180
+ line-height: 40px;
2181
+ margin: 0 0 0 8px;
2182
+ vertical-align: initial;
2183
+ }
2184
+ @media screen and (max-width: 480px) {
2185
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
2186
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
2187
+ font-size: 14px;
2188
+ }
2189
+ }
2190
+ .e-tab .e-tab-header.e-vertical .e-scroll-device .e-scroll-nav,
2191
+ .e-tab .e-tab-header.e-vertical .e-scroll-device .e-scroll-overlay {
2192
+ display: none;
2193
+ }
2194
+ .e-tab .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
2195
+ height: auto;
2196
+ }
2197
+ .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
2198
+ margin: 0;
2199
+ }
2200
+ .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator) {
2201
+ margin: 0;
2202
+ }
2203
+ .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator).e-itop .e-close-icon, .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator).e-ibottom .e-close-icon {
2204
+ left: -15px;
2205
+ }
2206
+ .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav {
2207
+ padding: 0 12px;
2208
+ }
2209
+ .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
2210
+ .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before {
2211
+ float: right;
2212
+ }
2213
+ .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
2214
+ .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
2215
+ float: right;
2216
+ margin: 0 8px 0 0;
2217
+ }
2218
+ .e-tab .e-content {
2219
+ position: relative;
2220
+ }
2221
+ .e-tab .e-content .e-item.e-view {
2222
+ bottom: 0;
2223
+ left: 0;
2224
+ overflow: hidden;
2225
+ position: absolute;
2226
+ right: 0;
2227
+ top: 0;
2228
+ }
2229
+ .e-tab .e-content > .e-item {
2230
+ display: none;
2231
+ }
2232
+ .e-tab .e-content > .e-item.e-active {
2233
+ background: inherit;
2234
+ display: block;
2235
+ }
2236
+ .e-tab .e-content.e-progress {
2237
+ overflow: hidden;
2238
+ }
2239
+ .e-tab.e-vertical-tab .e-content {
2240
+ display: -ms-flexbox;
2241
+ display: flex;
2242
+ }
2243
+ .e-tab.e-vertical-tab .e-content .e-item.e-active {
2244
+ display: -ms-flexbox;
2245
+ display: flex;
2246
+ -ms-flex: none;
2247
+ flex: none;
2248
+ }
2249
+ .e-tab.e-vertical-tab .e-content .e-item,
2250
+ .e-tab.e-vertical-tab .e-content .e-item > :first-child {
2251
+ width: 100%;
2252
+ }
2253
+ .e-tab.e-vertical-icon > .e-tab-header {
2254
+ height: 68px;
2255
+ min-height: 68px;
2256
+ }
2257
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2258
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2259
+ display: none;
2260
+ }
2261
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
2262
+ height: 68px;
2263
+ }
2264
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2265
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2266
+ position: unset;
2267
+ }
2268
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2269
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2270
+ border: 1.6px solid rgba(var(--color-sf-primary));
2271
+ content: "";
2272
+ display: none;
2273
+ position: absolute;
2274
+ top: 0;
2275
+ width: 100%;
2276
+ }
2277
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2278
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2279
+ content: unset;
2280
+ display: unset;
2281
+ position: unset;
2282
+ top: unset;
2283
+ width: unset;
2284
+ border: unset;
2285
+ }
2286
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
2287
+ height: 68px;
2288
+ }
2289
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
2290
+ height: 68px;
2291
+ }
2292
+ @media screen and (max-width: 480px) {
2293
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2294
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2295
+ font-size: 20px;
2296
+ }
2297
+ }
2298
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator {
2299
+ width: 3px;
2300
+ }
2301
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2302
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2303
+ display: none;
2304
+ }
2305
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2306
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2307
+ position: relative;
2308
+ }
2309
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
2310
+ height: 18px;
2311
+ }
2312
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2313
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2314
+ top: 1.6px solid rgba(var(--color-sf-on-primary));
2315
+ }
2316
+ .e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active {
2317
+ margin: 0;
2318
+ }
2319
+ .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
2320
+ height: inherit;
2321
+ }
2322
+ .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
2323
+ height: 40px;
2324
+ }
2325
+ .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2326
+ height: 40px;
2327
+ }
2328
+ .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
2329
+ height: 68px;
2330
+ }
2331
+ .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
2332
+ height: auto;
2333
+ }
2334
+ .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap {
2335
+ height: auto;
2336
+ }
2337
+ .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus {
2338
+ height: 40px;
2339
+ }
2340
+ .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2341
+ height: 40px;
2342
+ }
2343
+ .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
2344
+ height: 40px;
2345
+ }
2346
+ .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
2347
+ height: 40px;
2348
+ padding: 0;
2349
+ }
2350
+ .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
2351
+ height: auto;
2352
+ }
2353
+ .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap {
2354
+ height: auto;
2355
+ }
2356
+ .e-tab.e-template .e-tab-header .e-toolbar-items .e-toolbar-item .e-tab-wrap .e-text-wrap .e-tab-text > div,
2357
+ .e-tab.e-template .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-text-wrap .e-tab-text > div {
2358
+ display: inherit;
2359
+ }
2360
+ .e-tab.e-template .e-content > .e-item {
2361
+ display: none;
2362
+ }
2363
+ .e-tab.e-template .e-content > .e-item.e-active {
2364
+ background: inherit;
2365
+ display: block;
2366
+ }
2367
+ .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align,
2368
+ .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align {
2369
+ display: -ms-flexbox;
2370
+ display: flex;
2371
+ }
2372
+ .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
2373
+ .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
2374
+ .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
2375
+ .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon {
2376
+ display: block;
2377
+ line-height: 18px;
2378
+ }
2379
+ .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
2380
+ .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
2381
+ .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
2382
+ .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow {
2383
+ display: block;
2384
+ line-height: 18px;
2385
+ }
2386
+ .e-tab.e-ie .e-tab-header .e-popup-up-icon,
2387
+ .e-tab.e-ie .e-tab-header .e-popup-down-icon {
2388
+ transform: none;
2389
+ transition: none;
2390
+ }
2391
+ .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
2392
+ transform: rotate(0deg);
2393
+ transition: none;
2394
+ }
2395
+ @media screen and (max-width: 480px) {
2396
+ .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
2397
+ transform: none;
2398
+ transition: none;
2399
+ }
2400
+ }
2401
+ .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
2402
+ transform: rotate(0deg);
2403
+ transition: none;
2404
+ }
2405
+ @media screen and (max-width: 480px) {
2406
+ .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
2407
+ transform: none;
2408
+ transition: none;
2409
+ }
2410
+ }
2411
+ .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align,
2412
+ .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align {
2413
+ display: -ms-flexbox;
2414
+ display: flex;
2415
+ }
2416
+ .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
2417
+ .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
2418
+ .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
2419
+ .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon {
2420
+ display: block;
2421
+ line-height: 18px;
2422
+ position: relative;
2423
+ }
2424
+ .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
2425
+ .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
2426
+ .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
2427
+ .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow {
2428
+ display: block;
2429
+ line-height: 18px;
2430
+ position: relative;
2431
+ }
2432
+ .e-tab.e-edge .e-tab-header .e-popup-up-icon {
2433
+ transform: rotate(0deg);
2434
+ transition: none;
2435
+ }
2436
+ @media screen and (max-width: 480px) {
2437
+ .e-tab.e-edge .e-tab-header .e-popup-up-icon {
2438
+ transform: none;
2439
+ transition: none;
2440
+ }
2441
+ }
2442
+ .e-tab.e-edge .e-tab-header .e-popup-down-icon {
2443
+ transform: rotate(0deg);
2444
+ transition: none;
2445
+ }
2446
+ @media screen and (max-width: 480px) {
2447
+ .e-tab.e-edge .e-tab-header .e-popup-down-icon {
2448
+ transform: none;
2449
+ transition: none;
2450
+ }
2451
+ }
2452
+ @media screen and (max-width: 480px) and (max-width: 480px) {
2453
+ .e-tab.e-edge .e-tab-header .e-popup-down-icon {
2454
+ transform: none;
2455
+ transition: none;
2456
+ }
2457
+ }
2458
+ .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
2459
+ transform: rotate(0deg);
2460
+ transition: none;
2461
+ }
2462
+ @media screen and (max-width: 480px) {
2463
+ .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
2464
+ transform: none;
2465
+ transition: none;
2466
+ }
2467
+ }
2468
+ .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
2469
+ transform: rotate(0deg);
2470
+ transition: none;
2471
+ }
2472
+ @media screen and (max-width: 480px) {
2473
+ .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
2474
+ transform: none;
2475
+ transition: none;
2476
+ }
2477
+ }
2478
+ .e-tab.e-safari .e-tab-header .e-close-icon::before {
2479
+ top: -1px;
2480
+ }
2481
+ .e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2482
+ .e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-down-icon::before,
2483
+ .e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-up-icon::before,
2484
+ .e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-down-icon::before {
2485
+ top: 0;
2486
+ }
2487
+ .e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-left-arrow::before,
2488
+ .e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-right-arrow::before,
2489
+ .e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-left-arrow::before,
2490
+ .e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
2491
+ top: 0;
2492
+ }
2493
+ .e-tab.e-disable {
2494
+ pointer-events: none;
2495
+ }
2496
+ .e-tab.e-fill .e-tab-header {
2497
+ height: 40px;
2498
+ min-height: 40px;
2499
+ }
2500
+ @media screen and (max-width: 480px) {
2501
+ .e-tab.e-fill .e-tab-header {
2502
+ height: 48px;
2503
+ min-height: 48px;
2504
+ }
2505
+ }
2506
+ .e-tab.e-fill .e-tab-header .e-indicator {
2507
+ display: none;
2508
+ }
2509
+ .e-tab.e-fill .e-tab-header .e-toolbar-items {
2510
+ height: auto;
2511
+ min-height: 40px;
2512
+ }
2513
+ @media screen and (max-width: 480px) {
2514
+ .e-tab.e-fill .e-tab-header .e-toolbar-items {
2515
+ min-height: 48px;
2516
+ }
2517
+ }
2518
+ .e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
2519
+ margin: 0;
2520
+ padding: 0;
2521
+ }
2522
+ .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
2523
+ height: 40px;
2524
+ margin: 0;
2525
+ min-height: 40px;
2526
+ padding: 0;
2527
+ }
2528
+ @media screen and (max-width: 480px) {
2529
+ .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
2530
+ height: 48px;
2531
+ min-height: 48px;
2532
+ }
2533
+ }
2534
+ .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom {
2535
+ height: 68px;
2536
+ min-height: 68px;
2537
+ }
2538
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
2539
+ height: 40px;
2540
+ padding: 0 12px;
2541
+ }
2542
+ @media screen and (max-width: 480px) {
2543
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
2544
+ height: 48px;
2545
+ padding: 0 15px;
2546
+ }
2547
+ }
2548
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
2549
+ height: 40px;
2550
+ }
2551
+ @media screen and (max-width: 480px) {
2552
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
2553
+ height: 48px;
2554
+ }
2555
+ }
2556
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active {
2557
+ padding: 0;
2558
+ }
2559
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
2560
+ margin-bottom: 0;
2561
+ }
2562
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
2563
+ height: 40px;
2564
+ }
2565
+ @media screen and (max-width: 480px) {
2566
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
2567
+ height: 48px;
2568
+ }
2569
+ }
2570
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text {
2571
+ font-weight: 500;
2572
+ }
2573
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
2574
+ height: 40px;
2575
+ }
2576
+ @media screen and (max-width: 480px) {
2577
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
2578
+ height: 48px;
2579
+ }
2580
+ }
2581
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap {
2582
+ height: 68px;
2583
+ }
2584
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-itop .e-text-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-ibottom .e-text-wrap {
2585
+ height: auto;
2586
+ }
2587
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
2588
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
2589
+ height: auto;
2590
+ }
2591
+ .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child.e-active, .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
2592
+ padding: 0;
2593
+ }
2594
+ .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item.e-itop, .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child.e-itop, .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-itop {
2595
+ padding-top: 0;
2596
+ }
2597
+ .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
2598
+ margin-right: 0;
2599
+ padding: 0;
2600
+ }
2601
+ .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
2602
+ height: 40px;
2603
+ }
2604
+ @media screen and (max-width: 480px) {
2605
+ .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
2606
+ height: 48px;
2607
+ }
2608
+ }
2609
+ .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
2610
+ height: auto;
2611
+ }
2612
+ .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap, .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-text-wrap {
2613
+ height: auto;
2614
+ }
2615
+ .e-tab.e-fill .e-tab-header.e-vertical .e-toolbar-items {
2616
+ height: inherit;
2617
+ }
2618
+ .e-tab.e-fill .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
2619
+ padding: 0 12px;
2620
+ }
2621
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
2622
+ height: 40px;
2623
+ }
2624
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2625
+ height: 40px;
2626
+ }
2627
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
2628
+ height: 40px;
2629
+ }
2630
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
2631
+ height: 68px;
2632
+ }
2633
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
2634
+ height: auto;
2635
+ }
2636
+ @media screen and (max-width: 480px) {
2637
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
2638
+ height: auto;
2639
+ }
2640
+ }
2641
+ .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2642
+ margin: 0;
2643
+ }
2644
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2645
+ height: 66px;
2646
+ min-height: 66px;
2647
+ }
2648
+ .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
2649
+ .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
2650
+ margin: 0;
2651
+ padding: 0;
2652
+ }
2653
+ .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
2654
+ margin: 0;
2655
+ padding: 0;
2656
+ }
2657
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
2658
+ padding: 0 12px;
2659
+ }
2660
+ @media screen and (max-width: 480px) {
2661
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
2662
+ padding: 0 15px;
2663
+ }
2664
+ }
2665
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
2666
+ padding: 0;
2667
+ }
2668
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
2669
+ margin-bottom: 0;
2670
+ }
2671
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text {
2672
+ font-weight: 500;
2673
+ }
2674
+ .e-tab.e-background .e-tab-header.e-vertical .e-indicator {
2675
+ display: block;
2676
+ }
2677
+ .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
2678
+ padding: 0 12px;
2679
+ }
2680
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child.e-active,
2681
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
2682
+ padding: 0;
2683
+ }
2684
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
2685
+ margin: 0;
2686
+ padding: 0;
2687
+ }
2688
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-text-wrap {
2689
+ height: 40px;
2690
+ }
2691
+ .e-tab.e-background.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2692
+ margin: 0;
2693
+ }
2694
+ .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
2695
+ .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
2696
+ margin: 0;
2697
+ }
2698
+ .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2699
+ margin: 0;
2700
+ }
2701
+ .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
2702
+ margin: 0;
2703
+ }
2704
+ .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
2705
+ margin: 0 8px 0 0;
2706
+ }
2707
+ .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
2708
+ margin: 0 4px 0 0;
2709
+ }
2710
+ .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-itop .e-close-icon, .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom .e-close-icon {
2711
+ left: 15px;
2712
+ right: auto;
2713
+ }
2714
+ .e-tab.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap,
2715
+ .e-tab.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap {
2716
+ margin-left: 9px;
2717
+ margin-right: 0;
2718
+ }
2719
+ .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) {
2720
+ margin: 0;
2721
+ }
2722
+ .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item {
2723
+ margin: 0;
2724
+ }
2725
+ .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
2726
+ padding-left: 10px;
2727
+ padding-right: 0;
2728
+ }
2729
+ @media screen and (max-width: 480px) {
2730
+ .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
2731
+ padding-left: 0;
2732
+ }
2733
+ }
2734
+ .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-icons.e-close-icon {
2735
+ margin: 0;
2736
+ }
2737
+ .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon {
2738
+ left: 16px;
2739
+ right: auto;
2740
+ }
2741
+ .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon {
2742
+ left: 24px;
2743
+ right: auto;
2744
+ }
2745
+ .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
2746
+ margin: 0;
2747
+ padding-left: 10px;
2748
+ padding-right: 0;
2749
+ }
2750
+ @media screen and (max-width: 480px) {
2751
+ .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
2752
+ margin: 0;
2753
+ padding-left: 10px;
2754
+ padding-right: 0;
2755
+ }
2756
+ }
2757
+ .e-tab.e-rtl .e-tab-header .e-hor-nav,
2758
+ .e-tab.e-rtl .e-tab-header .e-scroll-right-nav {
2759
+ padding: 0;
2760
+ }
2761
+ .e-tab.e-rtl .e-tab-header .e-scroll-left-nav {
2762
+ padding: 0;
2763
+ }
2764
+ .e-tab.e-vertical-tab.e-icon-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
2765
+ .e-tab.e-vertical-tab.e-icon-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before {
2766
+ display: none;
2767
+ }
2768
+ .e-tab.e-vertical-tab.e-icon-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
2769
+ .e-tab.e-vertical-tab.e-icon-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
2770
+ margin: 0;
2771
+ width: 100%;
2772
+ }
2773
+
2774
+ .e-tab-clone-element {
2775
+ overflow: visible;
2776
+ z-index: 10000;
2777
+ }
2778
+ .e-tab-clone-element:not(.e-separator) {
2779
+ height: 40px;
2780
+ margin: 0;
2781
+ min-height: 40px;
2782
+ min-width: auto;
2783
+ padding: 0;
2784
+ }
2785
+ @media screen and (max-width: 480px) {
2786
+ .e-tab-clone-element:not(.e-separator) {
2787
+ height: 48px;
2788
+ min-height: 48px;
2789
+ }
2790
+ }
2791
+ .e-tab-clone-element .e-tab-wrap {
2792
+ height: 40px;
2793
+ padding: 0 12px;
2794
+ width: 100%;
2795
+ }
2796
+ @media screen and (max-width: 480px) {
2797
+ .e-tab-clone-element .e-tab-wrap {
2798
+ height: 48px;
2799
+ padding: 0 15px;
2800
+ }
2801
+ }
2802
+ .e-tab-clone-element .e-text-wrap {
2803
+ -ms-flex-line-pack: center;
2804
+ align-content: center;
2805
+ -ms-flex-align: center;
2806
+ align-items: center;
2807
+ display: -ms-inline-flexbox;
2808
+ display: inline-flex;
2809
+ height: 40px;
2810
+ }
2811
+ @media screen and (max-width: 480px) {
2812
+ .e-tab-clone-element .e-text-wrap {
2813
+ height: 48px;
2814
+ }
2815
+ }
2816
+ .e-tab-clone-element .e-tab-text {
2817
+ display: inherit;
2818
+ font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
2819
+ font-size: 14px;
2820
+ font-weight: 500;
2821
+ text-transform: capitalize;
2822
+ -ms-flex-item-align: auto;
2823
+ -ms-grid-row-align: auto;
2824
+ align-self: auto;
2825
+ }
2826
+ @media screen and (max-width: 480px) {
2827
+ .e-tab-clone-element .e-tab-text {
2828
+ font-size: 14px;
2829
+ }
2830
+ }
2831
+ .e-tab-clone-element .e-icons.e-close-icon {
2832
+ display: none;
2833
+ }
2834
+ .e-tab-clone-element .e-close-icon,
2835
+ .e-tab-clone-element .e-close-icon::before {
2836
+ font-size: 14px;
2837
+ }
2838
+ @media screen and (max-width: 480px) {
2839
+ .e-tab-clone-element .e-close-icon,
2840
+ .e-tab-clone-element .e-close-icon::before {
2841
+ font-size: 12px;
2842
+ }
2843
+ }
2844
+ .e-tab-clone-element .e-close-icon::before {
2845
+ top: 1px;
2846
+ }
2847
+ .e-tab-clone-element .e-icons.e-tab-icon {
2848
+ display: -ms-inline-flexbox;
2849
+ display: inline-flex;
2850
+ height: 24px;
2851
+ min-width: 24px;
2852
+ width: 24px;
2853
+ line-height: 24px;
2854
+ }
2855
+ @media screen and (max-width: 480px) {
2856
+ .e-tab-clone-element .e-icons.e-tab-icon {
2857
+ height: 20px;
2858
+ width: 20px;
2859
+ }
2860
+ }
2861
+ .e-tab-clone-element .e-tab-icon,
2862
+ .e-tab-clone-element .e-tab-icon::before {
2863
+ font-size: 14px;
2864
+ }
2865
+ @media screen and (max-width: 480px) {
2866
+ .e-tab-clone-element .e-tab-icon,
2867
+ .e-tab-clone-element .e-tab-icon::before {
2868
+ font-size: 20px;
2869
+ }
2870
+ }
2871
+ .e-tab-clone-element.e-icon .e-tab-wrap {
2872
+ -ms-flex-pack: center;
2873
+ justify-content: center;
2874
+ padding: 9px;
2875
+ }
2876
+ @media screen and (max-width: 480px) {
2877
+ .e-tab-clone-element.e-icon .e-tab-wrap {
2878
+ padding: 0 16px;
2879
+ }
2880
+ }
2881
+ .e-tab-clone-element .e-icon-right {
2882
+ margin: 0 0 0 8px;
2883
+ }
2884
+ @media screen and (max-width: 480px) {
2885
+ .e-tab-clone-element .e-icon-right {
2886
+ margin: 0;
2887
+ }
2888
+ }
2889
+ .e-tab-clone-element .e-icon-left + .e-tab-text {
2890
+ margin: 0 0 0 4px;
2891
+ }
2892
+ @media screen and (max-width: 480px) {
2893
+ .e-tab-clone-element .e-icon-left + .e-tab-text {
2894
+ margin: 0 0 0 8px;
2895
+ }
2896
+ }
2897
+ .e-tab-clone-element.e-itop, .e-tab-clone-element.e-ibottom {
2898
+ height: 68px;
2899
+ }
2900
+ @media screen and (max-width: 480px) {
2901
+ .e-tab-clone-element.e-itop, .e-tab-clone-element.e-ibottom {
2902
+ height: 68px;
2903
+ }
2904
+ }
2905
+ .e-tab-clone-element.e-itop .e-tab-wrap, .e-tab-clone-element.e-ibottom .e-tab-wrap {
2906
+ -ms-flex-align: center;
2907
+ align-items: center;
2908
+ display: -ms-flexbox;
2909
+ display: flex;
2910
+ height: 68px;
2911
+ position: relative;
2912
+ }
2913
+ @media screen and (max-width: 480px) {
2914
+ .e-tab-clone-element.e-itop .e-tab-wrap, .e-tab-clone-element.e-ibottom .e-tab-wrap {
2915
+ height: 68px;
2916
+ }
2917
+ }
2918
+ .e-tab-clone-element.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab-clone-element.e-ibottom .e-tab-wrap:focus .e-text-wrap {
2919
+ height: auto;
2920
+ }
2921
+ .e-tab-clone-element.e-itop .e-text-wrap, .e-tab-clone-element.e-ibottom .e-text-wrap {
2922
+ display: block;
2923
+ height: auto;
2924
+ }
2925
+ .e-tab-clone-element.e-itop .e-close-icon, .e-tab-clone-element.e-ibottom .e-close-icon {
2926
+ position: absolute;
2927
+ right: 15px;
2928
+ top: calc(50% - 6px);
2929
+ }
2930
+ @media screen and (max-width: 480px) {
2931
+ .e-tab-clone-element.e-itop .e-close-icon, .e-tab-clone-element.e-ibottom .e-close-icon {
2932
+ right: 12px;
2933
+ }
2934
+ }
2935
+ .e-tab-clone-element.e-itop .e-tab-text {
2936
+ margin: 4px 0 0;
2937
+ }
2938
+ @media screen and (max-width: 480px) {
2939
+ .e-tab-clone-element.e-itop .e-tab-text {
2940
+ margin: 4px 0 0;
2941
+ }
2942
+ }
2943
+ .e-tab-clone-element.e-ibottom .e-tab-text {
2944
+ margin: 0 0 4px;
2945
+ }
2946
+ @media screen and (max-width: 480px) {
2947
+ .e-tab-clone-element.e-ibottom .e-tab-text {
2948
+ margin: 0 0 10px;
2949
+ }
2950
+ }
2951
+ .e-tab-clone-element .e-tab-icon.e-icon-top,
2952
+ .e-tab-clone-element .e-tab-icon.e-icon-bottom {
2953
+ -ms-flex-align: center;
2954
+ align-items: center;
2955
+ display: -ms-flexbox;
2956
+ display: flex;
2957
+ -ms-flex-direction: column;
2958
+ flex-direction: column;
2959
+ -ms-flex-pack: center;
2960
+ justify-content: center;
2961
+ margin: auto;
2962
+ }
2963
+ .e-tab-clone-element.e-close-show .e-icons.e-close-icon {
2964
+ -ms-flex-align: center;
2965
+ align-items: center;
2966
+ -ms-flex-item-align: center;
2967
+ align-self: center;
2968
+ display: -ms-inline-flexbox;
2969
+ display: inline-flex;
2970
+ }
2971
+ @media screen and (max-width: 480px) {
2972
+ .e-tab-clone-element.e-close-show .e-icons.e-close-icon {
2973
+ display: none;
2974
+ }
2975
+ }
2976
+ .e-tab-clone-element.e-close-show .e-toolbar-item.e-itop .e-text-wrap,
2977
+ .e-tab-clone-element.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap {
2978
+ margin-right: 20px;
2979
+ }
2980
+
2981
+ .e-bigger .e-tab-clone-element:not(.e-separator) {
2982
+ height: 48px;
2983
+ margin: 0;
2984
+ min-height: 48px;
2985
+ min-width: auto;
2986
+ padding: 0;
2987
+ }
2988
+ @media screen and (max-width: 480px) {
2989
+ .e-bigger .e-tab-clone-element:not(.e-separator) {
2990
+ margin: 0;
2991
+ }
2992
+ }
2993
+ .e-bigger .e-tab-clone-element:not(.e-separator).e-itop, .e-bigger .e-tab-clone-element:not(.e-separator).e-ibottom {
2994
+ height: 78px;
2995
+ min-height: 78px;
2996
+ }
2997
+ .e-bigger .e-tab-clone-element .e-tab-wrap {
2998
+ height: 48px;
2999
+ padding: 0 16px;
3000
+ }
3001
+ @media screen and (max-width: 480px) {
3002
+ .e-bigger .e-tab-clone-element .e-tab-wrap {
3003
+ padding: 0 15px;
3004
+ }
3005
+ }
3006
+ .e-bigger .e-tab-clone-element .e-text-wrap {
3007
+ height: 48px;
3008
+ }
3009
+ .e-bigger .e-tab-clone-element .e-tab-text {
3010
+ font-size: 14px;
3011
+ -ms-flex-item-align: auto;
3012
+ -ms-grid-row-align: auto;
3013
+ align-self: auto;
3014
+ }
3015
+ .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
3016
+ cursor: pointer;
3017
+ margin: 0 0 0 10px;
3018
+ }
3019
+ @media screen and (max-width: 480px) {
3020
+ .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
3021
+ margin: 0 0 0 4px;
3022
+ }
3023
+ }
3024
+ .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
3025
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
3026
+ font-size: 14px;
3027
+ }
3028
+ @media screen and (max-width: 480px) {
3029
+ .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
3030
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
3031
+ font-size: 12px;
3032
+ }
3033
+ }
3034
+ .e-bigger .e-tab-clone-element .e-icons.e-tab-icon {
3035
+ height: 28px;
3036
+ min-width: 28px;
3037
+ width: 28px;
3038
+ line-height: 28px;
3039
+ }
3040
+ .e-bigger .e-tab-clone-element .e-tab-icon,
3041
+ .e-bigger .e-tab-clone-element .e-tab-icon::before {
3042
+ font-size: 14px;
3043
+ }
3044
+ .e-bigger .e-tab-clone-element.e-icon .e-tab-wrap {
3045
+ padding: 9px;
3046
+ }
3047
+ .e-bigger .e-tab-clone-element .e-icon-right {
3048
+ margin: 0 0 0 12px;
3049
+ }
3050
+ @media screen and (max-width: 480px) {
3051
+ .e-bigger .e-tab-clone-element .e-icon-right {
3052
+ margin: 0;
3053
+ }
3054
+ }
3055
+ .e-bigger .e-tab-clone-element .e-icon-left + .e-tab-text {
3056
+ margin: 0 0 0 4px;
3057
+ }
3058
+ @media screen and (max-width: 480px) {
3059
+ .e-bigger .e-tab-clone-element .e-icon-left + .e-tab-text {
3060
+ margin: 0 0 0 8px;
3061
+ }
3062
+ }
3063
+ .e-bigger .e-tab-clone-element.e-itop, .e-bigger .e-tab-clone-element.e-ibottom {
3064
+ height: 78px;
3065
+ }
3066
+ .e-bigger .e-tab-clone-element.e-itop .e-tab-wrap, .e-bigger .e-tab-clone-element.e-ibottom .e-tab-wrap {
3067
+ height: 78px;
3068
+ }
3069
+ .e-bigger .e-tab-clone-element.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab-clone-element.e-ibottom .e-tab-wrap:focus .e-text-wrap {
3070
+ height: auto;
3071
+ }
3072
+ .e-bigger .e-tab-clone-element.e-itop.e-active .e-tab-wrap, .e-bigger .e-tab-clone-element.e-ibottom.e-active .e-tab-wrap {
3073
+ height: 78px;
3074
+ }
3075
+ .e-bigger .e-tab-clone-element.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab-clone-element.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap {
3076
+ height: auto;
3077
+ }
3078
+ .e-bigger .e-tab-clone-element.e-itop .e-close-icon, .e-bigger .e-tab-clone-element.e-ibottom .e-close-icon {
3079
+ right: 20px;
3080
+ }
3081
+ .e-bigger .e-tab-clone-element.e-itop .e-tab-text {
3082
+ margin: 4px 0 0;
3083
+ }
3084
+ .e-bigger .e-tab-clone-element.e-ibottom .e-tab-text {
3085
+ margin: 0 0 10px;
3086
+ }
3087
+
3088
+ /*! tab theme */
3089
+ .e-tab {
3090
+ background: transparent;
3091
+ border: none;
3092
+ }
3093
+ .e-tab .e-tab-header {
3094
+ background: inherit;
3095
+ border: 0;
3096
+ border-radius: 0;
3097
+ box-shadow: none;
3098
+ font-weight: 400;
3099
+ border-bottom: 0;
3100
+ }
3101
+ .e-tab .e-tab-header::before {
3102
+ border-color: transparent;
3103
+ border-style: solid;
3104
+ }
3105
+ .e-tab .e-tab-header:not(.e-vertical)::before {
3106
+ border-width: 0;
3107
+ }
3108
+ .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
3109
+ border-bottom: initial;
3110
+ margin-bottom: 0;
3111
+ }
3112
+ .e-tab .e-tab-header .e-toolbar-items {
3113
+ background: inherit;
3114
+ }
3115
+ .e-tab .e-tab-header .e-indicator {
3116
+ background: rgba(var(--color-sf-primary));
3117
+ }
3118
+ .e-tab .e-tab-header .e-toolbar-item {
3119
+ background: inherit;
3120
+ border: none;
3121
+ }
3122
+ .e-tab .e-tab-header .e-toolbar-item:hover {
3123
+ background: rgba(var(--color-sf-on-surface-variant), 0.08);
3124
+ }
3125
+ .e-tab .e-tab-header .e-toolbar-item.e-active:hover {
3126
+ background: rgba(var(--color-sf-primary), 0.08);
3127
+ }
3128
+ .e-tab .e-tab-header .e-toolbar-item .e-ripple-element {
3129
+ background: rgba(0, 0, 0, 0.12);
3130
+ }
3131
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
3132
+ border-radius: 0;
3133
+ color: rgba(var(--color-sf-on-surface-variant));
3134
+ border: 0;
3135
+ }
3136
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
3137
+ color: rgba(var(--color-sf-on-surface-variant));
3138
+ }
3139
+ @media screen and (max-width: 480px) {
3140
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
3141
+ color: rgba(var(--color-sf-on-surface-variant));
3142
+ }
3143
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
3144
+ color: rgba(var(--color-sf-on-surface-variant));
3145
+ }
3146
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
3147
+ color: rgba(var(--color-sf-on-surface-variant));
3148
+ }
3149
+ }
3150
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
3151
+ background: transparent;
3152
+ border: 0;
3153
+ border-radius: 0;
3154
+ }
3155
+ @media screen and (max-width: 480px) {
3156
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
3157
+ background: initial;
3158
+ }
3159
+ }
3160
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3161
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3162
+ color: rgba(var(--color-sf-on-surface-variant));
3163
+ }
3164
+ .e-tab .e-tab-header .e-toolbar-item.e-active {
3165
+ border: none;
3166
+ border-radius: 0;
3167
+ }
3168
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3169
+ border: 0;
3170
+ }
3171
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
3172
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3173
+ color: rgba(var(--color-sf-primary));
3174
+ }
3175
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
3176
+ position: relative;
3177
+ }
3178
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3179
+ border: 1.6px solid rgba(var(--color-sf-primary));
3180
+ content: "";
3181
+ display: block;
3182
+ position: absolute;
3183
+ width: 100%;
3184
+ border-radius: 3px 3px 0 0;
3185
+ bottom: 0;
3186
+ }
3187
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
3188
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
3189
+ color: rgba(var(--color-sf-primary));
3190
+ }
3191
+ .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-icon, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-icon {
3192
+ color: rgba(var(--color-sf-primary));
3193
+ }
3194
+ .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text {
3195
+ color: rgba(var(--color-sf-primary));
3196
+ }
3197
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-close-icon {
3198
+ color: rgba(var(--color-sf-primary));
3199
+ }
3200
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon {
3201
+ color: rgba(var(--color-sf-on-surface-variant));
3202
+ }
3203
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon:hover {
3204
+ color: rgba(var(--color-sf-on-surface-variant));
3205
+ }
3206
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon:active {
3207
+ color: rgba(var(--color-sf-primary));
3208
+ }
3209
+ .e-tab .e-tab-header .e-toolbar-item.e-disable.e-overlay {
3210
+ background: inherit;
3211
+ opacity: 1;
3212
+ pointer-events: none;
3213
+ }
3214
+ .e-tab .e-tab-header .e-toolbar-item.e-disable.e-overlay .e-tab-text,
3215
+ .e-tab .e-tab-header .e-toolbar-item.e-disable.e-overlay .e-tab-icon {
3216
+ color: rgba(var(--color-sf-on-surface), 0.38);
3217
+ }
3218
+ .e-tab .e-tab-header.e-reorder-active-item:not(.e-vertical) .e-toolbar-pop .e-toolbar-item.e-active {
3219
+ border: initial;
3220
+ }
3221
+ .e-tab .e-tab-header .e-toolbar-pop {
3222
+ background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
3223
+ border: 1px var(--color-sf-black);
3224
+ border-radius: 4px;
3225
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1), 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.13);
3226
+ overflow-y: auto;
3227
+ }
3228
+ .e-tab .e-tab-header .e-toolbar-pop[e-animate=true] {
3229
+ overflow-y: hidden;
3230
+ }
3231
+ @media screen and (max-width: 480px) {
3232
+ .e-tab .e-tab-header .e-toolbar-pop {
3233
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1), 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.13);
3234
+ }
3235
+ }
3236
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
3237
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon {
3238
+ color: rgba(var(--color-sf-on-surface));
3239
+ }
3240
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
3241
+ background: rgba(var(--color-sf-on-surface), 0.05), 0.08;
3242
+ border: 0;
3243
+ border-radius: 0;
3244
+ }
3245
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3246
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3247
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3248
+ color: rgba(var(--color-sf-on-surface-variant));
3249
+ }
3250
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3251
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3252
+ color: rgba(var(--color-sf-on-surface));
3253
+ }
3254
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
3255
+ background: rgba(var(--color-sf-on-surface-variant), 0.12);
3256
+ border-color: transparent;
3257
+ }
3258
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text,
3259
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
3260
+ color: rgba(var(--color-sf-on-surface));
3261
+ }
3262
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
3263
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
3264
+ color: rgba(var(--color-sf-primary));
3265
+ }
3266
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-disable.e-overlay .e-tab-text,
3267
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-disable.e-overlay .e-tab-icon {
3268
+ color: rgba(var(--color-sf-on-surface), 0.38);
3269
+ }
3270
+ .e-tab .e-tab-header .e-scroll-nav,
3271
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav {
3272
+ background: inherit;
3273
+ border: 0;
3274
+ }
3275
+ .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
3276
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow {
3277
+ color: rgba(var(--color-sf-on-surface-variant));
3278
+ border: 0;
3279
+ }
3280
+ .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:hover,
3281
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover {
3282
+ background: rgba(var(--color-sf-on-surface), 0.05);
3283
+ color: rgba(var(--color-sf-on-surface-variant));
3284
+ border: 0;
3285
+ }
3286
+ .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
3287
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
3288
+ box-shadow: none;
3289
+ border: 0;
3290
+ }
3291
+ .e-tab .e-tab-header .e-scroll-nav:focus,
3292
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
3293
+ background: inherit;
3294
+ }
3295
+ .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
3296
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
3297
+ background: rgba(var(--color-sf-on-surface), 0.04), 0.1;
3298
+ color: rgba(var(--color-sf-on-surface-variant));
3299
+ border: 0;
3300
+ }
3301
+ .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover,
3302
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover {
3303
+ background: rgba(var(--color-sf-on-surface), 0.05);
3304
+ color: rgba(var(--color-sf-on-surface-variant));
3305
+ }
3306
+ .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active,
3307
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
3308
+ background: rgba(var(--color-sf-on-surface), 0.04), 0.1;
3309
+ border-color: unset;
3310
+ color: rgba(var(--color-sf-on-surface-variant));
3311
+ }
3312
+ .e-tab .e-tab-header .e-scroll-nav:active,
3313
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
3314
+ box-shadow: none;
3315
+ background: inherit;
3316
+ border: 3px solid transparent;
3317
+ }
3318
+ .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow,
3319
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow {
3320
+ color: rgba(var(--color-sf-on-surface-variant));
3321
+ }
3322
+ .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow:hover,
3323
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow:hover {
3324
+ color: rgba(var(--color-sf-on-surface-variant));
3325
+ background: rgba(var(--color-sf-on-surface), 0.05);
3326
+ border-color: unset;
3327
+ }
3328
+ .e-tab .e-tab-header .e-hor-nav,
3329
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) {
3330
+ background: transparent;
3331
+ border: 0;
3332
+ }
3333
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
3334
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
3335
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
3336
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon {
3337
+ color: rgba(var(--color-sf-on-surface-variant));
3338
+ border: 0;
3339
+ }
3340
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
3341
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
3342
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover,
3343
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover {
3344
+ background: rgba(var(--color-sf-on-surface), 0.05);
3345
+ border: 0;
3346
+ border-radius: 0;
3347
+ }
3348
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
3349
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover {
3350
+ color: rgba(var(--color-sf-on-surface-variant));
3351
+ }
3352
+ .e-tab .e-tab-header .e-hor-nav:focus,
3353
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus {
3354
+ background: transparent;
3355
+ }
3356
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3357
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
3358
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
3359
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon {
3360
+ background: rgba(var(--color-sf-on-surface), 0.04), 0.1;
3361
+ border: 0;
3362
+ border-radius: 0;
3363
+ color: rgba(var(--color-sf-on-surface-variant));
3364
+ }
3365
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
3366
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
3367
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:hover,
3368
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:hover {
3369
+ background: rgba(var(--color-sf-on-surface), 0.05);
3370
+ border: 0;
3371
+ border-radius: 0;
3372
+ }
3373
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:active,
3374
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:active,
3375
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
3376
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active {
3377
+ background: rgba(var(--color-sf-on-surface), 0.05);
3378
+ color: rgba(var(--color-sf-on-surface-variant));
3379
+ border: 0;
3380
+ border-radius: 0;
3381
+ box-shadow: none;
3382
+ }
3383
+ .e-tab .e-tab-header .e-hor-nav:hover,
3384
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
3385
+ border: 0;
3386
+ background: transparent;
3387
+ }
3388
+ .e-tab .e-tab-header .e-hor-nav:hover:active,
3389
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover:active {
3390
+ background: transparent;
3391
+ }
3392
+ .e-tab .e-tab-header .e-hor-nav:active,
3393
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
3394
+ box-shadow: none;
3395
+ background: transparent;
3396
+ }
3397
+ .e-tab .e-tab-header .e-hor-nav.e-nav-active,
3398
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
3399
+ background: inherit;
3400
+ border: 0;
3401
+ box-shadow: none;
3402
+ border-radius: 0;
3403
+ }
3404
+ .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
3405
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-icons {
3406
+ color: rgba(var(--color-sf-on-surface-variant));
3407
+ }
3408
+ .e-tab .e-tab-header .e-hor-nav.e-nav-active:focus,
3409
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active:focus {
3410
+ border: 0;
3411
+ }
3412
+ .e-tab .e-tab-header.e-horizontal-bottom {
3413
+ border-color: unset;
3414
+ border-style: solid;
3415
+ border-width: 0;
3416
+ }
3417
+ .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] {
3418
+ border-color: unset;
3419
+ border-style: solid;
3420
+ border-width: 0;
3421
+ }
3422
+ .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] .e-toolbar-items {
3423
+ border-color: rgba(var(--color-sf-on-primary));
3424
+ border-style: solid;
3425
+ border-width: 0;
3426
+ }
3427
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item .e-tab-wrap:hover {
3428
+ border-radius: 0;
3429
+ }
3430
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3431
+ border-color: none;
3432
+ border-style: solid;
3433
+ border-width: 0;
3434
+ margin-top: 0;
3435
+ border-radius: 0;
3436
+ }
3437
+ .e-tab .e-tab-header.e-vertical {
3438
+ border-bottom: 0;
3439
+ }
3440
+ .e-tab .e-tab-header.e-vertical::before {
3441
+ border-width: 0;
3442
+ }
3443
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active {
3444
+ border-bottom: 0;
3445
+ border-top: 0;
3446
+ }
3447
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item .e-tab-wrap:hover {
3448
+ border-radius: 0;
3449
+ }
3450
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
3451
+ border-radius: 0;
3452
+ border-right: initial;
3453
+ }
3454
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item .e-tab-wrap:hover {
3455
+ border-radius: 0;
3456
+ }
3457
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
3458
+ border-left: initial;
3459
+ border-radius: 0;
3460
+ }
3461
+ .e-tab .e-tab-header.e-vertical .e-toolbar-pop {
3462
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1), 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.13);
3463
+ }
3464
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav {
3465
+ background: inherit;
3466
+ border: 1px solid transparent;
3467
+ }
3468
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav.e-scroll-up-nav {
3469
+ border-bottom-color: rgba(var(--color-sf-outline-variant), 0.12);
3470
+ }
3471
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav.e-scroll-down-nav {
3472
+ border-top-color: rgba(var(--color-sf-outline-variant), 0.12);
3473
+ }
3474
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
3475
+ border: 0;
3476
+ }
3477
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow:hover {
3478
+ background: none;
3479
+ }
3480
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover {
3481
+ background: rgba(var(--color-sf-on-surface), 0.05), 0.12;
3482
+ border-color: rgba(var(--color-sf-outline-variant), 0.12) transparent transparent;
3483
+ }
3484
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover:active:focus {
3485
+ background: rgba(var(--color-sf-on-surface), 0.04), 0.12;
3486
+ }
3487
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
3488
+ color: rgba(var(--color-sf-on-surface-variant));
3489
+ }
3490
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow:hover {
3491
+ background: none;
3492
+ }
3493
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus {
3494
+ background: rgba(var(--color-sf-on-surface), 0.04), 0.12;
3495
+ }
3496
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus:hover:active .e-nav-arrow {
3497
+ color: none;
3498
+ }
3499
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
3500
+ background: none;
3501
+ }
3502
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow:hover {
3503
+ background: none;
3504
+ border: 0;
3505
+ }
3506
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
3507
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
3508
+ border: 0;
3509
+ }
3510
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon:hover,
3511
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
3512
+ background: inherit;
3513
+ border: 0;
3514
+ color: rgba(var(--color-sf-on-surface-variant));
3515
+ }
3516
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
3517
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
3518
+ background: inherit;
3519
+ border: 0;
3520
+ }
3521
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:hover, .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active, .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active:hover,
3522
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:hover,
3523
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active,
3524
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active:hover {
3525
+ background: inherit;
3526
+ border: 0;
3527
+ box-shadow: none;
3528
+ }
3529
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active,
3530
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active {
3531
+ color: rgba(var(--color-sf-on-surface-variant));
3532
+ }
3533
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-up-icon,
3534
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-down-icon {
3535
+ border: 0;
3536
+ }
3537
+ .e-tab.e-focused > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3538
+ background: rgba(var(--color-sf-primary), 0.16);
3539
+ }
3540
+ .e-tab.e-focused > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon,
3541
+ .e-tab.e-focused > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
3542
+ color: rgba(var(--color-sf-primary));
3543
+ }
3544
+ .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
3545
+ background: rgba(var(--color-sf-on-surface-variant), 0.16);
3546
+ border: 0;
3547
+ }
3548
+ .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
3549
+ .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
3550
+ color: rgba(var(--color-sf-on-surface-variant));
3551
+ }
3552
+ .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon {
3553
+ color: rgba(var(--color-sf-on-surface-variant));
3554
+ }
3555
+ .e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
3556
+ color: rgba(var(--color-sf-on-surface-variant));
3557
+ }
3558
+ .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3559
+ .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
3560
+ color: rgba(var(--color-sf-on-surface-variant));
3561
+ background: rgba(var(--color-sf-on-surface), 0.04), 0.1;
3562
+ border: 0;
3563
+ }
3564
+ .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus {
3565
+ border-color: rgba(var(--color-sf-outline-variant), 0.12) transparent transparent;
3566
+ }
3567
+ .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
3568
+ border: 0;
3569
+ }
3570
+ .e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
3571
+ .e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
3572
+ border: 0;
3573
+ }
3574
+ .e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus {
3575
+ outline: 0;
3576
+ }
3577
+ .e-tab.e-disable {
3578
+ pointer-events: none;
3579
+ }
3580
+ .e-tab.e-disable .e-tab-header .e-indicator {
3581
+ background: rgba(0, 0, 0, 0.38);
3582
+ }
3583
+ .e-tab.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap {
3584
+ color: rgba(var(--color-sf-on-surface), 0.38);
3585
+ }
3586
+ .e-tab.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-text,
3587
+ .e-tab.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
3588
+ color: rgba(var(--color-sf-on-surface));
3589
+ }
3590
+ .e-tab.e-disable .e-content {
3591
+ opacity: 0.38;
3592
+ }
3593
+ .e-tab.e-fill .e-tab-header {
3594
+ border-bottom: 1px solid rgba(var(--color-sf-surface-variant));
3595
+ }
3596
+ .e-tab.e-fill .e-tab-header .e-toolbar-items.e-hscroll {
3597
+ border: 0;
3598
+ }
3599
+ .e-tab.e-fill .e-tab-header .e-toolbar-item {
3600
+ border: 0;
3601
+ }
3602
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-ripple-element {
3603
+ background: rgba(var(--color-sf-primary), 0.05);
3604
+ }
3605
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
3606
+ color: rgba(var(--color-sf-on-surface-variant));
3607
+ }
3608
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3609
+ color: rgba(var(--color-sf-on-surface-variant));
3610
+ }
3611
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3612
+ color: rgba(var(--color-sf-on-surface-variant));
3613
+ }
3614
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
3615
+ margin-top: 0;
3616
+ }
3617
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active {
3618
+ border: 0;
3619
+ }
3620
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-disable.e-overlay .e-tab-text,
3621
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-disable.e-overlay .e-tab-icon {
3622
+ color: rgba(var(--color-sf-on-primary), 0.38);
3623
+ }
3624
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3625
+ background: rgba(var(--color-sf-primary));
3626
+ border-radius: 0;
3627
+ border-color: unset;
3628
+ }
3629
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3630
+ color: rgba(var(--color-sf-on-primary));
3631
+ }
3632
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
3633
+ margin-top: 0;
3634
+ }
3635
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3636
+ border: unset;
3637
+ }
3638
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text,
3639
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
3640
+ color: rgba(var(--color-sf-on-primary));
3641
+ }
3642
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon {
3643
+ color: rgba(var(--color-sf-on-primary));
3644
+ }
3645
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
3646
+ color: rgba(var(--color-sf-on-primary));
3647
+ }
3648
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item:active:hover .e-tab-text,
3649
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item:active:hover .e-tab-icon {
3650
+ color: rgba(var(--color-sf-on-surface));
3651
+ }
3652
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover {
3653
+ background: rgba(var(--color-sf-on-surface), 0.05);
3654
+ }
3655
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-text {
3656
+ color: rgba(var(--color-sf-on-surface));
3657
+ }
3658
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-icon {
3659
+ color: rgba(var(--color-sf-on-surface));
3660
+ }
3661
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-close-icon {
3662
+ color: rgba(var(--color-sf-on-surface));
3663
+ }
3664
+ .e-tab.e-fill .e-tab-header.e-horizontal-bottom {
3665
+ border-bottom: 0;
3666
+ border-top: 1px solid rgba(var(--color-sf-surface-variant));
3667
+ }
3668
+ .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
3669
+ margin-top: 0;
3670
+ }
3671
+ .e-tab.e-fill .e-tab-header.e-vertical {
3672
+ border-bottom: 0;
3673
+ }
3674
+ .e-tab.e-fill .e-tab-header.e-vertical.e-vertical-left {
3675
+ border-right: 1px solid rgba(var(--color-sf-surface-variant));
3676
+ }
3677
+ .e-tab.e-fill .e-tab-header.e-vertical.e-vertical-right {
3678
+ border-left: 1px solid rgba(var(--color-sf-surface-variant));
3679
+ }
3680
+ .e-tab.e-fill.e-corner .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3681
+ border-radius: 3px 3px 0 0;
3682
+ }
3683
+ .e-tab.e-fill.e-corner .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap {
3684
+ border-radius: 0 0 3px 3px;
3685
+ }
3686
+ .e-tab.e-fill.e-disable .e-tab-header {
3687
+ border-bottom: 0;
3688
+ }
3689
+ .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap {
3690
+ color: rgba(var(--color-sf-on-surface), 0.38);
3691
+ }
3692
+ .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active {
3693
+ opacity: 0.38;
3694
+ }
3695
+ .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
3696
+ .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3697
+ background: rgba(var(--color-sf-primary), 0.38);
3698
+ }
3699
+ .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
3700
+ .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon,
3701
+ .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3702
+ .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3703
+ color: rgba(var(--color-sf-on-primary));
3704
+ }
3705
+ .e-tab.e-fill.e-disable .e-tab-header.e-horizontal-bottom {
3706
+ border-bottom: 0;
3707
+ border-top: 0;
3708
+ }
3709
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
3710
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
3711
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon {
3712
+ color: rgba(var(--color-sf-on-surface-variant));
3713
+ }
3714
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3715
+ background: rgba(var(--color-sf-primary));
3716
+ border-color: transparent;
3717
+ }
3718
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
3719
+ color: rgba(var(--color-sf-on-primary));
3720
+ }
3721
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
3722
+ color: rgba(var(--color-sf-on-primary));
3723
+ }
3724
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3725
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3726
+ color: rgba(var(--color-sf-on-primary));
3727
+ }
3728
+ .e-tab.e-background .e-tab-header {
3729
+ background: rgba(var(--color-sf-primary));
3730
+ border: 0;
3731
+ }
3732
+ .e-tab.e-background .e-tab-header .e-toolbar-items {
3733
+ background: inherit;
3734
+ }
3735
+ .e-tab.e-background .e-tab-header .e-toolbar-items.e-hscroll {
3736
+ border: 0;
3737
+ }
3738
+ .e-tab.e-background .e-tab-header .e-indicator {
3739
+ background: rgba(var(--color-sf-on-primary));
3740
+ bottom: 0;
3741
+ }
3742
+ .e-tab.e-background .e-tab-header .e-toolbar-item {
3743
+ border: 0;
3744
+ }
3745
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-ripple-element {
3746
+ background: rgba(0, 0, 0, 0.1);
3747
+ }
3748
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
3749
+ background: inherit;
3750
+ border-color: transparent;
3751
+ }
3752
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
3753
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
3754
+ color: rgba(var(--color-sf-on-primary));
3755
+ }
3756
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
3757
+ color: rgba(var(--color-sf-on-primary));
3758
+ }
3759
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover {
3760
+ color: rgba(var(--color-sf-on-primary));
3761
+ }
3762
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
3763
+ background: rgba(var(--color-sf-on-primary), 0.08);
3764
+ background-color: rgba(var(--color-sf-on-primary), 0.08);
3765
+ border-color: transparent;
3766
+ }
3767
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
3768
+ color: rgba(var(--color-sf-on-primary));
3769
+ }
3770
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3771
+ color: rgba(var(--color-sf-on-primary));
3772
+ }
3773
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3774
+ color: rgba(var(--color-sf-on-primary));
3775
+ }
3776
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon:hover, .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon:active {
3777
+ color: rgba(var(--color-sf-on-primary));
3778
+ }
3779
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
3780
+ border: 0;
3781
+ margin: 0;
3782
+ background: inherit;
3783
+ }
3784
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-disable.e-overlay .e-tab-text,
3785
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-disable.e-overlay .e-tab-icon {
3786
+ color: rgba(var(--color-sf-on-primary), 0.38);
3787
+ }
3788
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3789
+ background: rgba(var(--color-sf-primary));
3790
+ border-color: rgba(var(--color-sf-primary));
3791
+ border-radius: 0;
3792
+ border-style: solid;
3793
+ border-width: 0;
3794
+ }
3795
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
3796
+ color: rgba(var(--color-sf-on-primary));
3797
+ }
3798
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
3799
+ color: rgba(var(--color-sf-on-primary));
3800
+ }
3801
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-close-icon {
3802
+ color: rgba(var(--color-sf-on-primary));
3803
+ }
3804
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
3805
+ background: rgba(var(--color-sf-primary));
3806
+ border-color: rgba(var(--color-sf-primary));
3807
+ }
3808
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
3809
+ color: rgba(var(--color-sf-on-primary));
3810
+ }
3811
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3812
+ color: rgba(var(--color-sf-on-primary));
3813
+ }
3814
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
3815
+ color: rgba(var(--color-sf-on-primary));
3816
+ }
3817
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:hover {
3818
+ color: rgba(var(--color-sf-on-primary));
3819
+ }
3820
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:active {
3821
+ color: rgba(var(--color-sf-on-primary));
3822
+ }
3823
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus {
3824
+ background: rgba(var(--color-sf-primary));
3825
+ }
3826
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus .e-tab-icon,
3827
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus .e-tab-text {
3828
+ color: rgba(var(--color-sf-on-primary));
3829
+ }
3830
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3831
+ background: rgba(var(--color-sf-primary), 0.16);
3832
+ }
3833
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3834
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3835
+ color: rgba(var(--color-sf-on-primary));
3836
+ }
3837
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
3838
+ color: rgba(var(--color-sf-on-primary));
3839
+ }
3840
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
3841
+ color: rgba(var(--color-sf-on-primary));
3842
+ }
3843
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3844
+ border: 1.6px solid rgba(var(--color-sf-on-primary));
3845
+ border-radius: 3px 3px 0 0;
3846
+ }
3847
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text,
3848
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
3849
+ color: rgba(var(--color-sf-on-primary));
3850
+ }
3851
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon {
3852
+ color: rgba(var(--color-sf-on-primary));
3853
+ }
3854
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover,
3855
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text:hover {
3856
+ color: rgba(var(--color-sf-on-primary));
3857
+ }
3858
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap, .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap {
3859
+ background: rgba(0, 0, 0, 0.0001);
3860
+ }
3861
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-disable .e-tab-text,
3862
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-disable .e-tab-icon,
3863
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-disable .e-close-icon {
3864
+ color: rgba(var(--color-sf-on-primary), 0.38);
3865
+ }
3866
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item {
3867
+ background: inherit;
3868
+ }
3869
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
3870
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon,
3871
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-close-icon {
3872
+ color: rgba(var(--color-sf-on-surface));
3873
+ }
3874
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
3875
+ background: rgba(var(--color-sf-on-surface-variant), 0.12);
3876
+ }
3877
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3878
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3879
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3880
+ color: rgba(var(--color-sf-on-surface));
3881
+ }
3882
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text {
3883
+ color: rgba(var(--color-sf-on-surface));
3884
+ }
3885
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
3886
+ color: rgba(var(--color-sf-on-surface));
3887
+ }
3888
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-close-icon {
3889
+ color: rgba(var(--color-sf-on-surface));
3890
+ }
3891
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav,
3892
+ .e-tab.e-background .e-tab-header .e-scroll-nav {
3893
+ background: inherit;
3894
+ }
3895
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
3896
+ .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
3897
+ color: rgba(var(--color-sf-on-primary));
3898
+ border: 0;
3899
+ }
3900
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
3901
+ .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
3902
+ background: inherit;
3903
+ color: rgba(var(--color-sf-on-primary));
3904
+ border-color: unset;
3905
+ }
3906
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active,
3907
+ .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:active {
3908
+ background: unset;
3909
+ color: rgba(var(--color-sf-on-primary));
3910
+ }
3911
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
3912
+ .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
3913
+ color: rgba(var(--color-sf-on-primary));
3914
+ border: 0;
3915
+ background: rgba(var(--color-sf-on-surface), 0.04), 0.1;
3916
+ }
3917
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
3918
+ .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
3919
+ background: inherit;
3920
+ color: rgba(var(--color-sf-on-primary));
3921
+ }
3922
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active,
3923
+ .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active {
3924
+ background: rgba(var(--color-sf-on-surface), 0.04), 0.1;
3925
+ border-color: unset;
3926
+ color: rgba(var(--color-sf-on-primary));
3927
+ }
3928
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
3929
+ .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
3930
+ animation: none;
3931
+ }
3932
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
3933
+ .e-tab.e-background .e-tab-header .e-hor-nav {
3934
+ background: transparent;
3935
+ }
3936
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
3937
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon,
3938
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
3939
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon {
3940
+ color: rgba(var(--color-sf-on-primary));
3941
+ border: 0;
3942
+ }
3943
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover,
3944
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover,
3945
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
3946
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
3947
+ background: rgba(var(--color-sf-on-surface), 0.05);
3948
+ border-color: unset;
3949
+ color: rgba(var(--color-sf-on-primary));
3950
+ }
3951
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:active:hover,
3952
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:active:hover,
3953
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:active:hover,
3954
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:active:hover {
3955
+ background: rgba(var(--color-sf-on-surface), 0.05);
3956
+ color: rgba(var(--color-sf-on-primary));
3957
+ }
3958
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
3959
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon,
3960
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3961
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
3962
+ color: rgba(var(--color-sf-on-primary));
3963
+ background: rgba(var(--color-sf-on-surface), 0.04), 0.1;
3964
+ border: 0;
3965
+ }
3966
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:hover,
3967
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:hover,
3968
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
3969
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
3970
+ background: rgba(var(--color-sf-on-surface), 0.05);
3971
+ }
3972
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
3973
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active,
3974
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:active,
3975
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:active {
3976
+ background: rgba(var(--color-sf-on-surface), 0.05);
3977
+ border-color: unset;
3978
+ color: rgba(var(--color-sf-on-primary));
3979
+ }
3980
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
3981
+ .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
3982
+ animation: none;
3983
+ }
3984
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
3985
+ .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
3986
+ color: rgba(var(--color-sf-on-primary));
3987
+ }
3988
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3989
+ border: 0;
3990
+ margin: 0;
3991
+ }
3992
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap {
3993
+ border-color: rgba(var(--color-sf-primary));
3994
+ border-radius: 0;
3995
+ border-style: solid;
3996
+ border-width: 0;
3997
+ }
3998
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
3999
+ border-color: unset;
4000
+ border-style: solid;
4001
+ border-width: 0;
4002
+ margin: 0;
4003
+ }
4004
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active .e-tab-wrap {
4005
+ border-color: rgba(var(--color-sf-primary));
4006
+ border-radius: 0;
4007
+ border-style: solid;
4008
+ border-width: 0;
4009
+ }
4010
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
4011
+ border-color: unset;
4012
+ border-style: solid;
4013
+ border-width: 0;
4014
+ margin: 0;
4015
+ }
4016
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active .e-tab-wrap {
4017
+ border-color: rgba(var(--color-sf-primary));
4018
+ border-radius: 0;
4019
+ border-style: solid;
4020
+ border-width: 0;
4021
+ }
4022
+ .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
4023
+ border: 0;
4024
+ }
4025
+ .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
4026
+ border: 0;
4027
+ }
4028
+ .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow:hover {
4029
+ background: none;
4030
+ }
4031
+ .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
4032
+ color: rgba(var(--color-sf-on-primary));
4033
+ }
4034
+ .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
4035
+ .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
4036
+ background: inherit;
4037
+ border-color: transparent;
4038
+ }
4039
+ .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:hover,
4040
+ .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:hover {
4041
+ background: inherit;
4042
+ border-color: transparent;
4043
+ }
4044
+ .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon:hover,
4045
+ .e-tab.e-background .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
4046
+ background: inherit;
4047
+ border-color: transparent;
4048
+ }
4049
+ .e-tab.e-background.e-disable .e-tab-header .e-indicator {
4050
+ background: transparent;
4051
+ }
4052
+ .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap {
4053
+ color: rgba(var(--color-sf-on-primary), 0.38);
4054
+ }
4055
+ .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text,
4056
+ .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
4057
+ color: rgba(var(--color-sf-on-primary), 0.38);
4058
+ }
4059
+ .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
4060
+ .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon {
4061
+ color: rgba(var(--color-sf-on-primary), 0.38);
4062
+ }
4063
+ .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active {
4064
+ opacity: 0.38;
4065
+ }
4066
+ .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
4067
+ .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
4068
+ background: rgba(var(--color-sf-primary));
4069
+ color: rgba(var(--color-sf-on-primary));
4070
+ }
4071
+ .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
4072
+ .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon,
4073
+ .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
4074
+ .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
4075
+ color: rgba(var(--color-sf-on-primary));
4076
+ }
4077
+ .e-tab.e-background.e-accent .e-tab-header .e-indicator {
4078
+ background: rgba(var(--color-sf-on-primary));
4079
+ }
4080
+ .e-tab.e-background.e-accent .e-tab-header.e-disable .e-indicator {
4081
+ background: rgba(0, 0, 0, 0.38);
4082
+ }
4083
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
4084
+ background: rgba(var(--color-sf-on-primary), 0.08);
4085
+ border-color: transparent;
4086
+ }
4087
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
4088
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
4089
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon {
4090
+ color: rgba(var(--color-sf-on-primary));
4091
+ }
4092
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
4093
+ background: rgba(var(--color-sf-primary), 0.12);
4094
+ border-color: rgba(var(--color-sf-primary));
4095
+ }
4096
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
4097
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
4098
+ color: rgba(var(--color-sf-on-primary));
4099
+ }
4100
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
4101
+ background: rgba(var(--color-sf-primary));
4102
+ border: 0;
4103
+ border-radius: 0;
4104
+ }
4105
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
4106
+ color: rgba(var(--color-sf-on-primary));
4107
+ }
4108
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
4109
+ color: rgba(var(--color-sf-on-primary));
4110
+ }
4111
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
4112
+ color: rgba(var(--color-sf-on-primary));
4113
+ }
4114
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
4115
+ color: rgba(var(--color-sf-on-primary));
4116
+ }
4117
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
4118
+ color: rgba(var(--color-sf-on-primary));
4119
+ }
4120
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
4121
+ color: rgba(var(--color-sf-on-primary));
4122
+ }
4123
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
4124
+ color: rgba(var(--color-sf-primary));
4125
+ }
4126
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
4127
+ color: rgba(var(--color-sf-primary));
4128
+ }
4129
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap, .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap {
4130
+ background: rgba(0, 0, 0, 0.0001);
4131
+ }
4132
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap:focus, .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap:focus {
4133
+ background: rgba(var(--color-sf-primary), 0.12);
4134
+ }
4135
+ .e-tab.e-background.e-focused .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
4136
+ color: rgba(var(--color-sf-on-surface-variant));
4137
+ }
4138
+ .e-tab.e-background.e-focused .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
4139
+ .e-tab.e-background.e-focused .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
4140
+ color: rgba(var(--color-sf-on-surface-variant));
4141
+ }
4142
+ .e-tab.e-rtl .e-tab-header .e-hscroll.e-rtl .e-scroll-nav {
4143
+ border: 0;
4144
+ }
4145
+ .e-tab .e-content {
4146
+ background: inherit;
4147
+ }
4148
+ .e-tab .e-content .e-item {
4149
+ background: inherit;
4150
+ color: rgba(var(--color-sf-on-surface-variant));
4151
+ font-size: 14px;
4152
+ }
4153
+
4154
+ .e-tab-clone-element {
4155
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
4156
+ color: rgba(var(--color-sf-on-surface-variant));
4157
+ }
4158
+ .e-tab-clone-element .e-tab-wrap {
4159
+ border-radius: 0;
4160
+ color: rgba(var(--color-sf-on-surface-variant));
4161
+ border: 1px solid transparent;
4162
+ }
4163
+ .e-tab-clone-element .e-tab-wrap .e-tab-icon {
4164
+ color: rgba(var(--color-sf-on-surface-variant));
4165
+ }