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