@syncfusion/ej2-angular-navigations 26.1.41 → 26.2.4

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