@syncfusion/ej2-angular-navigations 20.4.38 → 20.4.40

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 (220) hide show
  1. package/esm2020/src/tab/items.directive.mjs +3 -3
  2. package/esm2020/src/toolbar/items.directive.mjs +3 -3
  3. package/fesm2015/syncfusion-ej2-angular-navigations.mjs +4 -4
  4. package/fesm2015/syncfusion-ej2-angular-navigations.mjs.map +1 -1
  5. package/fesm2020/syncfusion-ej2-angular-navigations.mjs +4 -4
  6. package/fesm2020/syncfusion-ej2-angular-navigations.mjs.map +1 -1
  7. package/package.json +8 -8
  8. package/schematics/utils/lib-details.d.ts +2 -2
  9. package/schematics/utils/lib-details.js +2 -2
  10. package/schematics/utils/lib-details.ts +2 -2
  11. package/src/tab/items.directive.d.ts +8 -1
  12. package/src/toolbar/items.directive.d.ts +8 -1
  13. package/styles/accordion/_bootstrap-dark-definition.scss +100 -0
  14. package/styles/accordion/_bootstrap-definition.scss +100 -0
  15. package/styles/accordion/_bootstrap4-definition.scss +95 -1
  16. package/styles/accordion/_bootstrap5-definition.scss +99 -3
  17. package/styles/accordion/_fabric-dark-definition.scss +100 -0
  18. package/styles/accordion/_fabric-definition.scss +100 -0
  19. package/styles/accordion/_fluent-definition.scss +98 -2
  20. package/styles/accordion/_fusionnew-definition.scss +99 -3
  21. package/styles/accordion/_highcontrast-definition.scss +98 -3
  22. package/styles/accordion/_highcontrast-light-definition.scss +98 -3
  23. package/styles/accordion/_layout.scss +25 -91
  24. package/styles/accordion/_material-dark-definition.scss +100 -0
  25. package/styles/accordion/_material-definition.scss +100 -0
  26. package/styles/accordion/_material3-definition.scss +99 -3
  27. package/styles/accordion/_tailwind-definition.scss +99 -2
  28. package/styles/accordion/_theme.scss +184 -345
  29. package/styles/accordion/bootstrap-dark.css +202 -16
  30. package/styles/accordion/bootstrap.css +202 -16
  31. package/styles/accordion/bootstrap4.css +171 -17
  32. package/styles/accordion/bootstrap5-dark.css +202 -13
  33. package/styles/accordion/bootstrap5.css +202 -13
  34. package/styles/accordion/fabric-dark.css +209 -11
  35. package/styles/accordion/fabric.css +209 -11
  36. package/styles/accordion/fluent-dark.css +217 -5
  37. package/styles/accordion/fluent.css +217 -5
  38. package/styles/accordion/highcontrast-light.css +186 -52
  39. package/styles/accordion/highcontrast.css +186 -52
  40. package/styles/accordion/material-dark.css +210 -16
  41. package/styles/accordion/material.css +209 -15
  42. package/styles/accordion/tailwind-dark.css +199 -8
  43. package/styles/accordion/tailwind.css +199 -8
  44. package/styles/bootstrap-dark.css +1130 -281
  45. package/styles/bootstrap.css +1116 -267
  46. package/styles/bootstrap4.css +996 -280
  47. package/styles/bootstrap5-dark.css +1046 -281
  48. package/styles/bootstrap5.css +1046 -281
  49. package/styles/context-menu/_layout.scss +0 -3
  50. package/styles/context-menu/bootstrap5-dark.css +0 -1
  51. package/styles/context-menu/bootstrap5.css +0 -1
  52. package/styles/context-menu/fluent-dark.css +0 -1
  53. package/styles/context-menu/fluent.css +0 -1
  54. package/styles/context-menu/tailwind-dark.css +0 -1
  55. package/styles/context-menu/tailwind.css +0 -1
  56. package/styles/fabric-dark.css +1172 -336
  57. package/styles/fabric.css +1170 -334
  58. package/styles/fluent-dark.css +1110 -223
  59. package/styles/fluent.css +1108 -221
  60. package/styles/h-scroll/_bootstrap-dark-definition.scss +8 -0
  61. package/styles/h-scroll/_bootstrap-definition.scss +8 -0
  62. package/styles/h-scroll/_bootstrap4-definition.scss +8 -0
  63. package/styles/h-scroll/_bootstrap5-definition.scss +8 -0
  64. package/styles/h-scroll/_fabric-dark-definition.scss +8 -0
  65. package/styles/h-scroll/_fabric-definition.scss +8 -0
  66. package/styles/h-scroll/_fluent-definition.scss +8 -0
  67. package/styles/h-scroll/_fusionnew-definition.scss +8 -0
  68. package/styles/h-scroll/_highcontrast-definition.scss +6 -1
  69. package/styles/h-scroll/_highcontrast-light-definition.scss +6 -1
  70. package/styles/h-scroll/_layout.scss +1 -4
  71. package/styles/h-scroll/_material-dark-definition.scss +8 -0
  72. package/styles/h-scroll/_material-definition.scss +8 -0
  73. package/styles/h-scroll/_material3-definition.scss +8 -0
  74. package/styles/h-scroll/_tailwind-definition.scss +8 -0
  75. package/styles/h-scroll/_theme.scss +12 -40
  76. package/styles/h-scroll/bootstrap-dark.css +13 -0
  77. package/styles/h-scroll/bootstrap.css +13 -0
  78. package/styles/h-scroll/bootstrap4.css +7 -0
  79. package/styles/h-scroll/bootstrap5-dark.css +12 -0
  80. package/styles/h-scroll/bootstrap5.css +12 -0
  81. package/styles/h-scroll/fabric-dark.css +15 -2
  82. package/styles/h-scroll/fabric.css +15 -2
  83. package/styles/h-scroll/fluent-dark.css +13 -0
  84. package/styles/h-scroll/fluent.css +13 -0
  85. package/styles/h-scroll/highcontrast-light.css +8 -7
  86. package/styles/h-scroll/highcontrast.css +10 -9
  87. package/styles/h-scroll/icons/_fabric-dark.scss +2 -2
  88. package/styles/h-scroll/icons/_fabric.scss +2 -2
  89. package/styles/h-scroll/icons/_highcontrast.scss +2 -2
  90. package/styles/h-scroll/material-dark.css +13 -2
  91. package/styles/h-scroll/material.css +13 -2
  92. package/styles/h-scroll/tailwind-dark.css +12 -0
  93. package/styles/h-scroll/tailwind.css +12 -0
  94. package/styles/highcontrast-light.css +1026 -477
  95. package/styles/highcontrast.css +1028 -473
  96. package/styles/material-dark.css +1275 -205
  97. package/styles/material.css +1273 -203
  98. package/styles/menu/_theme.scss +1 -1
  99. package/styles/menu/fluent-dark.css +1 -1
  100. package/styles/menu/fluent.css +1 -1
  101. package/styles/pager/bootstrap-dark.css +9 -9
  102. package/styles/pager/bootstrap.css +9 -9
  103. package/styles/pager/bootstrap4.css +9 -9
  104. package/styles/pager/bootstrap5-dark.css +9 -9
  105. package/styles/pager/bootstrap5.css +9 -9
  106. package/styles/pager/fabric-dark.css +9 -9
  107. package/styles/pager/fabric.css +9 -9
  108. package/styles/pager/fluent-dark.css +9 -9
  109. package/styles/pager/fluent.css +9 -9
  110. package/styles/pager/highcontrast-light.css +9 -9
  111. package/styles/pager/highcontrast.css +9 -9
  112. package/styles/pager/material-dark.css +9 -9
  113. package/styles/pager/material.css +9 -9
  114. package/styles/pager/tailwind-dark.css +9 -9
  115. package/styles/pager/tailwind.css +9 -9
  116. package/styles/tab/_bootstrap-dark-definition.scss +271 -15
  117. package/styles/tab/_bootstrap-definition.scss +266 -9
  118. package/styles/tab/_bootstrap4-definition.scss +266 -9
  119. package/styles/tab/_bootstrap5-definition.scss +270 -13
  120. package/styles/tab/_fabric-dark-definition.scss +270 -13
  121. package/styles/tab/_fabric-definition.scss +270 -13
  122. package/styles/tab/_fluent-definition.scss +269 -12
  123. package/styles/tab/_fusionnew-definition.scss +268 -11
  124. package/styles/tab/_highcontrast-definition.scss +271 -14
  125. package/styles/tab/_highcontrast-light-definition.scss +271 -14
  126. package/styles/tab/_layout.scss +304 -1010
  127. package/styles/tab/_material-dark-definition.scss +266 -9
  128. package/styles/tab/_material-definition.scss +266 -9
  129. package/styles/tab/_material3-definition.scss +268 -11
  130. package/styles/tab/_tailwind-definition.scss +267 -10
  131. package/styles/tab/_theme.scss +305 -843
  132. package/styles/tab/bootstrap-dark.css +675 -202
  133. package/styles/tab/bootstrap.css +662 -189
  134. package/styles/tab/bootstrap4.css +634 -207
  135. package/styles/tab/bootstrap5-dark.css +611 -227
  136. package/styles/tab/bootstrap5.css +611 -227
  137. package/styles/tab/fabric-dark.css +709 -294
  138. package/styles/tab/fabric.css +707 -292
  139. package/styles/tab/fluent-dark.css +633 -193
  140. package/styles/tab/fluent.css +633 -193
  141. package/styles/tab/highcontrast-light.css +615 -345
  142. package/styles/tab/highcontrast.css +615 -339
  143. package/styles/tab/icons/_bootstrap-dark.scss +0 -33
  144. package/styles/tab/icons/_bootstrap.scss +0 -33
  145. package/styles/tab/icons/_bootstrap4.scss +0 -26
  146. package/styles/tab/icons/_bootstrap5.scss +0 -37
  147. package/styles/tab/icons/_fabric-dark.scss +0 -33
  148. package/styles/tab/icons/_fabric.scss +0 -33
  149. package/styles/tab/icons/_fluent.scss +0 -33
  150. package/styles/tab/icons/_fusionnew.scss +0 -37
  151. package/styles/tab/icons/_highcontrast-light.scss +0 -37
  152. package/styles/tab/icons/_highcontrast.scss +0 -26
  153. package/styles/tab/icons/_material-dark.scss +0 -37
  154. package/styles/tab/icons/_material.scss +0 -37
  155. package/styles/tab/icons/_material3.scss +0 -37
  156. package/styles/tab/icons/_tailwind.scss +0 -37
  157. package/styles/tab/material-dark.css +791 -140
  158. package/styles/tab/material.css +791 -140
  159. package/styles/tab/tailwind-dark.css +792 -157
  160. package/styles/tab/tailwind.css +792 -157
  161. package/styles/tailwind-dark.css +1238 -192
  162. package/styles/tailwind.css +1239 -193
  163. package/styles/toolbar/_bootstrap-dark-definition.scss +93 -0
  164. package/styles/toolbar/_bootstrap-definition.scss +93 -0
  165. package/styles/toolbar/_bootstrap4-definition.scss +94 -1
  166. package/styles/toolbar/_bootstrap5-definition.scss +94 -8
  167. package/styles/toolbar/_fabric-dark-definition.scss +92 -3
  168. package/styles/toolbar/_fabric-definition.scss +92 -3
  169. package/styles/toolbar/_fluent-definition.scss +96 -8
  170. package/styles/toolbar/_fusionnew-definition.scss +94 -8
  171. package/styles/toolbar/_highcontrast-definition.scss +93 -4
  172. package/styles/toolbar/_highcontrast-light-definition.scss +93 -4
  173. package/styles/toolbar/_layout.scss +48 -177
  174. package/styles/toolbar/_material-dark-definition.scss +93 -0
  175. package/styles/toolbar/_material-definition.scss +93 -0
  176. package/styles/toolbar/_material3-definition.scss +94 -8
  177. package/styles/toolbar/_tailwind-definition.scss +94 -6
  178. package/styles/toolbar/_theme.scss +169 -278
  179. package/styles/toolbar/bootstrap-dark.css +196 -19
  180. package/styles/toolbar/bootstrap.css +196 -19
  181. package/styles/toolbar/bootstrap4.css +164 -36
  182. package/styles/toolbar/bootstrap5-dark.css +210 -29
  183. package/styles/toolbar/bootstrap5.css +210 -29
  184. package/styles/toolbar/fabric-dark.css +219 -9
  185. package/styles/toolbar/fabric.css +220 -10
  186. package/styles/toolbar/fluent-dark.css +233 -10
  187. package/styles/toolbar/fluent.css +233 -10
  188. package/styles/toolbar/highcontrast-light.css +199 -43
  189. package/styles/toolbar/highcontrast.css +200 -44
  190. package/styles/toolbar/material-dark.css +233 -19
  191. package/styles/toolbar/material.css +233 -19
  192. package/styles/toolbar/tailwind-dark.css +224 -15
  193. package/styles/toolbar/tailwind.css +223 -14
  194. package/styles/treeview/_material-definition.scss +1 -1
  195. package/styles/treeview/_theme.scss +11 -1
  196. package/styles/treeview/fluent-dark.css +2 -2
  197. package/styles/treeview/material.css +2 -2
  198. package/styles/treeview/tailwind.css +2 -2
  199. package/styles/v-scroll/_highcontrast-definition.scss +0 -1
  200. package/styles/v-scroll/_highcontrast-light-definition.scss +0 -1
  201. package/styles/v-scroll/_theme.scss +0 -26
  202. package/styles/v-scroll/bootstrap5-dark.css +2 -2
  203. package/styles/v-scroll/bootstrap5.css +2 -2
  204. package/styles/v-scroll/fabric-dark.css +2 -2
  205. package/styles/v-scroll/fabric.css +2 -2
  206. package/styles/v-scroll/fluent-dark.css +2 -2
  207. package/styles/v-scroll/fluent.css +2 -2
  208. package/styles/v-scroll/highcontrast-light.css +2 -14
  209. package/styles/v-scroll/highcontrast.css +2 -14
  210. package/styles/v-scroll/icons/_bootstrap5.scss +2 -2
  211. package/styles/v-scroll/icons/_fabric-dark.scss +2 -2
  212. package/styles/v-scroll/icons/_fabric.scss +2 -2
  213. package/styles/v-scroll/icons/_fluent.scss +2 -2
  214. package/styles/v-scroll/icons/_fusionnew.scss +2 -2
  215. package/styles/v-scroll/icons/_highcontrast-light.scss +2 -2
  216. package/styles/v-scroll/icons/_highcontrast.scss +2 -2
  217. package/styles/v-scroll/icons/_material3.scss +2 -2
  218. package/styles/v-scroll/icons/_tailwind.scss +2 -2
  219. package/styles/v-scroll/tailwind-dark.css +2 -2
  220. package/styles/v-scroll/tailwind.css +2 -2
@@ -10,27 +10,15 @@
10
10
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-right-arrow::before {
11
11
  content: "\e98f";
12
12
  }
13
- .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before {
14
- content: "\e98f";
15
- }
16
- .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
17
- content: "\e219";
18
- }
19
13
  .e-tab .e-tab-header .e-close-icon::before {
20
14
  content: "\e7fc";
21
15
  position: relative;
22
16
  }
23
- .e-tab .e-tab-header .e-popup-up-icon::before {
24
- content: "\e85e";
25
- }
26
17
  @media screen and (max-width: 480px) {
27
18
  .e-tab .e-tab-header .e-popup-up-icon::before {
28
19
  content: "\e976";
29
20
  }
30
21
  }
31
- .e-tab .e-tab-header .e-popup-down-icon::before {
32
- content: "\e84f";
33
- }
34
22
  @media screen and (max-width: 480px) {
35
23
  .e-tab .e-tab-header .e-popup-down-icon::before {
36
24
  content: "\e976";
@@ -44,12 +32,6 @@
44
32
  content: "\e84f";
45
33
  }
46
34
  }
47
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before {
48
- content: "\e85e";
49
- }
50
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before {
51
- content: "\e84f";
52
- }
53
35
  .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before {
54
36
  content: "More";
55
37
  }
@@ -98,8 +80,8 @@
98
80
  }
99
81
  @media screen and (max-width: 480px) {
100
82
  .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,
101
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
102
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
83
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
84
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
103
85
  margin: 0 8px 0 0;
104
86
  }
105
87
  }
@@ -109,17 +91,21 @@
109
91
  }
110
92
  @media screen and (max-width: 480px) {
111
93
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
112
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
94
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
113
95
  margin: 0;
114
96
  }
115
97
  }
98
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
99
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
100
+ margin: 0 14px 0 0;
101
+ }
116
102
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
117
103
  .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
118
104
  margin: 0;
119
105
  }
120
106
  @media screen and (max-width: 480px) {
121
107
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
122
- .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
108
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
123
109
  margin: 0;
124
110
  }
125
111
  }
@@ -141,7 +127,7 @@
141
127
  }
142
128
  @media screen and (max-width: 480px) {
143
129
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
144
- .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
130
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
145
131
  margin: 0 8px 0 0;
146
132
  }
147
133
  }
@@ -158,21 +144,23 @@
158
144
  }
159
145
  @media screen and (max-width: 480px) {
160
146
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
161
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
147
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
162
148
  padding: 0 8px;
163
149
  }
164
150
  }
165
151
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-text-wrap,
166
152
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-text-wrap {
167
- height: 50px;
168
153
  height: 46px;
169
154
  }
170
155
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-text,
171
156
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-text {
172
157
  font-size: 15px;
173
- -ms-flex-item-align: auto;
174
- -ms-grid-row-align: auto;
175
- align-self: auto;
158
+ margin-bottom: 0;
159
+ }
160
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before,
161
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before {
162
+ position: relative;
163
+ top: 0;
176
164
  }
177
165
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
178
166
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
@@ -181,27 +169,25 @@
181
169
  }
182
170
  @media screen and (max-width: 480px) {
183
171
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
184
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
172
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
185
173
  margin: 0 8px 0 0;
186
174
  }
187
175
  }
176
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before,
177
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before {
178
+ position: relative;
179
+ top: 0;
180
+ }
188
181
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
189
182
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
190
183
  height: 46px;
191
184
  margin-top: 0;
192
- height: 46px;
193
185
  }
194
186
  .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,
195
187
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
196
188
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
197
- height: 50px;
198
189
  height: 46px;
199
190
  }
200
- .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
201
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap {
202
- padding: 2px 0 0 0;
203
- padding: 0;
204
- }
205
191
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
206
192
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
207
193
  cursor: pointer;
@@ -209,7 +195,7 @@
209
195
  }
210
196
  @media screen and (max-width: 480px) {
211
197
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
212
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
198
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
213
199
  margin: 0 0 0 8px;
214
200
  }
215
201
  }
@@ -221,9 +207,9 @@
221
207
  }
222
208
  @media screen and (max-width: 480px) {
223
209
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
224
- .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
225
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
226
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
210
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
211
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
212
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
227
213
  font-size: 12px;
228
214
  }
229
215
  }
@@ -232,6 +218,7 @@
232
218
  height: 20px;
233
219
  min-width: 20px;
234
220
  width: 20px;
221
+ line-height: 1;
235
222
  }
236
223
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
237
224
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before,
@@ -243,13 +230,23 @@
243
230
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
244
231
  padding: 0 8px;
245
232
  }
233
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
234
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
235
+ margin: 0 0 0 12px;
236
+ }
237
+ @media screen and (max-width: 480px) {
238
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
239
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
240
+ margin: 0;
241
+ }
242
+ }
246
243
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
247
244
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
248
245
  margin: 0 0 0 8px;
249
246
  }
250
247
  @media screen and (max-width: 480px) {
251
248
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
252
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
249
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
253
250
  margin: 0 0 0 8px;
254
251
  }
255
252
  }
@@ -283,16 +280,6 @@
283
280
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon {
284
281
  right: 8px;
285
282
  }
286
- .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-text-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-text-wrap,
287
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-text-wrap,
288
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-text-wrap {
289
- height: auto;
290
- }
291
- .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,
292
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap,
293
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap {
294
- height: 72px;
295
- }
296
283
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text,
297
284
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-text {
298
285
  margin: 10px 0 0;
@@ -319,13 +306,12 @@
319
306
  }
320
307
  @media screen and (max-width: 480px) {
321
308
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
322
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
309
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
323
310
  padding: 0 12px;
324
311
  }
325
312
  }
326
313
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap,
327
314
  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
328
- height: 45px;
329
315
  height: 41px;
330
316
  }
331
317
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
@@ -334,7 +320,7 @@
334
320
  }
335
321
  @media screen and (max-width: 480px) {
336
322
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
337
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
323
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
338
324
  padding-right: 0;
339
325
  }
340
326
  }
@@ -358,8 +344,8 @@
358
344
  }
359
345
  @media screen and (max-width: 480px) {
360
346
  .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),
361
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
362
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
347
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
348
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
363
349
  min-height: 50px;
364
350
  }
365
351
  }
@@ -372,10 +358,10 @@
372
358
  }
373
359
  @media screen and (max-width: 480px) {
374
360
  .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,
375
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
376
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
377
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
378
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
361
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
362
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
363
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
364
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
379
365
  height: 50px;
380
366
  }
381
367
  }
@@ -388,8 +374,8 @@
388
374
  }
389
375
  @media screen and (max-width: 480px) {
390
376
  .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,
391
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
392
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
377
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
378
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
393
379
  margin: 0;
394
380
  padding-left: 0;
395
381
  padding-right: 0;
@@ -403,7 +389,7 @@
403
389
  }
404
390
  @media screen and (max-width: 480px) {
405
391
  .e-bigger .e-tab .e-tab-header .e-scroll-nav,
406
- .e-tab.e-bigger .e-tab-header .e-scroll-nav {
392
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
407
393
  padding: 0 8px;
408
394
  }
409
395
  }
@@ -424,7 +410,7 @@
424
410
  }
425
411
  @media screen and (max-width: 480px) {
426
412
  .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
427
- .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
413
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
428
414
  font-size: 14px;
429
415
  height: 32px;
430
416
  line-height: 32px;
@@ -437,9 +423,8 @@
437
423
  .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
438
424
  font-size: 14px;
439
425
  line-height: 32px;
440
- top: 0;
441
- vertical-align: initial;
442
426
  top: -2px;
427
+ vertical-align: initial;
443
428
  }
444
429
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
445
430
  .e-tab.e-bigger .e-tab-header .e-hor-nav {
@@ -449,7 +434,7 @@
449
434
  }
450
435
  @media screen and (max-width: 480px) {
451
436
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
452
- .e-tab.e-bigger .e-tab-header .e-hor-nav {
437
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
453
438
  padding: 0 8px;
454
439
  }
455
440
  }
@@ -464,9 +449,9 @@
464
449
  }
465
450
  @media screen and (max-width: 480px) {
466
451
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
467
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
468
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
469
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
452
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
453
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
454
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
470
455
  font-size: 14px;
471
456
  height: 32px;
472
457
  line-height: 32px;
@@ -479,32 +464,50 @@
479
464
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
480
465
  font-size: 14px;
481
466
  line-height: 32px;
482
- top: 0;
483
- vertical-align: initial;
484
467
  top: -2px;
468
+ vertical-align: initial;
485
469
  }
486
470
  @media screen and (max-width: 480px) {
487
471
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
488
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
489
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
490
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
472
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
473
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
474
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
491
475
  font-size: 16px;
492
476
  }
493
477
  }
478
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
479
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
480
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
481
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
482
+ line-height: 32px;
483
+ }
494
484
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
495
485
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before,
496
486
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
497
487
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
498
- top: 0;
488
+ line-height: 32px;
499
489
  top: -2px;
500
490
  }
491
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
492
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
493
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
494
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
495
+ line-height: 32px;
496
+ }
501
497
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
502
498
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before,
503
499
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
504
500
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
505
- top: 0;
501
+ line-height: 32px;
506
502
  top: -2px;
507
503
  }
504
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
505
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
506
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
507
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
508
+ line-height: 32px;
509
+ top: 0;
510
+ }
508
511
  .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
509
512
  .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
510
513
  .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
@@ -536,7 +539,7 @@
536
539
  }
537
540
  @media screen and (max-width: 480px) {
538
541
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
539
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
542
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
540
543
  margin: 0 8px 0 0;
541
544
  }
542
545
  }
@@ -544,6 +547,15 @@
544
547
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-text {
545
548
  padding-top: 0;
546
549
  }
550
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before,
551
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before {
552
+ top: 1px;
553
+ }
554
+ .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,
555
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-close-icon::before,
556
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-close-icon::before {
557
+ top: 1px;
558
+ }
547
559
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
548
560
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
549
561
  margin: 0;
@@ -551,36 +563,32 @@
551
563
  }
552
564
  @media screen and (max-width: 480px) {
553
565
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
554
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
566
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
555
567
  margin: 0;
556
568
  }
557
569
  }
570
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text,
571
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text {
572
+ padding-top: 0;
573
+ }
574
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before,
575
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before {
576
+ top: 1px;
577
+ }
558
578
  .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,
559
579
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop,
560
580
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom {
561
581
  padding-bottom: 0;
562
582
  padding-top: 0;
563
583
  }
564
- .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-icon-close::before, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-icon-close::before,
565
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-icon-close::before,
566
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-icon-close::before {
567
- top: -1px;
568
- }
569
584
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active .e-text-wrap,
570
585
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active .e-text-wrap {
571
586
  margin: 0;
572
587
  }
573
588
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap,
574
589
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
575
- height: 50px;
576
- padding: 0;
577
590
  height: 46px;
578
- }
579
- .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap,
580
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap,
581
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap {
582
- height: 50px;
583
- height: auto;
591
+ padding: 0;
584
592
  }
585
593
  .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,
586
594
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap,
@@ -602,7 +610,7 @@
602
610
  }
603
611
  @media screen and (max-width: 480px) {
604
612
  .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
605
- .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
613
+ .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
606
614
  bottom: 0;
607
615
  top: 0;
608
616
  }
@@ -667,35 +675,28 @@
667
675
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
668
676
  height: auto;
669
677
  }
670
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
671
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
678
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
679
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
672
680
  height: 72px;
673
681
  min-height: 72px;
674
682
  }
675
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
676
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
683
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
684
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
677
685
  height: 72px;
678
686
  }
679
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
680
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before,
681
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
682
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
683
- bottom: -10px;
684
- top: auto;
685
- }
686
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
687
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
687
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
688
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
688
689
  height: 72px;
689
690
  }
690
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
691
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
691
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
692
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
692
693
  height: 72px;
693
694
  }
694
695
  @media screen and (max-width: 480px) {
695
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
696
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
697
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
698
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
696
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
697
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
698
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
699
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
699
700
  font-size: 12px;
700
701
  }
701
702
  }
@@ -713,7 +714,6 @@
713
714
  }
714
715
  .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
715
716
  .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
716
- height: 50px;
717
717
  height: 46px;
718
718
  }
719
719
  .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,
@@ -737,7 +737,6 @@
737
737
  }
738
738
  .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
739
739
  .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
740
- height: 45px;
741
740
  height: 41px;
742
741
  }
743
742
  .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,
@@ -747,9 +746,8 @@
747
746
  }
748
747
  .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap,
749
748
  .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
750
- height: 50px;
751
- padding: 0;
752
749
  height: 46px;
750
+ padding: 0;
753
751
  }
754
752
  .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft,
755
753
  .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft {
@@ -819,6 +817,14 @@
819
817
  .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
820
818
  top: 0;
821
819
  }
820
+ .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),
821
+ .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) {
822
+ margin: 0 0 0 14px;
823
+ }
824
+ .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,
825
+ .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 {
826
+ margin: 0;
827
+ }
822
828
  .e-bigger .e-tab.e-fill .e-tab-header,
823
829
  .e-tab.e-bigger.e-fill .e-tab-header {
824
830
  height: 48px;
@@ -826,7 +832,7 @@
826
832
  }
827
833
  @media screen and (max-width: 480px) {
828
834
  .e-bigger .e-tab.e-fill .e-tab-header,
829
- .e-tab.e-bigger.e-fill .e-tab-header {
835
+ .e-tab.e-bigger.e-fill .e-tab-header {
830
836
  height: 48px;
831
837
  min-height: 48px;
832
838
  }
@@ -838,7 +844,7 @@
838
844
  }
839
845
  @media screen and (max-width: 480px) {
840
846
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
841
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
847
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
842
848
  min-height: 48px;
843
849
  }
844
850
  }
@@ -854,10 +860,11 @@
854
860
  height: 48px;
855
861
  margin: 0;
856
862
  min-height: 48px;
863
+ padding: 0;
857
864
  }
858
865
  @media screen and (max-width: 480px) {
859
866
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
860
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
867
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
861
868
  height: 48px;
862
869
  min-height: 48px;
863
870
  }
@@ -875,19 +882,18 @@
875
882
  }
876
883
  @media screen and (max-width: 480px) {
877
884
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
878
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
885
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
879
886
  height: 48px;
880
887
  padding: 0 10px;
881
888
  }
882
889
  }
883
890
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
884
891
  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
885
- height: 48px;
886
892
  height: 44px;
887
893
  }
888
894
  @media screen and (max-width: 480px) {
889
895
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
890
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
896
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
891
897
  height: 48px;
892
898
  }
893
899
  }
@@ -901,25 +907,23 @@
901
907
  }
902
908
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
903
909
  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
904
- height: 48px;
905
910
  height: 44px;
906
911
  }
907
912
  @media screen and (max-width: 480px) {
908
913
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
909
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
914
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
910
915
  height: 48px;
911
916
  }
912
917
  }
913
918
  .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,
914
919
  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
915
920
  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
916
- height: 48px;
917
921
  height: 44px;
918
922
  }
919
923
  @media screen and (max-width: 480px) {
920
924
  .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,
921
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
922
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
925
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
926
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
923
927
  height: 48px;
924
928
  }
925
929
  }
@@ -940,7 +944,6 @@
940
944
  }
941
945
  .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap,
942
946
  .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
943
- height: 46px;
944
947
  height: 44px;
945
948
  }
946
949
  .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap,
@@ -961,17 +964,12 @@
961
964
  }
962
965
  .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
963
966
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
964
- height: 48px;
965
967
  height: 44px;
966
968
  }
967
969
  .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap,
968
970
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
969
971
  height: 44px;
970
972
  }
971
- .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon::before,
972
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon::before {
973
- top: 1px;
974
- }
975
973
  .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,
976
974
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus,
977
975
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
@@ -984,21 +982,17 @@
984
982
  }
985
983
  @media screen and (max-width: 480px) {
986
984
  .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,
987
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
988
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
985
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
986
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
989
987
  height: auto;
990
988
  }
991
989
  }
992
- .e-bigger .e-tab.e-fill.e-focused .e-tab-header.e-horizontal-bottom .e-tab-wrap:focus .e-text-wrap,
993
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header.e-horizontal-bottom .e-tab-wrap:focus .e-text-wrap {
994
- height: 44px;
995
- }
996
990
  .e-bigger .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator),
997
991
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
998
992
  margin: 0;
999
993
  }
1000
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
1001
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
994
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
995
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
1002
996
  height: 70px;
1003
997
  min-height: 70px;
1004
998
  }
@@ -1011,7 +1005,7 @@
1011
1005
  }
1012
1006
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator),
1013
1007
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
1014
- margin: 0;
1008
+ padding: 0;
1015
1009
  }
1016
1010
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1017
1011
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
@@ -1019,7 +1013,7 @@
1019
1013
  }
1020
1014
  @media screen and (max-width: 480px) {
1021
1015
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1022
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1016
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1023
1017
  padding: 0 12px;
1024
1018
  }
1025
1019
  }
@@ -1031,16 +1025,6 @@
1031
1025
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
1032
1026
  margin-bottom: 0;
1033
1027
  }
1034
- .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
1035
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
1036
- height: 50px;
1037
- height: 46px;
1038
- }
1039
- .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item:hover.e-itop .e-text-wrap, .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item:hover.e-ibottom .e-text-wrap,
1040
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:hover.e-itop .e-text-wrap,
1041
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:hover.e-ibottom .e-text-wrap {
1042
- height: auto;
1043
- }
1044
1028
  .e-bigger .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap,
1045
1029
  .e-tab.e-bigger.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
1046
1030
  padding: 0 8px;
@@ -1059,13 +1043,17 @@
1059
1043
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
1060
1044
  margin: 0 0 0 14px;
1061
1045
  }
1046
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right,
1047
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
1048
+ margin: 0;
1049
+ }
1062
1050
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1063
1051
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1064
1052
  margin: 0 8px 0 0;
1065
1053
  }
1066
1054
  @media screen and (max-width: 480px) {
1067
1055
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1068
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1056
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1069
1057
  margin: 0 8px 0 0;
1070
1058
  }
1071
1059
  }
@@ -1075,7 +1063,7 @@
1075
1063
  }
1076
1064
  @media screen and (max-width: 480px) {
1077
1065
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
1078
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1066
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1079
1067
  margin: 0 8px 0 0;
1080
1068
  }
1081
1069
  }
@@ -1103,7 +1091,7 @@
1103
1091
  }
1104
1092
  @media screen and (max-width: 480px) {
1105
1093
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
1106
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1094
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1107
1095
  padding-left: 0;
1108
1096
  }
1109
1097
  }
@@ -1126,8 +1114,8 @@
1126
1114
  }
1127
1115
  @media screen and (max-width: 480px) {
1128
1116
  .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,
1129
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1130
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1117
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1118
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1131
1119
  margin: 0;
1132
1120
  padding-left: 0;
1133
1121
  padding-right: 0;
@@ -1186,6 +1174,7 @@
1186
1174
  .e-tab .e-tab-header::before {
1187
1175
  content: "";
1188
1176
  position: absolute;
1177
+ display: unset;
1189
1178
  }
1190
1179
  .e-tab .e-tab-header:not(.e-vertical)::before {
1191
1180
  bottom: 0;
@@ -1215,6 +1204,32 @@
1215
1204
  margin: 0;
1216
1205
  }
1217
1206
  }
1207
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active {
1208
+ position: unset;
1209
+ }
1210
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1211
+ left: unset;
1212
+ right: unset;
1213
+ }
1214
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before {
1215
+ background-color: unset;
1216
+ bottom: unset;
1217
+ content: unset;
1218
+ height: unset;
1219
+ left: unset;
1220
+ position: unset;
1221
+ right: unset;
1222
+ transition: unset;
1223
+ }
1224
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after {
1225
+ color: unset;
1226
+ content: unset;
1227
+ display: unset;
1228
+ font-weight: unset;
1229
+ height: unset;
1230
+ overflow: unset;
1231
+ visibility: unset;
1232
+ }
1218
1233
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device {
1219
1234
  padding: 0;
1220
1235
  }
@@ -1226,6 +1241,7 @@
1226
1241
  }
1227
1242
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
1228
1243
  width: 40px;
1244
+ border-radius: 0;
1229
1245
  }
1230
1246
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
1231
1247
  margin: 0;
@@ -1253,6 +1269,7 @@
1253
1269
  height: 2px;
1254
1270
  left: 0;
1255
1271
  right: 0;
1272
+ border-radius: 0;
1256
1273
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
1257
1274
  }
1258
1275
  .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -1289,7 +1306,6 @@
1289
1306
  align-items: center;
1290
1307
  display: -ms-inline-flexbox;
1291
1308
  display: inline-flex;
1292
- height: 40px;
1293
1309
  height: 36px;
1294
1310
  }
1295
1311
  @media screen and (max-width: 480px) {
@@ -1303,17 +1319,16 @@
1303
1319
  font-size: 14px;
1304
1320
  font-weight: 400;
1305
1321
  text-transform: capitalize;
1322
+ -ms-flex-item-align: auto;
1323
+ -ms-grid-row-align: auto;
1324
+ align-self: auto;
1325
+ margin-bottom: 0;
1306
1326
  }
1307
1327
  @media screen and (max-width: 480px) {
1308
1328
  .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
1309
1329
  font-size: 15px;
1310
1330
  }
1311
1331
  }
1312
- .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
1313
- -ms-flex-item-align: auto;
1314
- -ms-grid-row-align: auto;
1315
- align-self: auto;
1316
- }
1317
1332
  .e-tab .e-tab-header .e-toolbar-item.e-active {
1318
1333
  margin: 0 8px 0 0;
1319
1334
  padding-bottom: 0;
@@ -1326,7 +1341,6 @@
1326
1341
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
1327
1342
  height: 36px;
1328
1343
  margin-top: 0;
1329
- height: 36px;
1330
1344
  }
1331
1345
  @media screen and (max-width: 480px) {
1332
1346
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
@@ -1337,16 +1351,17 @@
1337
1351
  margin-bottom: 0;
1338
1352
  }
1339
1353
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
1340
- font-weight: 600;
1354
+ font-weight: 400;
1341
1355
  }
1342
- .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
1343
- -ms-flex-item-align: auto;
1344
- -ms-grid-row-align: auto;
1345
- align-self: auto;
1356
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon::before {
1357
+ top: 2px;
1358
+ left: 0;
1359
+ }
1360
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-top.e-tab-icon::before,
1361
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-bottom.e-tab-icon::before {
1362
+ left: 0;
1346
1363
  }
1347
1364
  .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 {
1348
- height: 40px;
1349
- padding: 2px 0 0 0;
1350
1365
  height: 36px;
1351
1366
  padding: 0;
1352
1367
  }
@@ -1355,16 +1370,6 @@
1355
1370
  height: 50px;
1356
1371
  }
1357
1372
  }
1358
- .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-wrap .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-wrap .e-tab-text {
1359
- -ms-flex-item-align: auto;
1360
- -ms-grid-row-align: auto;
1361
- align-self: auto;
1362
- }
1363
- .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-wrap:focus .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-wrap:focus .e-tab-text {
1364
- -ms-flex-item-align: auto;
1365
- -ms-grid-row-align: auto;
1366
- align-self: auto;
1367
- }
1368
1373
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
1369
1374
  display: none;
1370
1375
  margin: 0 0 0 8px;
@@ -1381,13 +1386,12 @@
1381
1386
  }
1382
1387
  @media screen and (max-width: 480px) {
1383
1388
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
1384
- .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1389
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1385
1390
  font-size: 12px;
1386
1391
  }
1387
1392
  }
1388
1393
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1389
1394
  top: 1px;
1390
- top: 1px;
1391
1395
  }
1392
1396
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
1393
1397
  display: -ms-inline-flexbox;
@@ -1395,6 +1399,7 @@
1395
1399
  height: 20px;
1396
1400
  min-width: 20px;
1397
1401
  width: 20px;
1402
+ line-height: 1;
1398
1403
  }
1399
1404
  @media screen and (max-width: 480px) {
1400
1405
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -1408,10 +1413,19 @@
1408
1413
  }
1409
1414
  @media screen and (max-width: 480px) {
1410
1415
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
1411
- .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1416
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1412
1417
  font-size: 20px;
1413
1418
  }
1414
1419
  }
1420
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1421
+ position: relative;
1422
+ top: 2px;
1423
+ left: 0;
1424
+ }
1425
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-top.e-tab-icon::before,
1426
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-bottom.e-tab-icon::before {
1427
+ left: 0;
1428
+ }
1415
1429
  .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
1416
1430
  -ms-flex-pack: center;
1417
1431
  justify-content: center;
@@ -1422,6 +1436,14 @@
1422
1436
  padding: 0 8px;
1423
1437
  }
1424
1438
  }
1439
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-right {
1440
+ margin: 0 0 0 8px;
1441
+ }
1442
+ @media screen and (max-width: 480px) {
1443
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-right {
1444
+ margin: 0;
1445
+ }
1446
+ }
1425
1447
  .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
1426
1448
  margin: 0 0 0 6px;
1427
1449
  }
@@ -1458,9 +1480,6 @@
1458
1480
  display: block;
1459
1481
  height: auto;
1460
1482
  }
1461
- .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap {
1462
- height: 62px;
1463
- }
1464
1483
  .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 {
1465
1484
  height: auto;
1466
1485
  }
@@ -1522,6 +1541,7 @@
1522
1541
  }
1523
1542
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1524
1543
  margin: 0;
1544
+ padding: 0;
1525
1545
  }
1526
1546
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
1527
1547
  height: 36px;
@@ -1535,9 +1555,8 @@
1535
1555
  }
1536
1556
  }
1537
1557
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
1538
- height: 36px;
1539
- width: 100%;
1540
1558
  height: 32px;
1559
+ width: 100%;
1541
1560
  }
1542
1561
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1543
1562
  display: -ms-inline-flexbox;
@@ -1667,9 +1686,8 @@
1667
1686
  font-size: 12px;
1668
1687
  line-height: 24px;
1669
1688
  position: relative;
1670
- top: 0;
1671
- vertical-align: initial;
1672
1689
  top: -2px;
1690
+ vertical-align: initial;
1673
1691
  }
1674
1692
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow {
1675
1693
  font-size: 12px;
@@ -1708,7 +1726,7 @@
1708
1726
  }
1709
1727
  @media screen and (max-width: 480px) {
1710
1728
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
1711
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1729
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1712
1730
  font-size: 14px;
1713
1731
  height: 32px;
1714
1732
  line-height: 32px;
@@ -1720,21 +1738,30 @@
1720
1738
  font-size: 12px;
1721
1739
  line-height: 24px;
1722
1740
  position: relative;
1723
- top: 0;
1724
- vertical-align: initial;
1725
1741
  top: -2px;
1742
+ vertical-align: initial;
1726
1743
  }
1727
1744
  @media screen and (max-width: 480px) {
1728
1745
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1729
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1746
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1730
1747
  font-size: 16px;
1731
1748
  }
1732
1749
  }
1750
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
1751
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
1752
+ line-height: 24px;
1753
+ }
1733
1754
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1734
1755
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1735
- top: 0;
1756
+ line-height: 24px;
1736
1757
  top: -2px;
1737
1758
  }
1759
+ @media screen and (max-width: 480px) {
1760
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1761
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1762
+ line-height: 24px;
1763
+ }
1764
+ }
1738
1765
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
1739
1766
  transform: rotate(0deg);
1740
1767
  transition: none;
@@ -1755,14 +1782,58 @@
1755
1782
  transition: none;
1756
1783
  }
1757
1784
  }
1785
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
1786
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
1787
+ line-height: 24px;
1788
+ }
1758
1789
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1759
1790
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1760
- top: 0;
1791
+ line-height: 24px;
1761
1792
  top: -2px;
1762
1793
  }
1794
+ @media screen and (max-width: 480px) {
1795
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1796
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1797
+ line-height: 24px;
1798
+ }
1799
+ }
1800
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
1801
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
1802
+ line-height: 24px;
1803
+ top: 0;
1804
+ }
1805
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active {
1806
+ position: unset;
1807
+ }
1808
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1809
+ left: unset;
1810
+ right: unset;
1811
+ }
1812
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::before {
1813
+ background-color: unset;
1814
+ content: unset;
1815
+ height: unset;
1816
+ left: unset;
1817
+ position: unset;
1818
+ right: unset;
1819
+ top: unset;
1820
+ transition: unset;
1821
+ }
1822
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after {
1823
+ color: unset;
1824
+ content: unset;
1825
+ display: unset;
1826
+ font-weight: unset;
1827
+ height: unset;
1828
+ overflow: unset;
1829
+ visibility: unset;
1830
+ }
1763
1831
  .e-tab .e-tab-header.e-horizontal-bottom::before {
1764
1832
  bottom: auto;
1765
1833
  }
1834
+ .e-tab .e-tab-header.e-horizontal-bottom .e-hscroll-bar {
1835
+ margin-top: 0;
1836
+ }
1766
1837
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1767
1838
  margin: 0;
1768
1839
  padding-bottom: 0;
@@ -1788,8 +1859,6 @@
1788
1859
  }
1789
1860
  }
1790
1861
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
1791
- height: 40px;
1792
- padding: 0 0 2px 0;
1793
1862
  height: 36px;
1794
1863
  padding: 0;
1795
1864
  }
@@ -1799,19 +1868,6 @@
1799
1868
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-tab-wrap:focus .e-close-icon::before {
1800
1869
  top: 0;
1801
1870
  }
1802
- .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap {
1803
- height: auto;
1804
- }
1805
- .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft .e-tab-wrap .e-tab-text {
1806
- -ms-flex-item-align: auto;
1807
- -ms-grid-row-align: auto;
1808
- align-self: auto;
1809
- }
1810
- .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft .e-tab-wrap:focus .e-tab-text {
1811
- -ms-flex-item-align: auto;
1812
- -ms-grid-row-align: auto;
1813
- align-self: auto;
1814
- }
1815
1871
  .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 {
1816
1872
  height: initial;
1817
1873
  }
@@ -1849,9 +1905,8 @@
1849
1905
  }
1850
1906
  .e-tab .e-tab-header.e-vertical .e-indicator {
1851
1907
  display: block;
1852
- transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
1853
- width: 2px;
1854
1908
  transition: initial;
1909
+ width: 2px;
1855
1910
  }
1856
1911
  .e-tab .e-tab-header.e-vertical .e-toolbar-items {
1857
1912
  height: inherit;
@@ -1908,6 +1963,30 @@
1908
1963
  left: auto;
1909
1964
  right: 0;
1910
1965
  }
1966
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1967
+ bottom: unset;
1968
+ height: unset;
1969
+ }
1970
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::before {
1971
+ background-color: unset;
1972
+ bottom: unset;
1973
+ content: unset;
1974
+ height: unset;
1975
+ left: unset;
1976
+ position: unset;
1977
+ right: unset;
1978
+ transition: unset;
1979
+ width: unset;
1980
+ }
1981
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::after {
1982
+ color: unset;
1983
+ content: unset;
1984
+ display: unset;
1985
+ font-weight: unset;
1986
+ height: unset;
1987
+ overflow: unset;
1988
+ visibility: unset;
1989
+ }
1911
1990
  .e-tab .e-tab-header.e-vertical.e-vertical-right {
1912
1991
  float: right;
1913
1992
  }
@@ -1924,6 +2003,30 @@
1924
2003
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-pop .e-tab-text {
1925
2004
  width: auto;
1926
2005
  }
2006
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active:hover::before {
2007
+ bottom: unset;
2008
+ height: unset;
2009
+ }
2010
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::before {
2011
+ background-color: unset;
2012
+ bottom: unset;
2013
+ content: unset;
2014
+ height: unset;
2015
+ left: unset;
2016
+ position: unset;
2017
+ right: unset;
2018
+ transition: unset;
2019
+ width: unset;
2020
+ }
2021
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::after {
2022
+ color: unset;
2023
+ content: unset;
2024
+ display: unset;
2025
+ font-weight: unset;
2026
+ height: unset;
2027
+ overflow: unset;
2028
+ visibility: unset;
2029
+ }
1927
2030
  .e-tab .e-tab-header.e-vertical .e-scroll-nav {
1928
2031
  height: 16px;
1929
2032
  -ms-flex-pack: center;
@@ -1971,7 +2074,7 @@
1971
2074
  }
1972
2075
  @media screen and (max-width: 480px) {
1973
2076
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
1974
- .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
2077
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
1975
2078
  font-size: 15px;
1976
2079
  }
1977
2080
  }
@@ -2038,27 +2141,32 @@
2038
2141
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
2039
2142
  width: 100%;
2040
2143
  }
2041
- .e-tab.e-vertical-icon .e-tab-header {
2144
+ .e-tab.e-vertical-icon > .e-tab-header {
2042
2145
  height: 62px;
2043
2146
  min-height: 62px;
2044
2147
  }
2045
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2046
- .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 {
2148
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2149
+ .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 {
2047
2150
  display: none;
2048
2151
  }
2049
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
2152
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
2050
2153
  height: 62px;
2051
2154
  }
2052
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2053
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2155
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2156
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2054
2157
  position: static;
2055
2158
  }
2056
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2057
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2058
- content: none;
2159
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2160
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2161
+ border: 1px solid #ffd939;
2162
+ content: "";
2163
+ display: none;
2164
+ position: absolute;
2165
+ top: 95%;
2166
+ width: 100%;
2059
2167
  }
2060
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2061
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2168
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2169
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2062
2170
  content: "";
2063
2171
  display: block;
2064
2172
  position: absolute;
@@ -2066,36 +2174,39 @@
2066
2174
  width: calc(100% - 16px);
2067
2175
  border: 1px solid #ffd939;
2068
2176
  }
2069
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
2177
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
2070
2178
  height: 62px;
2071
2179
  }
2072
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
2180
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
2073
2181
  height: 62px;
2074
2182
  }
2075
2183
  @media screen and (max-width: 480px) {
2076
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2077
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2184
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2185
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2078
2186
  font-size: 12px;
2079
2187
  }
2080
2188
  }
2081
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-indicator {
2189
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator {
2082
2190
  width: 3px;
2083
2191
  }
2084
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2085
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2192
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2193
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2086
2194
  display: none;
2087
2195
  }
2088
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2089
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2196
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2197
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2090
2198
  position: relative;
2091
2199
  }
2092
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
2200
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
2093
2201
  height: 16px;
2094
2202
  }
2095
- .e-tab.e-vertical-icon .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2096
- .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 {
2203
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2204
+ .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 {
2097
2205
  top: 0;
2098
2206
  }
2207
+ .e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active {
2208
+ margin: 0 0 0 8px;
2209
+ }
2099
2210
  .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
2100
2211
  height: inherit;
2101
2212
  }
@@ -2103,7 +2214,6 @@
2103
2214
  height: 40px;
2104
2215
  }
2105
2216
  .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2106
- height: 40px;
2107
2217
  height: 36px;
2108
2218
  }
2109
2219
  .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 {
@@ -2119,21 +2229,14 @@
2119
2229
  height: 36px;
2120
2230
  }
2121
2231
  .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2122
- height: 36px;
2123
2232
  height: 32px;
2124
2233
  }
2125
2234
  .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 {
2126
2235
  height: 40px;
2127
2236
  }
2128
2237
  .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
2129
- height: 40px;
2130
- padding: 0;
2131
2238
  height: 36px;
2132
- }
2133
- .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-active.e-ileft .e-tab-wrap:focus .e-tab-text {
2134
- -ms-flex-item-align: auto;
2135
- -ms-grid-row-align: auto;
2136
- align-self: auto;
2239
+ padding: 0;
2137
2240
  }
2138
2241
  .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 {
2139
2242
  height: auto;
@@ -2307,6 +2410,7 @@
2307
2410
  height: 38px;
2308
2411
  margin: 0;
2309
2412
  min-height: 38px;
2413
+ padding: 0;
2310
2414
  }
2311
2415
  @media screen and (max-width: 480px) {
2312
2416
  .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
@@ -2329,7 +2433,6 @@
2329
2433
  }
2330
2434
  }
2331
2435
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
2332
- height: 38px;
2333
2436
  height: 34px;
2334
2437
  }
2335
2438
  @media screen and (max-width: 480px) {
@@ -2344,7 +2447,6 @@
2344
2447
  margin-bottom: 0;
2345
2448
  }
2346
2449
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
2347
- height: 38px;
2348
2450
  height: 34px;
2349
2451
  }
2350
2452
  @media screen and (max-width: 480px) {
@@ -2353,10 +2455,9 @@
2353
2455
  }
2354
2456
  }
2355
2457
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text {
2356
- font-weight: 600;
2458
+ font-weight: 400;
2357
2459
  }
2358
2460
  .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 {
2359
- height: 38px;
2360
2461
  height: 34px;
2361
2462
  }
2362
2463
  @media screen and (max-width: 480px) {
@@ -2385,7 +2486,6 @@
2385
2486
  padding: 0;
2386
2487
  }
2387
2488
  .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
2388
- height: 38px;
2389
2489
  height: 34px;
2390
2490
  }
2391
2491
  @media screen and (max-width: 480px) {
@@ -2409,15 +2509,11 @@
2409
2509
  height: 38px;
2410
2510
  }
2411
2511
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2412
- height: 38px;
2413
2512
  height: 34px;
2414
2513
  }
2415
2514
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
2416
2515
  height: 34px;
2417
2516
  }
2418
- .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon::before {
2419
- top: 1px;
2420
- }
2421
2517
  .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 {
2422
2518
  height: 59px;
2423
2519
  }
@@ -2432,7 +2528,7 @@
2432
2528
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2433
2529
  margin: 0;
2434
2530
  }
2435
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2531
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2436
2532
  height: 60px;
2437
2533
  min-height: 60px;
2438
2534
  }
@@ -2443,9 +2539,7 @@
2443
2539
  }
2444
2540
  .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
2445
2541
  margin: 0;
2446
- }
2447
- .e-tab.e-background .e-tab-header .e-toolbar-item:hover.e-itop .e-text-wrap, .e-tab.e-background .e-tab-header .e-toolbar-item:hover.e-ibottom .e-text-wrap {
2448
- height: auto;
2542
+ padding: 0;
2449
2543
  }
2450
2544
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
2451
2545
  padding: 0 10px;
@@ -2461,12 +2555,8 @@
2461
2555
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
2462
2556
  margin-bottom: 0;
2463
2557
  }
2464
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
2465
- height: 40px;
2466
- height: 36px;
2467
- }
2468
2558
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text {
2469
- font-weight: 600;
2559
+ font-weight: 400;
2470
2560
  }
2471
2561
  .e-tab.e-background .e-tab-header.e-vertical .e-indicator {
2472
2562
  display: none;
@@ -2483,7 +2573,6 @@
2483
2573
  padding: 0;
2484
2574
  }
2485
2575
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-text-wrap {
2486
- height: 36px;
2487
2576
  height: 32px;
2488
2577
  }
2489
2578
  .e-tab.e-background.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
@@ -2496,6 +2585,9 @@
2496
2585
  .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2497
2586
  margin: 0 0 0 8px;
2498
2587
  }
2588
+ .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
2589
+ margin: 0;
2590
+ }
2499
2591
  .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
2500
2592
  margin: 0 6px 0 0;
2501
2593
  }
@@ -2511,6 +2603,9 @@
2511
2603
  margin-left: 20px;
2512
2604
  margin-right: 0;
2513
2605
  }
2606
+ .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) {
2607
+ margin: 0 0 0 8px;
2608
+ }
2514
2609
  .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item {
2515
2610
  margin: 0;
2516
2611
  }
@@ -2598,7 +2693,6 @@
2598
2693
  align-items: center;
2599
2694
  display: -ms-inline-flexbox;
2600
2695
  display: inline-flex;
2601
- height: 40px;
2602
2696
  height: 36px;
2603
2697
  }
2604
2698
  @media screen and (max-width: 480px) {
@@ -2612,17 +2706,15 @@
2612
2706
  font-size: 14px;
2613
2707
  font-weight: 400;
2614
2708
  text-transform: capitalize;
2709
+ -ms-flex-item-align: auto;
2710
+ -ms-grid-row-align: auto;
2711
+ align-self: auto;
2615
2712
  }
2616
2713
  @media screen and (max-width: 480px) {
2617
2714
  .e-tab-clone-element .e-tab-text {
2618
2715
  font-size: 15px;
2619
2716
  }
2620
2717
  }
2621
- .e-tab-clone-element .e-tab-text {
2622
- -ms-flex-item-align: auto;
2623
- -ms-grid-row-align: auto;
2624
- align-self: auto;
2625
- }
2626
2718
  .e-tab-clone-element .e-icons.e-close-icon {
2627
2719
  display: none;
2628
2720
  }
@@ -2632,13 +2724,12 @@
2632
2724
  }
2633
2725
  @media screen and (max-width: 480px) {
2634
2726
  .e-tab-clone-element .e-close-icon,
2635
- .e-tab-clone-element .e-close-icon::before {
2727
+ .e-tab-clone-element .e-close-icon::before {
2636
2728
  font-size: 12px;
2637
2729
  }
2638
2730
  }
2639
2731
  .e-tab-clone-element .e-close-icon::before {
2640
2732
  top: 1px;
2641
- top: 1px;
2642
2733
  }
2643
2734
  .e-tab-clone-element .e-icons.e-tab-icon {
2644
2735
  display: -ms-inline-flexbox;
@@ -2646,6 +2737,7 @@
2646
2737
  height: 20px;
2647
2738
  min-width: 20px;
2648
2739
  width: 20px;
2740
+ line-height: 1;
2649
2741
  }
2650
2742
  @media screen and (max-width: 480px) {
2651
2743
  .e-tab-clone-element .e-icons.e-tab-icon {
@@ -2659,7 +2751,7 @@
2659
2751
  }
2660
2752
  @media screen and (max-width: 480px) {
2661
2753
  .e-tab-clone-element .e-tab-icon,
2662
- .e-tab-clone-element .e-tab-icon::before {
2754
+ .e-tab-clone-element .e-tab-icon::before {
2663
2755
  font-size: 20px;
2664
2756
  }
2665
2757
  }
@@ -2673,6 +2765,14 @@
2673
2765
  padding: 0 8px;
2674
2766
  }
2675
2767
  }
2768
+ .e-tab-clone-element .e-icon-right {
2769
+ margin: 0 0 0 8px;
2770
+ }
2771
+ @media screen and (max-width: 480px) {
2772
+ .e-tab-clone-element .e-icon-right {
2773
+ margin: 0;
2774
+ }
2775
+ }
2676
2776
  .e-tab-clone-element .e-icon-left + .e-tab-text {
2677
2777
  margin: 0 0 0 6px;
2678
2778
  }
@@ -2791,7 +2891,6 @@
2791
2891
  }
2792
2892
  }
2793
2893
  .e-bigger .e-tab-clone-element .e-text-wrap {
2794
- height: 50px;
2795
2894
  height: 46px;
2796
2895
  }
2797
2896
  .e-bigger .e-tab-clone-element .e-tab-text {
@@ -2815,7 +2914,7 @@
2815
2914
  }
2816
2915
  @media screen and (max-width: 480px) {
2817
2916
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
2818
- .e-bigger .e-tab-clone-element .e-close-icon::before {
2917
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
2819
2918
  font-size: 12px;
2820
2919
  }
2821
2920
  }
@@ -2823,6 +2922,7 @@
2823
2922
  height: 20px;
2824
2923
  min-width: 20px;
2825
2924
  width: 20px;
2925
+ line-height: 1;
2826
2926
  }
2827
2927
  .e-bigger .e-tab-clone-element .e-tab-icon,
2828
2928
  .e-bigger .e-tab-clone-element .e-tab-icon::before {
@@ -2831,6 +2931,14 @@
2831
2931
  .e-bigger .e-tab-clone-element.e-icon .e-tab-wrap {
2832
2932
  padding: 0 8px;
2833
2933
  }
2934
+ .e-bigger .e-tab-clone-element .e-icon-right {
2935
+ margin: 0 0 0 12px;
2936
+ }
2937
+ @media screen and (max-width: 480px) {
2938
+ .e-bigger .e-tab-clone-element .e-icon-right {
2939
+ margin: 0;
2940
+ }
2941
+ }
2834
2942
  .e-bigger .e-tab-clone-element .e-icon-left + .e-tab-text {
2835
2943
  margin: 0 0 0 8px;
2836
2944
  }
@@ -2857,12 +2965,6 @@
2857
2965
  .e-bigger .e-tab-clone-element.e-itop .e-close-icon, .e-bigger .e-tab-clone-element.e-ibottom .e-close-icon {
2858
2966
  right: 8px;
2859
2967
  }
2860
- .e-bigger .e-tab-clone-element.e-itop .e-text-wrap, .e-bigger .e-tab-clone-element.e-ibottom .e-text-wrap {
2861
- height: auto;
2862
- }
2863
- .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 {
2864
- height: 72px;
2865
- }
2866
2968
  .e-bigger .e-tab-clone-element.e-itop .e-tab-text {
2867
2969
  margin: 10px 0 0;
2868
2970
  }
@@ -2879,10 +2981,20 @@
2879
2981
  background: inherit;
2880
2982
  border: 0;
2881
2983
  border-radius: 0;
2984
+ box-shadow: none;
2985
+ font-weight: normal;
2882
2986
  border-bottom: 0;
2883
2987
  }
2988
+ .e-tab .e-tab-header::before {
2989
+ border-color: unset;
2990
+ border-style: solid;
2991
+ }
2992
+ .e-tab .e-tab-header:not(.e-vertical)::before {
2993
+ border-width: 0;
2994
+ }
2884
2995
  .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
2885
2996
  border-bottom: initial;
2997
+ margin-bottom: 0;
2886
2998
  }
2887
2999
  .e-tab .e-tab-header .e-toolbar-items {
2888
3000
  background: inherit;
@@ -2894,6 +3006,9 @@
2894
3006
  background: inherit;
2895
3007
  border: none;
2896
3008
  }
3009
+ .e-tab .e-tab-header .e-toolbar-item:hover {
3010
+ background: #685708;
3011
+ }
2897
3012
  .e-tab .e-tab-header .e-toolbar-item .e-ripple-element {
2898
3013
  background: rgba(0, 0, 0, 0);
2899
3014
  }
@@ -2918,6 +3033,8 @@
2918
3033
  }
2919
3034
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
2920
3035
  background: inherit;
3036
+ border: 2px solid #000;
3037
+ border-radius: 0;
2921
3038
  }
2922
3039
  @media screen and (max-width: 480px) {
2923
3040
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
@@ -2932,6 +3049,9 @@
2932
3049
  border: 0;
2933
3050
  border-radius: 0;
2934
3051
  }
3052
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3053
+ border: 2px solid #000;
3054
+ }
2935
3055
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
2936
3056
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
2937
3057
  color: #fff;
@@ -2999,13 +3119,18 @@
2999
3119
  }
3000
3120
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
3001
3121
  background: #685708;
3002
- border-color: #fff;
3122
+ border: 2px solid #fff;
3123
+ border-radius: 0;
3003
3124
  }
3004
3125
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3005
3126
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3006
3127
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3007
3128
  color: #fff;
3008
3129
  }
3130
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3131
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3132
+ color: #fff;
3133
+ }
3009
3134
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
3010
3135
  background: #ffd939;
3011
3136
  border-color: #ffd939;
@@ -3041,6 +3166,11 @@
3041
3166
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
3042
3167
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
3043
3168
  box-shadow: none;
3169
+ border: 2px solid #000;
3170
+ }
3171
+ .e-tab .e-tab-header .e-scroll-nav:focus,
3172
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
3173
+ background: inherit;
3044
3174
  }
3045
3175
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
3046
3176
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
@@ -3052,7 +3182,6 @@
3052
3182
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover {
3053
3183
  background: #685708;
3054
3184
  color: #fff;
3055
- border: 2px solid #fff;
3056
3185
  }
3057
3186
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active,
3058
3187
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
@@ -3060,6 +3189,12 @@
3060
3189
  border-color: #ffd939;
3061
3190
  color: #000;
3062
3191
  }
3192
+ .e-tab .e-tab-header .e-scroll-nav:active,
3193
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
3194
+ box-shadow: none;
3195
+ background: inherit;
3196
+ border: 0;
3197
+ }
3063
3198
  .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow,
3064
3199
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow {
3065
3200
  color: #fff;
@@ -3094,6 +3229,10 @@
3094
3229
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover {
3095
3230
  color: #fff;
3096
3231
  }
3232
+ .e-tab .e-tab-header .e-hor-nav:focus,
3233
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus {
3234
+ background: transparent;
3235
+ }
3097
3236
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3098
3237
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
3099
3238
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
@@ -3115,26 +3254,32 @@
3115
3254
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:active,
3116
3255
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
3117
3256
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active {
3118
- background: #685708;
3257
+ background: #ffd939;
3258
+ color: #000;
3119
3259
  border: 1px solid #ffd939;
3120
3260
  border-radius: 0;
3121
3261
  box-shadow: none;
3122
- background: #ffd939;
3123
- color: #000;
3124
3262
  }
3125
3263
  .e-tab .e-tab-header .e-hor-nav:hover,
3126
3264
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
3127
3265
  border: 0;
3266
+ background: transparent;
3128
3267
  }
3129
3268
  .e-tab .e-tab-header .e-hor-nav:hover:active,
3130
3269
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover:active {
3131
3270
  background: transparent;
3132
3271
  }
3272
+ .e-tab .e-tab-header .e-hor-nav:active,
3273
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
3274
+ box-shadow: none;
3275
+ background: transparent;
3276
+ }
3133
3277
  .e-tab .e-tab-header .e-hor-nav.e-nav-active,
3134
3278
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
3135
3279
  background: inherit;
3136
3280
  border: 0;
3137
3281
  box-shadow: none;
3282
+ border-radius: 0;
3138
3283
  }
3139
3284
  .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
3140
3285
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-icons {
@@ -3145,26 +3290,50 @@
3145
3290
  border: 0;
3146
3291
  }
3147
3292
  .e-tab .e-tab-header.e-horizontal-bottom {
3148
- border-bottom: 0;
3149
- border-top: 0;
3293
+ border-color: unset;
3294
+ border-style: solid;
3295
+ border-width: 0;
3296
+ }
3297
+ .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] {
3298
+ border-color: unset;
3299
+ border-style: solid;
3300
+ border-width: 0;
3301
+ }
3302
+ .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] .e-toolbar-items {
3303
+ border-color: unset;
3304
+ border-style: solid;
3305
+ border-width: 0;
3306
+ }
3307
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item .e-tab-wrap:hover {
3308
+ border-radius: 0;
3150
3309
  }
3151
3310
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3152
- border-bottom: 0;
3311
+ border-color: inherit unset unset;
3312
+ border-style: solid;
3313
+ border-width: 0;
3314
+ margin-top: 0;
3153
3315
  border-radius: 0;
3154
- border-top: initial;
3155
- border-top-color: inherit;
3316
+ }
3317
+ .e-tab .e-tab-header.e-vertical {
3318
+ border-bottom: 0;
3156
3319
  }
3157
3320
  .e-tab .e-tab-header.e-vertical::before {
3158
- border-width: 0 1px 0 0;
3321
+ border-width: 0;
3159
3322
  }
3160
3323
  .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active {
3161
3324
  border-bottom: 0;
3162
3325
  border-top: 0;
3163
3326
  }
3327
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item .e-tab-wrap:hover {
3328
+ border-radius: 0;
3329
+ }
3164
3330
  .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
3165
3331
  border-radius: 0;
3166
3332
  border-right: initial;
3167
3333
  }
3334
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item .e-tab-wrap:hover {
3335
+ border-radius: 0;
3336
+ }
3168
3337
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
3169
3338
  border-left: initial;
3170
3339
  border-radius: 0;
@@ -3222,6 +3391,7 @@
3222
3391
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
3223
3392
  background: inherit;
3224
3393
  border: 0;
3394
+ color: #fff;
3225
3395
  }
3226
3396
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
3227
3397
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -3246,17 +3416,17 @@
3246
3416
  }
3247
3417
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
3248
3418
  background: initial;
3249
- border-color: #fff;
3250
- border-style: solid;
3419
+ border: 2px solid #fff;
3251
3420
  }
3252
3421
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
3253
3422
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
3254
3423
  color: #fff;
3255
3424
  }
3425
+ .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon {
3426
+ color: #fff;
3427
+ }
3256
3428
  .e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
3257
3429
  color: #fff;
3258
- background: inherit;
3259
- border: 2px solid #fff;
3260
3430
  }
3261
3431
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3262
3432
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
@@ -3277,10 +3447,6 @@
3277
3447
  .e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus {
3278
3448
  outline: 1.5px solid #fff;
3279
3449
  }
3280
- .e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
3281
- .e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
3282
- border-color: #fff;
3283
- }
3284
3450
  .e-tab.e-disable {
3285
3451
  pointer-events: none;
3286
3452
  }
@@ -3300,6 +3466,9 @@
3300
3466
  .e-tab.e-fill .e-tab-header {
3301
3467
  border-bottom: 2px Solid #ffd939;
3302
3468
  }
3469
+ .e-tab.e-fill .e-tab-header .e-toolbar-items.e-hscroll {
3470
+ border: 0;
3471
+ }
3303
3472
  .e-tab.e-fill .e-tab-header .e-toolbar-item {
3304
3473
  border: 0;
3305
3474
  }
@@ -3312,6 +3481,9 @@
3312
3481
  .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 {
3313
3482
  color: #fff;
3314
3483
  }
3484
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3485
+ color: #fff;
3486
+ }
3315
3487
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
3316
3488
  margin-top: 0;
3317
3489
  }
@@ -3346,6 +3518,18 @@
3346
3518
  .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item:active:hover .e-tab-icon {
3347
3519
  color: #000;
3348
3520
  }
3521
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover {
3522
+ background: #685708;
3523
+ }
3524
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-text {
3525
+ color: #fff;
3526
+ }
3527
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-icon {
3528
+ color: #fff;
3529
+ }
3530
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-close-icon {
3531
+ color: #fff;
3532
+ }
3349
3533
  .e-tab.e-fill .e-tab-header.e-horizontal-bottom {
3350
3534
  border-bottom: 0;
3351
3535
  border-top: 2px Solid #ffd939;
@@ -3399,7 +3583,12 @@
3399
3583
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3400
3584
  background: #ffd939;
3401
3585
  border-color: #fff;
3402
- border-style: solid;
3586
+ }
3587
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
3588
+ color: #000;
3589
+ }
3590
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
3591
+ color: #fff;
3403
3592
  }
3404
3593
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3405
3594
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
@@ -3412,8 +3601,12 @@
3412
3601
  .e-tab.e-background .e-tab-header .e-toolbar-items {
3413
3602
  background: #333;
3414
3603
  }
3604
+ .e-tab.e-background .e-tab-header .e-toolbar-items.e-hscroll {
3605
+ border: 0;
3606
+ }
3415
3607
  .e-tab.e-background .e-tab-header .e-indicator {
3416
3608
  background: #ffd939;
3609
+ bottom: 0;
3417
3610
  }
3418
3611
  .e-tab.e-background .e-tab-header .e-toolbar-item {
3419
3612
  border: 0;
@@ -3425,11 +3618,13 @@
3425
3618
  background: #333;
3426
3619
  border-color: #333;
3427
3620
  }
3428
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text,
3429
3621
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
3430
3622
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
3431
3623
  color: #fff;
3432
3624
  }
3625
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
3626
+ color: #fff;
3627
+ }
3433
3628
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover {
3434
3629
  color: #fff;
3435
3630
  }
@@ -3438,12 +3633,12 @@
3438
3633
  background-color: #685708;
3439
3634
  border-color: #fff;
3440
3635
  }
3441
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3636
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
3637
+ color: #fff;
3638
+ }
3442
3639
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3443
- color: #000;
3444
3640
  color: #fff;
3445
3641
  }
3446
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3447
3642
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3448
3643
  color: #fff;
3449
3644
  }
@@ -3453,26 +3648,41 @@
3453
3648
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
3454
3649
  border: 0;
3455
3650
  margin: 0;
3651
+ background: inherit;
3456
3652
  }
3457
3653
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3458
3654
  background: #ffd939;
3459
- border-radius: 0;
3460
3655
  border-color: #ffd939;
3656
+ border-radius: 0;
3657
+ border-style: solid;
3658
+ border-width: 2px;
3659
+ }
3660
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
3661
+ color: #000;
3662
+ }
3663
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
3664
+ color: #000;
3665
+ }
3666
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-close-icon {
3667
+ color: rgba(0, 0, 0, 0.6);
3461
3668
  }
3462
3669
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
3463
3670
  background: #685708;
3464
3671
  border-color: #fff;
3465
3672
  }
3466
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
3673
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
3674
+ color: #fff;
3675
+ }
3467
3676
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3468
- color: #000;
3677
+ color: #fff;
3469
3678
  }
3470
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon,
3471
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
3472
3679
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
3473
3680
  color: #fff;
3474
3681
  }
3475
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:hover, .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:active {
3682
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:hover {
3683
+ color: #ffd939;
3684
+ }
3685
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:active {
3476
3686
  color: #ffd939;
3477
3687
  }
3478
3688
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus {
@@ -3489,6 +3699,12 @@
3489
3699
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3490
3700
  color: #000;
3491
3701
  }
3702
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
3703
+ color: #fff;
3704
+ }
3705
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
3706
+ color: #fff;
3707
+ }
3492
3708
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3493
3709
  border: 0;
3494
3710
  }
@@ -3499,7 +3715,8 @@
3499
3715
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon {
3500
3716
  color: rgba(0, 0, 0, 0.6);
3501
3717
  }
3502
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
3718
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover,
3719
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text:hover {
3503
3720
  color: #000;
3504
3721
  }
3505
3722
  .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 {
@@ -3514,7 +3731,8 @@
3514
3731
  background: #333;
3515
3732
  }
3516
3733
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
3517
- .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon {
3734
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon,
3735
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-close-icon {
3518
3736
  color: #fff;
3519
3737
  }
3520
3738
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
@@ -3523,16 +3741,21 @@
3523
3741
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3524
3742
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3525
3743
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3526
- color: #000;
3527
3744
  color: #fff;
3528
3745
  }
3529
- .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
3530
- background: #ffd939;
3746
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text {
3747
+ color: #000;
3748
+ }
3749
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
3750
+ color: #fff;
3531
3751
  }
3532
- .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text,
3533
3752
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-close-icon {
3534
3753
  color: #000;
3535
3754
  }
3755
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav,
3756
+ .e-tab.e-background .e-tab-header .e-scroll-nav {
3757
+ background: inherit;
3758
+ }
3536
3759
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
3537
3760
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
3538
3761
  color: #fff;
@@ -3543,29 +3766,22 @@
3543
3766
  background: #685708;
3544
3767
  color: #fff;
3545
3768
  border-color: #fff;
3546
- color: #fff;
3547
3769
  }
3548
3770
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active,
3549
3771
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:active {
3550
3772
  background: #ffd939;
3551
3773
  color: #000;
3552
3774
  }
3553
- .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active .e-icons,
3554
- .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:active .e-icons {
3555
- color: #000;
3556
- }
3557
3775
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
3558
3776
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
3559
3777
  color: #fff;
3560
- background: transparent;
3561
3778
  border: 2px solid #fff;
3779
+ background: transparent;
3562
3780
  }
3563
3781
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
3564
3782
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
3565
3783
  background: #685708;
3566
3784
  color: #fff;
3567
- border: 2px solid #fff;
3568
- color: #fff;
3569
3785
  }
3570
3786
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active,
3571
3787
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active {
@@ -3577,6 +3793,10 @@
3577
3793
  .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
3578
3794
  animation: none;
3579
3795
  }
3796
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
3797
+ .e-tab.e-background .e-tab-header .e-hor-nav {
3798
+ background: transparent;
3799
+ }
3580
3800
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
3581
3801
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon,
3582
3802
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
@@ -3589,16 +3809,9 @@
3589
3809
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
3590
3810
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
3591
3811
  background: #685708;
3592
- color: #fff;
3593
3812
  border-color: #fff;
3594
3813
  color: #fff;
3595
3814
  }
3596
- .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:active .e-icons,
3597
- .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:active .e-icons,
3598
- .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:active .e-icons,
3599
- .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:active .e-icons {
3600
- color: #000;
3601
- }
3602
3815
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:active:hover,
3603
3816
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:active:hover,
3604
3817
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:active:hover,
@@ -3619,8 +3832,6 @@
3619
3832
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
3620
3833
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
3621
3834
  background: #685708;
3622
- border: 2px solid #fff;
3623
- color: #fff;
3624
3835
  }
3625
3836
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
3626
3837
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active,
@@ -3638,6 +3849,40 @@
3638
3849
  .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
3639
3850
  color: #fff;
3640
3851
  }
3852
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3853
+ border: 0;
3854
+ margin: 0;
3855
+ }
3856
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap {
3857
+ border-color: #ffd939;
3858
+ border-radius: 0;
3859
+ border-style: solid;
3860
+ border-width: 2px;
3861
+ }
3862
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
3863
+ border-color: unset;
3864
+ border-style: solid;
3865
+ border-width: 0;
3866
+ margin: 0;
3867
+ }
3868
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active .e-tab-wrap {
3869
+ border-color: #ffd939;
3870
+ border-radius: 0;
3871
+ border-style: solid;
3872
+ border-width: 2px;
3873
+ }
3874
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
3875
+ border-color: unset;
3876
+ border-style: solid;
3877
+ border-width: 0;
3878
+ margin: 0;
3879
+ }
3880
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active .e-tab-wrap {
3881
+ border-color: #ffd939;
3882
+ border-radius: 0;
3883
+ border-style: solid;
3884
+ border-width: 2px;
3885
+ }
3641
3886
  .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
3642
3887
  border: 0;
3643
3888
  }
@@ -3700,8 +3945,8 @@
3700
3945
  background: #757575;
3701
3946
  }
3702
3947
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
3948
+ background: initial;
3703
3949
  border-color: #fff;
3704
- border-style: solid;
3705
3950
  }
3706
3951
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
3707
3952
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
@@ -3709,13 +3954,42 @@
3709
3954
  color: #fff;
3710
3955
  }
3711
3956
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3957
+ background: #ffd939;
3712
3958
  border-color: #fff;
3713
- border-style: solid;
3714
3959
  }
3715
3960
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3716
3961
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3717
3962
  color: #000;
3718
3963
  }
3964
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
3965
+ background: #685708;
3966
+ border: 2px solid #000;
3967
+ border-radius: 0;
3968
+ }
3969
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
3970
+ color: #000;
3971
+ }
3972
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3973
+ color: #000;
3974
+ }
3975
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
3976
+ color: #fff;
3977
+ }
3978
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
3979
+ color: #fff;
3980
+ }
3981
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3982
+ color: #fff;
3983
+ }
3984
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
3985
+ color: #fff;
3986
+ }
3987
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
3988
+ color: #000;
3989
+ }
3990
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
3991
+ color: #fff;
3992
+ }
3719
3993
  .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 {
3720
3994
  background: #ffd939;
3721
3995
  }
@@ -3738,6 +4012,8 @@
3738
4012
  .e-tab .e-content .e-item {
3739
4013
  background: inherit;
3740
4014
  color: #fff;
4015
+ font-size: 12px;
4016
+ line-height: 18px;
3741
4017
  }
3742
4018
 
3743
4019
  .e-tab-clone-element {