@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
@@ -1,31 +1,13 @@
1
1
  /*! tab icons */
2
- .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-left-arrow::before {
3
- content: "\e219";
4
- }
5
- .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-right-arrow::before {
6
- content: "\e98f";
7
- }
8
- .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before {
9
- content: "\e98f";
10
- }
11
- .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
12
- content: "\e219";
13
- }
14
2
  .e-tab .e-tab-header .e-close-icon::before {
15
3
  content: "\e7fc";
16
4
  position: relative;
17
5
  }
18
- .e-tab .e-tab-header .e-popup-up-icon::before {
19
- content: "\e85e";
20
- }
21
6
  @media screen and (max-width: 480px) {
22
7
  .e-tab .e-tab-header .e-popup-up-icon::before {
23
8
  content: "\e976";
24
9
  }
25
10
  }
26
- .e-tab .e-tab-header .e-popup-down-icon::before {
27
- content: "\e84f";
28
- }
29
11
  @media screen and (max-width: 480px) {
30
12
  .e-tab .e-tab-header .e-popup-down-icon::before {
31
13
  content: "\e976";
@@ -39,12 +21,6 @@
39
21
  content: "\e84f";
40
22
  }
41
23
  }
42
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before {
43
- content: "\ebbb";
44
- }
45
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before {
46
- content: "\ebbd";
47
- }
48
24
  .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before {
49
25
  content: "More";
50
26
  }
@@ -93,8 +69,8 @@
93
69
  }
94
70
  @media screen and (max-width: 480px) {
95
71
  .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,
96
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
97
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
72
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
73
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
98
74
  margin: 0 8px 0 0;
99
75
  }
100
76
  }
@@ -104,17 +80,21 @@
104
80
  }
105
81
  @media screen and (max-width: 480px) {
106
82
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
107
- .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:last-child {
108
84
  margin: 0;
109
85
  }
110
86
  }
87
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
88
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
89
+ margin: 0 14px 0 0;
90
+ }
111
91
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
112
92
  .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
113
93
  margin: 0;
114
94
  }
115
95
  @media screen and (max-width: 480px) {
116
96
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
117
- .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
97
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
118
98
  margin: 0;
119
99
  }
120
100
  }
@@ -136,7 +116,7 @@
136
116
  }
137
117
  @media screen and (max-width: 480px) {
138
118
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
139
- .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
119
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
140
120
  margin: 0 8px 0 0;
141
121
  }
142
122
  }
@@ -153,21 +133,23 @@
153
133
  }
154
134
  @media screen and (max-width: 480px) {
155
135
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
156
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
136
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
157
137
  padding: 0 8px;
158
138
  }
159
139
  }
160
140
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-text-wrap,
161
141
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-text-wrap {
162
- height: 50px;
163
142
  height: 46px;
164
143
  }
165
144
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-text,
166
145
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-text {
167
146
  font-size: 15px;
168
- -ms-flex-item-align: auto;
169
- -ms-grid-row-align: auto;
170
- align-self: auto;
147
+ margin-bottom: 0;
148
+ }
149
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before,
150
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before {
151
+ position: relative;
152
+ top: 0;
171
153
  }
172
154
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
173
155
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
@@ -176,27 +158,25 @@
176
158
  }
177
159
  @media screen and (max-width: 480px) {
178
160
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
179
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
161
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
180
162
  margin: 0 8px 0 0;
181
163
  }
182
164
  }
165
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before,
166
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before {
167
+ position: relative;
168
+ top: 0;
169
+ }
183
170
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
184
171
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
185
172
  height: 46px;
186
173
  margin-top: 0;
187
- height: 46px;
188
174
  }
189
175
  .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,
190
176
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
191
177
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
192
- height: 50px;
193
178
  height: 46px;
194
179
  }
195
- .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
196
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap {
197
- padding: 2px 0 0 0;
198
- padding: 0;
199
- }
200
180
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
201
181
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
202
182
  cursor: pointer;
@@ -204,7 +184,7 @@
204
184
  }
205
185
  @media screen and (max-width: 480px) {
206
186
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
207
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
187
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
208
188
  margin: 0 0 0 8px;
209
189
  }
210
190
  }
@@ -216,9 +196,9 @@
216
196
  }
217
197
  @media screen and (max-width: 480px) {
218
198
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
219
- .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
220
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
221
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
199
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
200
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
201
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
222
202
  font-size: 12px;
223
203
  }
224
204
  }
@@ -227,6 +207,7 @@
227
207
  height: 20px;
228
208
  min-width: 20px;
229
209
  width: 20px;
210
+ line-height: 1;
230
211
  }
231
212
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
232
213
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before,
@@ -238,13 +219,23 @@
238
219
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
239
220
  padding: 0 8px;
240
221
  }
222
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
223
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
224
+ margin: 0 0 0 12px;
225
+ }
226
+ @media screen and (max-width: 480px) {
227
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
228
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
229
+ margin: 0;
230
+ }
231
+ }
241
232
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
242
233
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
243
234
  margin: 0 0 0 8px;
244
235
  }
245
236
  @media screen and (max-width: 480px) {
246
237
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
247
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
238
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
248
239
  margin: 0 0 0 8px;
249
240
  }
250
241
  }
@@ -278,16 +269,6 @@
278
269
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon {
279
270
  right: 8px;
280
271
  }
281
- .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,
282
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-text-wrap,
283
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-text-wrap {
284
- height: auto;
285
- }
286
- .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,
287
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap,
288
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap {
289
- height: 72px;
290
- }
291
272
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text,
292
273
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-text {
293
274
  margin: 10px 0 0;
@@ -314,13 +295,12 @@
314
295
  }
315
296
  @media screen and (max-width: 480px) {
316
297
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
317
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
298
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
318
299
  padding: 0 12px;
319
300
  }
320
301
  }
321
302
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap,
322
303
  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
323
- height: 45px;
324
304
  height: 41px;
325
305
  }
326
306
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
@@ -329,7 +309,7 @@
329
309
  }
330
310
  @media screen and (max-width: 480px) {
331
311
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
332
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
312
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
333
313
  padding-right: 0;
334
314
  }
335
315
  }
@@ -353,8 +333,8 @@
353
333
  }
354
334
  @media screen and (max-width: 480px) {
355
335
  .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),
356
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
357
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
336
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
337
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
358
338
  min-height: 50px;
359
339
  }
360
340
  }
@@ -367,10 +347,10 @@
367
347
  }
368
348
  @media screen and (max-width: 480px) {
369
349
  .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,
370
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
371
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
372
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
373
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
350
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
351
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
352
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
353
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
374
354
  height: 50px;
375
355
  }
376
356
  }
@@ -383,8 +363,8 @@
383
363
  }
384
364
  @media screen and (max-width: 480px) {
385
365
  .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,
386
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
387
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
366
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
367
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
388
368
  margin: 0;
389
369
  padding-left: 0;
390
370
  padding-right: 0;
@@ -398,7 +378,7 @@
398
378
  }
399
379
  @media screen and (max-width: 480px) {
400
380
  .e-bigger .e-tab .e-tab-header .e-scroll-nav,
401
- .e-tab.e-bigger .e-tab-header .e-scroll-nav {
381
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
402
382
  padding: 0 8px;
403
383
  }
404
384
  }
@@ -419,7 +399,7 @@
419
399
  }
420
400
  @media screen and (max-width: 480px) {
421
401
  .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
422
- .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
402
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
423
403
  font-size: 14px;
424
404
  height: 32px;
425
405
  line-height: 32px;
@@ -432,9 +412,8 @@
432
412
  .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
433
413
  font-size: 14px;
434
414
  line-height: 32px;
435
- top: 0;
436
- vertical-align: initial;
437
415
  top: -2px;
416
+ vertical-align: initial;
438
417
  }
439
418
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
440
419
  .e-tab.e-bigger .e-tab-header .e-hor-nav {
@@ -444,7 +423,7 @@
444
423
  }
445
424
  @media screen and (max-width: 480px) {
446
425
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
447
- .e-tab.e-bigger .e-tab-header .e-hor-nav {
426
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
448
427
  padding: 0 8px;
449
428
  }
450
429
  }
@@ -459,9 +438,9 @@
459
438
  }
460
439
  @media screen and (max-width: 480px) {
461
440
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
462
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
463
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
464
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
441
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
442
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
443
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
465
444
  font-size: 14px;
466
445
  height: 32px;
467
446
  line-height: 32px;
@@ -474,32 +453,50 @@
474
453
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
475
454
  font-size: 14px;
476
455
  line-height: 32px;
477
- top: 0;
478
- vertical-align: initial;
479
456
  top: -2px;
457
+ vertical-align: initial;
480
458
  }
481
459
  @media screen and (max-width: 480px) {
482
460
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
483
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
484
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
485
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
461
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
462
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
463
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
486
464
  font-size: 16px;
487
465
  }
488
466
  }
467
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
468
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
469
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
470
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
471
+ line-height: 32px;
472
+ }
489
473
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
490
474
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before,
491
475
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
492
476
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
493
- top: 0;
477
+ line-height: 32px;
494
478
  top: -2px;
495
479
  }
480
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
481
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
482
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
483
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
484
+ line-height: 32px;
485
+ }
496
486
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
497
487
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before,
498
488
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
499
489
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
500
- top: 0;
490
+ line-height: 32px;
501
491
  top: -2px;
502
492
  }
493
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
494
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
495
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
496
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
497
+ line-height: 32px;
498
+ top: 0;
499
+ }
503
500
  .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
504
501
  .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
505
502
  .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
@@ -531,7 +528,7 @@
531
528
  }
532
529
  @media screen and (max-width: 480px) {
533
530
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
534
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
531
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
535
532
  margin: 0 8px 0 0;
536
533
  }
537
534
  }
@@ -539,6 +536,15 @@
539
536
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-text {
540
537
  padding-top: 0;
541
538
  }
539
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before,
540
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before {
541
+ top: 1px;
542
+ }
543
+ .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,
544
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-close-icon::before,
545
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-close-icon::before {
546
+ top: 1px;
547
+ }
542
548
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
543
549
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
544
550
  margin: 0;
@@ -546,36 +552,32 @@
546
552
  }
547
553
  @media screen and (max-width: 480px) {
548
554
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
549
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
555
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
550
556
  margin: 0;
551
557
  }
552
558
  }
559
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text,
560
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text {
561
+ padding-top: 0;
562
+ }
563
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before,
564
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before {
565
+ top: 1px;
566
+ }
553
567
  .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,
554
568
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop,
555
569
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom {
556
570
  padding-bottom: 0;
557
571
  padding-top: 0;
558
572
  }
559
- .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,
560
- .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,
561
- .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 {
562
- top: -1px;
563
- }
564
573
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active .e-text-wrap,
565
574
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active .e-text-wrap {
566
575
  margin: 0;
567
576
  }
568
577
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap,
569
578
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
570
- height: 50px;
571
- padding: 0;
572
579
  height: 46px;
573
- }
574
- .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,
575
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap,
576
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap {
577
- height: 50px;
578
- height: auto;
580
+ padding: 0;
579
581
  }
580
582
  .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,
581
583
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap,
@@ -597,7 +599,7 @@
597
599
  }
598
600
  @media screen and (max-width: 480px) {
599
601
  .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
600
- .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
602
+ .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
601
603
  bottom: 0;
602
604
  top: 0;
603
605
  }
@@ -662,35 +664,28 @@
662
664
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
663
665
  height: auto;
664
666
  }
665
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
666
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
667
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
668
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
667
669
  height: 72px;
668
670
  min-height: 72px;
669
671
  }
670
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
671
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
672
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
673
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
672
674
  height: 72px;
673
675
  }
674
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
675
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before,
676
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
677
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
678
- bottom: -10px;
679
- top: auto;
680
- }
681
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
682
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
676
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
677
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
683
678
  height: 72px;
684
679
  }
685
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
686
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
680
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
681
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
687
682
  height: 72px;
688
683
  }
689
684
  @media screen and (max-width: 480px) {
690
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
691
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
692
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
693
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
685
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
686
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
687
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
688
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
694
689
  font-size: 12px;
695
690
  }
696
691
  }
@@ -708,7 +703,6 @@
708
703
  }
709
704
  .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
710
705
  .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
711
- height: 50px;
712
706
  height: 46px;
713
707
  }
714
708
  .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,
@@ -732,7 +726,6 @@
732
726
  }
733
727
  .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
734
728
  .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
735
- height: 45px;
736
729
  height: 41px;
737
730
  }
738
731
  .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,
@@ -742,9 +735,8 @@
742
735
  }
743
736
  .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap,
744
737
  .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
745
- height: 50px;
746
- padding: 0;
747
738
  height: 46px;
739
+ padding: 0;
748
740
  }
749
741
  .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft,
750
742
  .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft {
@@ -814,6 +806,14 @@
814
806
  .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
815
807
  top: 0;
816
808
  }
809
+ .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),
810
+ .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) {
811
+ margin: 0 0 0 14px;
812
+ }
813
+ .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,
814
+ .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 {
815
+ margin: 0;
816
+ }
817
817
  .e-bigger .e-tab.e-fill .e-tab-header,
818
818
  .e-tab.e-bigger.e-fill .e-tab-header {
819
819
  height: 48px;
@@ -821,7 +821,7 @@
821
821
  }
822
822
  @media screen and (max-width: 480px) {
823
823
  .e-bigger .e-tab.e-fill .e-tab-header,
824
- .e-tab.e-bigger.e-fill .e-tab-header {
824
+ .e-tab.e-bigger.e-fill .e-tab-header {
825
825
  height: 48px;
826
826
  min-height: 48px;
827
827
  }
@@ -833,7 +833,7 @@
833
833
  }
834
834
  @media screen and (max-width: 480px) {
835
835
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
836
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
836
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
837
837
  min-height: 48px;
838
838
  }
839
839
  }
@@ -849,10 +849,11 @@
849
849
  height: 48px;
850
850
  margin: 0;
851
851
  min-height: 48px;
852
+ padding: 0;
852
853
  }
853
854
  @media screen and (max-width: 480px) {
854
855
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
855
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
856
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
856
857
  height: 48px;
857
858
  min-height: 48px;
858
859
  }
@@ -870,19 +871,18 @@
870
871
  }
871
872
  @media screen and (max-width: 480px) {
872
873
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
873
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
874
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
874
875
  height: 48px;
875
876
  padding: 0 10px;
876
877
  }
877
878
  }
878
879
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
879
880
  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
880
- height: 48px;
881
881
  height: 44px;
882
882
  }
883
883
  @media screen and (max-width: 480px) {
884
884
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
885
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
885
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
886
886
  height: 48px;
887
887
  }
888
888
  }
@@ -896,25 +896,23 @@
896
896
  }
897
897
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
898
898
  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
899
- height: 48px;
900
899
  height: 44px;
901
900
  }
902
901
  @media screen and (max-width: 480px) {
903
902
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
904
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
903
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
905
904
  height: 48px;
906
905
  }
907
906
  }
908
907
  .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,
909
908
  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
910
909
  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
911
- height: 48px;
912
910
  height: 44px;
913
911
  }
914
912
  @media screen and (max-width: 480px) {
915
913
  .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,
916
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
917
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
914
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
915
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
918
916
  height: 48px;
919
917
  }
920
918
  }
@@ -935,7 +933,6 @@
935
933
  }
936
934
  .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap,
937
935
  .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
938
- height: 46px;
939
936
  height: 44px;
940
937
  }
941
938
  .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap,
@@ -956,17 +953,12 @@
956
953
  }
957
954
  .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
958
955
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
959
- height: 48px;
960
956
  height: 44px;
961
957
  }
962
958
  .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap,
963
959
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
964
960
  height: 44px;
965
961
  }
966
- .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon::before,
967
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon::before {
968
- top: 1px;
969
- }
970
962
  .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,
971
963
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus,
972
964
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
@@ -979,21 +971,17 @@
979
971
  }
980
972
  @media screen and (max-width: 480px) {
981
973
  .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,
982
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
983
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
974
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
975
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
984
976
  height: auto;
985
977
  }
986
978
  }
987
- .e-bigger .e-tab.e-fill.e-focused .e-tab-header.e-horizontal-bottom .e-tab-wrap:focus .e-text-wrap,
988
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header.e-horizontal-bottom .e-tab-wrap:focus .e-text-wrap {
989
- height: 44px;
990
- }
991
979
  .e-bigger .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator),
992
980
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
993
981
  margin: 0;
994
982
  }
995
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
996
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
983
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
984
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
997
985
  height: 70px;
998
986
  min-height: 70px;
999
987
  }
@@ -1006,7 +994,7 @@
1006
994
  }
1007
995
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator),
1008
996
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
1009
- margin: 0;
997
+ padding: 0;
1010
998
  }
1011
999
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1012
1000
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
@@ -1014,7 +1002,7 @@
1014
1002
  }
1015
1003
  @media screen and (max-width: 480px) {
1016
1004
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1017
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1005
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1018
1006
  padding: 0 12px;
1019
1007
  }
1020
1008
  }
@@ -1026,16 +1014,6 @@
1026
1014
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
1027
1015
  margin-bottom: 0;
1028
1016
  }
1029
- .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
1030
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
1031
- height: 50px;
1032
- height: 46px;
1033
- }
1034
- .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,
1035
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:hover.e-itop .e-text-wrap,
1036
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:hover.e-ibottom .e-text-wrap {
1037
- height: auto;
1038
- }
1039
1017
  .e-bigger .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap,
1040
1018
  .e-tab.e-bigger.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
1041
1019
  padding: 0 8px;
@@ -1054,13 +1032,17 @@
1054
1032
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
1055
1033
  margin: 0 0 0 14px;
1056
1034
  }
1035
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right,
1036
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
1037
+ margin: 0;
1038
+ }
1057
1039
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1058
1040
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1059
1041
  margin: 0 8px 0 0;
1060
1042
  }
1061
1043
  @media screen and (max-width: 480px) {
1062
1044
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1063
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1045
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1064
1046
  margin: 0 8px 0 0;
1065
1047
  }
1066
1048
  }
@@ -1070,7 +1052,7 @@
1070
1052
  }
1071
1053
  @media screen and (max-width: 480px) {
1072
1054
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
1073
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1055
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1074
1056
  margin: 0 8px 0 0;
1075
1057
  }
1076
1058
  }
@@ -1098,7 +1080,7 @@
1098
1080
  }
1099
1081
  @media screen and (max-width: 480px) {
1100
1082
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
1101
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1083
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1102
1084
  padding-left: 0;
1103
1085
  }
1104
1086
  }
@@ -1121,8 +1103,8 @@
1121
1103
  }
1122
1104
  @media screen and (max-width: 480px) {
1123
1105
  .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,
1124
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1125
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1106
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1107
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1126
1108
  margin: 0;
1127
1109
  padding-left: 0;
1128
1110
  padding-right: 0;
@@ -1181,6 +1163,7 @@
1181
1163
  .e-tab .e-tab-header::before {
1182
1164
  content: "";
1183
1165
  position: absolute;
1166
+ display: unset;
1184
1167
  }
1185
1168
  .e-tab .e-tab-header:not(.e-vertical)::before {
1186
1169
  bottom: 0;
@@ -1210,6 +1193,32 @@
1210
1193
  margin: 0;
1211
1194
  }
1212
1195
  }
1196
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active {
1197
+ position: unset;
1198
+ }
1199
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1200
+ left: unset;
1201
+ right: unset;
1202
+ }
1203
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before {
1204
+ background-color: unset;
1205
+ bottom: unset;
1206
+ content: unset;
1207
+ height: unset;
1208
+ left: unset;
1209
+ position: unset;
1210
+ right: unset;
1211
+ transition: unset;
1212
+ }
1213
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after {
1214
+ color: unset;
1215
+ content: unset;
1216
+ display: unset;
1217
+ font-weight: unset;
1218
+ height: unset;
1219
+ overflow: unset;
1220
+ visibility: unset;
1221
+ }
1213
1222
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device {
1214
1223
  padding: 0;
1215
1224
  }
@@ -1221,6 +1230,7 @@
1221
1230
  }
1222
1231
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
1223
1232
  width: 40px;
1233
+ border-radius: 0;
1224
1234
  }
1225
1235
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
1226
1236
  margin: 0;
@@ -1248,6 +1258,7 @@
1248
1258
  height: 2px;
1249
1259
  left: 0;
1250
1260
  right: 0;
1261
+ border-radius: 0;
1251
1262
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
1252
1263
  }
1253
1264
  .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -1284,7 +1295,6 @@
1284
1295
  align-items: center;
1285
1296
  display: -ms-inline-flexbox;
1286
1297
  display: inline-flex;
1287
- height: 40px;
1288
1298
  height: 36px;
1289
1299
  }
1290
1300
  @media screen and (max-width: 480px) {
@@ -1298,17 +1308,16 @@
1298
1308
  font-size: 14px;
1299
1309
  font-weight: 400;
1300
1310
  text-transform: capitalize;
1311
+ -ms-flex-item-align: auto;
1312
+ -ms-grid-row-align: auto;
1313
+ align-self: auto;
1314
+ margin-bottom: 0;
1301
1315
  }
1302
1316
  @media screen and (max-width: 480px) {
1303
1317
  .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
1304
1318
  font-size: 15px;
1305
1319
  }
1306
1320
  }
1307
- .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
1308
- -ms-flex-item-align: auto;
1309
- -ms-grid-row-align: auto;
1310
- align-self: auto;
1311
- }
1312
1321
  .e-tab .e-tab-header .e-toolbar-item.e-active {
1313
1322
  margin: 0 8px 0 0;
1314
1323
  padding-bottom: 0;
@@ -1321,7 +1330,6 @@
1321
1330
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
1322
1331
  height: 36px;
1323
1332
  margin-top: 0;
1324
- height: 36px;
1325
1333
  }
1326
1334
  @media screen and (max-width: 480px) {
1327
1335
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
@@ -1332,16 +1340,17 @@
1332
1340
  margin-bottom: 0;
1333
1341
  }
1334
1342
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
1335
- font-weight: 600;
1343
+ font-weight: 400;
1336
1344
  }
1337
- .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
1338
- -ms-flex-item-align: auto;
1339
- -ms-grid-row-align: auto;
1340
- align-self: auto;
1345
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon::before {
1346
+ top: 2px;
1347
+ left: 0;
1348
+ }
1349
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-top.e-tab-icon::before,
1350
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-bottom.e-tab-icon::before {
1351
+ left: 0;
1341
1352
  }
1342
1353
  .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 {
1343
- height: 40px;
1344
- padding: 2px 0 0 0;
1345
1354
  height: 36px;
1346
1355
  padding: 0;
1347
1356
  }
@@ -1350,16 +1359,6 @@
1350
1359
  height: 50px;
1351
1360
  }
1352
1361
  }
1353
- .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 {
1354
- -ms-flex-item-align: auto;
1355
- -ms-grid-row-align: auto;
1356
- align-self: auto;
1357
- }
1358
- .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 {
1359
- -ms-flex-item-align: auto;
1360
- -ms-grid-row-align: auto;
1361
- align-self: auto;
1362
- }
1363
1362
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
1364
1363
  display: none;
1365
1364
  margin: 0 0 0 8px;
@@ -1376,13 +1375,12 @@
1376
1375
  }
1377
1376
  @media screen and (max-width: 480px) {
1378
1377
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
1379
- .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1378
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1380
1379
  font-size: 12px;
1381
1380
  }
1382
1381
  }
1383
1382
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1384
1383
  top: 1px;
1385
- top: 1px;
1386
1384
  }
1387
1385
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
1388
1386
  display: -ms-inline-flexbox;
@@ -1390,6 +1388,7 @@
1390
1388
  height: 20px;
1391
1389
  min-width: 20px;
1392
1390
  width: 20px;
1391
+ line-height: 1;
1393
1392
  }
1394
1393
  @media screen and (max-width: 480px) {
1395
1394
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -1403,10 +1402,19 @@
1403
1402
  }
1404
1403
  @media screen and (max-width: 480px) {
1405
1404
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
1406
- .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1405
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1407
1406
  font-size: 20px;
1408
1407
  }
1409
1408
  }
1409
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1410
+ position: relative;
1411
+ top: 2px;
1412
+ left: 0;
1413
+ }
1414
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-top.e-tab-icon::before,
1415
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-bottom.e-tab-icon::before {
1416
+ left: 0;
1417
+ }
1410
1418
  .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
1411
1419
  -ms-flex-pack: center;
1412
1420
  justify-content: center;
@@ -1417,6 +1425,14 @@
1417
1425
  padding: 0 8px;
1418
1426
  }
1419
1427
  }
1428
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-right {
1429
+ margin: 0 0 0 8px;
1430
+ }
1431
+ @media screen and (max-width: 480px) {
1432
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-right {
1433
+ margin: 0;
1434
+ }
1435
+ }
1420
1436
  .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
1421
1437
  margin: 0 0 0 6px;
1422
1438
  }
@@ -1453,9 +1469,6 @@
1453
1469
  display: block;
1454
1470
  height: auto;
1455
1471
  }
1456
- .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 {
1457
- height: 62px;
1458
- }
1459
1472
  .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 {
1460
1473
  height: auto;
1461
1474
  }
@@ -1517,6 +1530,7 @@
1517
1530
  }
1518
1531
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1519
1532
  margin: 0;
1533
+ padding: 0;
1520
1534
  }
1521
1535
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
1522
1536
  height: 36px;
@@ -1530,9 +1544,8 @@
1530
1544
  }
1531
1545
  }
1532
1546
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
1533
- height: 36px;
1534
- width: 100%;
1535
1547
  height: 32px;
1548
+ width: 100%;
1536
1549
  }
1537
1550
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1538
1551
  display: -ms-inline-flexbox;
@@ -1662,9 +1675,8 @@
1662
1675
  font-size: 12px;
1663
1676
  line-height: 24px;
1664
1677
  position: relative;
1665
- top: 0;
1666
- vertical-align: initial;
1667
1678
  top: -2px;
1679
+ vertical-align: initial;
1668
1680
  }
1669
1681
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow {
1670
1682
  font-size: 12px;
@@ -1703,7 +1715,7 @@
1703
1715
  }
1704
1716
  @media screen and (max-width: 480px) {
1705
1717
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
1706
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1718
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1707
1719
  font-size: 14px;
1708
1720
  height: 32px;
1709
1721
  line-height: 32px;
@@ -1715,21 +1727,30 @@
1715
1727
  font-size: 12px;
1716
1728
  line-height: 24px;
1717
1729
  position: relative;
1718
- top: 0;
1719
- vertical-align: initial;
1720
1730
  top: -2px;
1731
+ vertical-align: initial;
1721
1732
  }
1722
1733
  @media screen and (max-width: 480px) {
1723
1734
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1724
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1735
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1725
1736
  font-size: 16px;
1726
1737
  }
1727
1738
  }
1739
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
1740
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
1741
+ line-height: 24px;
1742
+ }
1728
1743
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1729
1744
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1730
- top: 0;
1745
+ line-height: 24px;
1731
1746
  top: -2px;
1732
1747
  }
1748
+ @media screen and (max-width: 480px) {
1749
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1750
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1751
+ line-height: 24px;
1752
+ }
1753
+ }
1733
1754
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
1734
1755
  transform: rotate(0deg);
1735
1756
  transition: none;
@@ -1750,14 +1771,58 @@
1750
1771
  transition: none;
1751
1772
  }
1752
1773
  }
1774
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
1775
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
1776
+ line-height: 24px;
1777
+ }
1753
1778
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1754
1779
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1755
- top: 0;
1780
+ line-height: 24px;
1756
1781
  top: -2px;
1757
1782
  }
1783
+ @media screen and (max-width: 480px) {
1784
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1785
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1786
+ line-height: 24px;
1787
+ }
1788
+ }
1789
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
1790
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
1791
+ line-height: 24px;
1792
+ top: 0;
1793
+ }
1794
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active {
1795
+ position: unset;
1796
+ }
1797
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1798
+ left: unset;
1799
+ right: unset;
1800
+ }
1801
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::before {
1802
+ background-color: unset;
1803
+ content: unset;
1804
+ height: unset;
1805
+ left: unset;
1806
+ position: unset;
1807
+ right: unset;
1808
+ top: unset;
1809
+ transition: unset;
1810
+ }
1811
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after {
1812
+ color: unset;
1813
+ content: unset;
1814
+ display: unset;
1815
+ font-weight: unset;
1816
+ height: unset;
1817
+ overflow: unset;
1818
+ visibility: unset;
1819
+ }
1758
1820
  .e-tab .e-tab-header.e-horizontal-bottom::before {
1759
1821
  bottom: auto;
1760
1822
  }
1823
+ .e-tab .e-tab-header.e-horizontal-bottom .e-hscroll-bar {
1824
+ margin-top: 0;
1825
+ }
1761
1826
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1762
1827
  margin: 0;
1763
1828
  padding-bottom: 0;
@@ -1783,8 +1848,6 @@
1783
1848
  }
1784
1849
  }
1785
1850
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
1786
- height: 40px;
1787
- padding: 0 0 2px 0;
1788
1851
  height: 36px;
1789
1852
  padding: 0;
1790
1853
  }
@@ -1794,19 +1857,6 @@
1794
1857
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-tab-wrap:focus .e-close-icon::before {
1795
1858
  top: 0;
1796
1859
  }
1797
- .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap {
1798
- height: auto;
1799
- }
1800
- .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft .e-tab-wrap .e-tab-text {
1801
- -ms-flex-item-align: auto;
1802
- -ms-grid-row-align: auto;
1803
- align-self: auto;
1804
- }
1805
- .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft .e-tab-wrap:focus .e-tab-text {
1806
- -ms-flex-item-align: auto;
1807
- -ms-grid-row-align: auto;
1808
- align-self: auto;
1809
- }
1810
1860
  .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 {
1811
1861
  height: initial;
1812
1862
  }
@@ -1844,9 +1894,8 @@
1844
1894
  }
1845
1895
  .e-tab .e-tab-header.e-vertical .e-indicator {
1846
1896
  display: block;
1847
- transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
1848
- width: 2px;
1849
1897
  transition: initial;
1898
+ width: 2px;
1850
1899
  }
1851
1900
  .e-tab .e-tab-header.e-vertical .e-toolbar-items {
1852
1901
  height: inherit;
@@ -1903,6 +1952,30 @@
1903
1952
  left: auto;
1904
1953
  right: 0;
1905
1954
  }
1955
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1956
+ bottom: unset;
1957
+ height: unset;
1958
+ }
1959
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::before {
1960
+ background-color: unset;
1961
+ bottom: unset;
1962
+ content: unset;
1963
+ height: unset;
1964
+ left: unset;
1965
+ position: unset;
1966
+ right: unset;
1967
+ transition: unset;
1968
+ width: unset;
1969
+ }
1970
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::after {
1971
+ color: unset;
1972
+ content: unset;
1973
+ display: unset;
1974
+ font-weight: unset;
1975
+ height: unset;
1976
+ overflow: unset;
1977
+ visibility: unset;
1978
+ }
1906
1979
  .e-tab .e-tab-header.e-vertical.e-vertical-right {
1907
1980
  float: right;
1908
1981
  }
@@ -1919,6 +1992,30 @@
1919
1992
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-pop .e-tab-text {
1920
1993
  width: auto;
1921
1994
  }
1995
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1996
+ bottom: unset;
1997
+ height: unset;
1998
+ }
1999
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::before {
2000
+ background-color: unset;
2001
+ bottom: unset;
2002
+ content: unset;
2003
+ height: unset;
2004
+ left: unset;
2005
+ position: unset;
2006
+ right: unset;
2007
+ transition: unset;
2008
+ width: unset;
2009
+ }
2010
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::after {
2011
+ color: unset;
2012
+ content: unset;
2013
+ display: unset;
2014
+ font-weight: unset;
2015
+ height: unset;
2016
+ overflow: unset;
2017
+ visibility: unset;
2018
+ }
1922
2019
  .e-tab .e-tab-header.e-vertical .e-scroll-nav {
1923
2020
  height: 16px;
1924
2021
  -ms-flex-pack: center;
@@ -1966,7 +2063,7 @@
1966
2063
  }
1967
2064
  @media screen and (max-width: 480px) {
1968
2065
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
1969
- .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
2066
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
1970
2067
  font-size: 15px;
1971
2068
  }
1972
2069
  }
@@ -2033,27 +2130,32 @@
2033
2130
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
2034
2131
  width: 100%;
2035
2132
  }
2036
- .e-tab.e-vertical-icon .e-tab-header {
2133
+ .e-tab.e-vertical-icon > .e-tab-header {
2037
2134
  height: 62px;
2038
2135
  min-height: 62px;
2039
2136
  }
2040
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2041
- .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 {
2137
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2138
+ .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 {
2042
2139
  display: none;
2043
2140
  }
2044
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
2141
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
2045
2142
  height: 62px;
2046
2143
  }
2047
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2048
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2144
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2145
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2049
2146
  position: static;
2050
2147
  }
2051
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2052
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2053
- content: none;
2148
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2149
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2150
+ border: 1px solid #400074;
2151
+ content: "";
2152
+ display: none;
2153
+ position: absolute;
2154
+ top: 95%;
2155
+ width: 100%;
2054
2156
  }
2055
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2056
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2157
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2158
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2057
2159
  content: "";
2058
2160
  display: block;
2059
2161
  position: absolute;
@@ -2061,36 +2163,39 @@
2061
2163
  width: calc(100% - 16px);
2062
2164
  border: 1px solid #400074;
2063
2165
  }
2064
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
2166
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
2065
2167
  height: 62px;
2066
2168
  }
2067
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
2169
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
2068
2170
  height: 62px;
2069
2171
  }
2070
2172
  @media screen and (max-width: 480px) {
2071
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2072
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2173
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2174
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2073
2175
  font-size: 12px;
2074
2176
  }
2075
2177
  }
2076
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-indicator {
2178
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator {
2077
2179
  width: 3px;
2078
2180
  }
2079
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2080
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2181
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2182
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2081
2183
  display: none;
2082
2184
  }
2083
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2084
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2185
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2186
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2085
2187
  position: relative;
2086
2188
  }
2087
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
2189
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
2088
2190
  height: 16px;
2089
2191
  }
2090
- .e-tab.e-vertical-icon .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2091
- .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 {
2192
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2193
+ .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 {
2092
2194
  top: 0;
2093
2195
  }
2196
+ .e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active {
2197
+ margin: 0 0 0 8px;
2198
+ }
2094
2199
  .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
2095
2200
  height: inherit;
2096
2201
  }
@@ -2098,7 +2203,6 @@
2098
2203
  height: 40px;
2099
2204
  }
2100
2205
  .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2101
- height: 40px;
2102
2206
  height: 36px;
2103
2207
  }
2104
2208
  .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 {
@@ -2114,21 +2218,14 @@
2114
2218
  height: 36px;
2115
2219
  }
2116
2220
  .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2117
- height: 36px;
2118
2221
  height: 32px;
2119
2222
  }
2120
2223
  .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 {
2121
2224
  height: 40px;
2122
2225
  }
2123
2226
  .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
2124
- height: 40px;
2125
- padding: 0;
2126
2227
  height: 36px;
2127
- }
2128
- .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-active.e-ileft .e-tab-wrap:focus .e-tab-text {
2129
- -ms-flex-item-align: auto;
2130
- -ms-grid-row-align: auto;
2131
- align-self: auto;
2228
+ padding: 0;
2132
2229
  }
2133
2230
  .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 {
2134
2231
  height: auto;
@@ -2302,6 +2399,7 @@
2302
2399
  height: 38px;
2303
2400
  margin: 0;
2304
2401
  min-height: 38px;
2402
+ padding: 0;
2305
2403
  }
2306
2404
  @media screen and (max-width: 480px) {
2307
2405
  .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
@@ -2324,7 +2422,6 @@
2324
2422
  }
2325
2423
  }
2326
2424
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
2327
- height: 38px;
2328
2425
  height: 34px;
2329
2426
  }
2330
2427
  @media screen and (max-width: 480px) {
@@ -2339,7 +2436,6 @@
2339
2436
  margin-bottom: 0;
2340
2437
  }
2341
2438
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
2342
- height: 38px;
2343
2439
  height: 34px;
2344
2440
  }
2345
2441
  @media screen and (max-width: 480px) {
@@ -2348,10 +2444,9 @@
2348
2444
  }
2349
2445
  }
2350
2446
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text {
2351
- font-weight: 600;
2447
+ font-weight: 400;
2352
2448
  }
2353
2449
  .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 {
2354
- height: 38px;
2355
2450
  height: 34px;
2356
2451
  }
2357
2452
  @media screen and (max-width: 480px) {
@@ -2380,7 +2475,6 @@
2380
2475
  padding: 0;
2381
2476
  }
2382
2477
  .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
2383
- height: 38px;
2384
2478
  height: 34px;
2385
2479
  }
2386
2480
  @media screen and (max-width: 480px) {
@@ -2404,15 +2498,11 @@
2404
2498
  height: 38px;
2405
2499
  }
2406
2500
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2407
- height: 38px;
2408
2501
  height: 34px;
2409
2502
  }
2410
2503
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
2411
2504
  height: 34px;
2412
2505
  }
2413
- .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon::before {
2414
- top: 1px;
2415
- }
2416
2506
  .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 {
2417
2507
  height: 59px;
2418
2508
  }
@@ -2427,7 +2517,7 @@
2427
2517
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2428
2518
  margin: 0;
2429
2519
  }
2430
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2520
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2431
2521
  height: 60px;
2432
2522
  min-height: 60px;
2433
2523
  }
@@ -2438,9 +2528,7 @@
2438
2528
  }
2439
2529
  .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
2440
2530
  margin: 0;
2441
- }
2442
- .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 {
2443
- height: auto;
2531
+ padding: 0;
2444
2532
  }
2445
2533
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
2446
2534
  padding: 0 10px;
@@ -2456,12 +2544,8 @@
2456
2544
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
2457
2545
  margin-bottom: 0;
2458
2546
  }
2459
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
2460
- height: 40px;
2461
- height: 36px;
2462
- }
2463
2547
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text {
2464
- font-weight: 600;
2548
+ font-weight: 400;
2465
2549
  }
2466
2550
  .e-tab.e-background .e-tab-header.e-vertical .e-indicator {
2467
2551
  display: none;
@@ -2478,7 +2562,6 @@
2478
2562
  padding: 0;
2479
2563
  }
2480
2564
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-text-wrap {
2481
- height: 36px;
2482
2565
  height: 32px;
2483
2566
  }
2484
2567
  .e-tab.e-background.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
@@ -2491,6 +2574,9 @@
2491
2574
  .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2492
2575
  margin: 0 0 0 8px;
2493
2576
  }
2577
+ .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
2578
+ margin: 0;
2579
+ }
2494
2580
  .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
2495
2581
  margin: 0 6px 0 0;
2496
2582
  }
@@ -2506,6 +2592,9 @@
2506
2592
  margin-left: 20px;
2507
2593
  margin-right: 0;
2508
2594
  }
2595
+ .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) {
2596
+ margin: 0 0 0 8px;
2597
+ }
2509
2598
  .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item {
2510
2599
  margin: 0;
2511
2600
  }
@@ -2593,7 +2682,6 @@
2593
2682
  align-items: center;
2594
2683
  display: -ms-inline-flexbox;
2595
2684
  display: inline-flex;
2596
- height: 40px;
2597
2685
  height: 36px;
2598
2686
  }
2599
2687
  @media screen and (max-width: 480px) {
@@ -2607,17 +2695,15 @@
2607
2695
  font-size: 14px;
2608
2696
  font-weight: 400;
2609
2697
  text-transform: capitalize;
2698
+ -ms-flex-item-align: auto;
2699
+ -ms-grid-row-align: auto;
2700
+ align-self: auto;
2610
2701
  }
2611
2702
  @media screen and (max-width: 480px) {
2612
2703
  .e-tab-clone-element .e-tab-text {
2613
2704
  font-size: 15px;
2614
2705
  }
2615
2706
  }
2616
- .e-tab-clone-element .e-tab-text {
2617
- -ms-flex-item-align: auto;
2618
- -ms-grid-row-align: auto;
2619
- align-self: auto;
2620
- }
2621
2707
  .e-tab-clone-element .e-icons.e-close-icon {
2622
2708
  display: none;
2623
2709
  }
@@ -2627,13 +2713,12 @@
2627
2713
  }
2628
2714
  @media screen and (max-width: 480px) {
2629
2715
  .e-tab-clone-element .e-close-icon,
2630
- .e-tab-clone-element .e-close-icon::before {
2716
+ .e-tab-clone-element .e-close-icon::before {
2631
2717
  font-size: 12px;
2632
2718
  }
2633
2719
  }
2634
2720
  .e-tab-clone-element .e-close-icon::before {
2635
2721
  top: 1px;
2636
- top: 1px;
2637
2722
  }
2638
2723
  .e-tab-clone-element .e-icons.e-tab-icon {
2639
2724
  display: -ms-inline-flexbox;
@@ -2641,6 +2726,7 @@
2641
2726
  height: 20px;
2642
2727
  min-width: 20px;
2643
2728
  width: 20px;
2729
+ line-height: 1;
2644
2730
  }
2645
2731
  @media screen and (max-width: 480px) {
2646
2732
  .e-tab-clone-element .e-icons.e-tab-icon {
@@ -2654,7 +2740,7 @@
2654
2740
  }
2655
2741
  @media screen and (max-width: 480px) {
2656
2742
  .e-tab-clone-element .e-tab-icon,
2657
- .e-tab-clone-element .e-tab-icon::before {
2743
+ .e-tab-clone-element .e-tab-icon::before {
2658
2744
  font-size: 20px;
2659
2745
  }
2660
2746
  }
@@ -2668,6 +2754,14 @@
2668
2754
  padding: 0 8px;
2669
2755
  }
2670
2756
  }
2757
+ .e-tab-clone-element .e-icon-right {
2758
+ margin: 0 0 0 8px;
2759
+ }
2760
+ @media screen and (max-width: 480px) {
2761
+ .e-tab-clone-element .e-icon-right {
2762
+ margin: 0;
2763
+ }
2764
+ }
2671
2765
  .e-tab-clone-element .e-icon-left + .e-tab-text {
2672
2766
  margin: 0 0 0 6px;
2673
2767
  }
@@ -2786,7 +2880,6 @@
2786
2880
  }
2787
2881
  }
2788
2882
  .e-bigger .e-tab-clone-element .e-text-wrap {
2789
- height: 50px;
2790
2883
  height: 46px;
2791
2884
  }
2792
2885
  .e-bigger .e-tab-clone-element .e-tab-text {
@@ -2810,7 +2903,7 @@
2810
2903
  }
2811
2904
  @media screen and (max-width: 480px) {
2812
2905
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
2813
- .e-bigger .e-tab-clone-element .e-close-icon::before {
2906
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
2814
2907
  font-size: 12px;
2815
2908
  }
2816
2909
  }
@@ -2818,6 +2911,7 @@
2818
2911
  height: 20px;
2819
2912
  min-width: 20px;
2820
2913
  width: 20px;
2914
+ line-height: 1;
2821
2915
  }
2822
2916
  .e-bigger .e-tab-clone-element .e-tab-icon,
2823
2917
  .e-bigger .e-tab-clone-element .e-tab-icon::before {
@@ -2826,6 +2920,14 @@
2826
2920
  .e-bigger .e-tab-clone-element.e-icon .e-tab-wrap {
2827
2921
  padding: 0 8px;
2828
2922
  }
2923
+ .e-bigger .e-tab-clone-element .e-icon-right {
2924
+ margin: 0 0 0 12px;
2925
+ }
2926
+ @media screen and (max-width: 480px) {
2927
+ .e-bigger .e-tab-clone-element .e-icon-right {
2928
+ margin: 0;
2929
+ }
2930
+ }
2829
2931
  .e-bigger .e-tab-clone-element .e-icon-left + .e-tab-text {
2830
2932
  margin: 0 0 0 8px;
2831
2933
  }
@@ -2852,12 +2954,6 @@
2852
2954
  .e-bigger .e-tab-clone-element.e-itop .e-close-icon, .e-bigger .e-tab-clone-element.e-ibottom .e-close-icon {
2853
2955
  right: 8px;
2854
2956
  }
2855
- .e-bigger .e-tab-clone-element.e-itop .e-text-wrap, .e-bigger .e-tab-clone-element.e-ibottom .e-text-wrap {
2856
- height: auto;
2857
- }
2858
- .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 {
2859
- height: 72px;
2860
- }
2861
2957
  .e-bigger .e-tab-clone-element.e-itop .e-tab-text {
2862
2958
  margin: 10px 0 0;
2863
2959
  }
@@ -2874,10 +2970,20 @@
2874
2970
  background: inherit;
2875
2971
  border: 0;
2876
2972
  border-radius: 0;
2973
+ box-shadow: none;
2974
+ font-weight: normal;
2877
2975
  border-bottom: 0;
2878
2976
  }
2977
+ .e-tab .e-tab-header::before {
2978
+ border-color: unset;
2979
+ border-style: solid;
2980
+ }
2981
+ .e-tab .e-tab-header:not(.e-vertical)::before {
2982
+ border-width: 0;
2983
+ }
2879
2984
  .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
2880
2985
  border-bottom: initial;
2986
+ margin-bottom: 0;
2881
2987
  }
2882
2988
  .e-tab .e-tab-header .e-toolbar-items {
2883
2989
  background: inherit;
@@ -2889,6 +2995,9 @@
2889
2995
  background: inherit;
2890
2996
  border: none;
2891
2997
  }
2998
+ .e-tab .e-tab-header .e-toolbar-item:hover {
2999
+ background: inherit;
3000
+ }
2892
3001
  .e-tab .e-tab-header .e-toolbar-item .e-ripple-element {
2893
3002
  background: rgba(255, 255, 255, 0);
2894
3003
  }
@@ -2913,6 +3022,8 @@
2913
3022
  }
2914
3023
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
2915
3024
  background: inherit;
3025
+ border: 2px solid #fff;
3026
+ border-radius: 0;
2916
3027
  }
2917
3028
  @media screen and (max-width: 480px) {
2918
3029
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
@@ -2927,6 +3038,9 @@
2927
3038
  border: 0;
2928
3039
  border-radius: 0;
2929
3040
  }
3041
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3042
+ border: 2px solid #fff;
3043
+ }
2930
3044
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
2931
3045
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
2932
3046
  color: #000;
@@ -2994,13 +3108,18 @@
2994
3108
  }
2995
3109
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
2996
3110
  background: #ecf;
2997
- border-color: #000;
3111
+ border: 2px solid #000;
3112
+ border-radius: 0;
2998
3113
  }
2999
3114
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3000
3115
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3001
3116
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3002
3117
  color: #000;
3003
3118
  }
3119
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3120
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3121
+ color: #000;
3122
+ }
3004
3123
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
3005
3124
  background: #400074;
3006
3125
  border-color: #400074;
@@ -3036,6 +3155,11 @@
3036
3155
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
3037
3156
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
3038
3157
  box-shadow: none;
3158
+ border: 2px solid #fff;
3159
+ }
3160
+ .e-tab .e-tab-header .e-scroll-nav:focus,
3161
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
3162
+ background: inherit;
3039
3163
  }
3040
3164
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
3041
3165
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
@@ -3047,7 +3171,6 @@
3047
3171
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover {
3048
3172
  background: #ecf;
3049
3173
  color: #000;
3050
- border: 2px solid #000;
3051
3174
  }
3052
3175
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active,
3053
3176
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
@@ -3055,6 +3178,12 @@
3055
3178
  border-color: #400074;
3056
3179
  color: #fff;
3057
3180
  }
3181
+ .e-tab .e-tab-header .e-scroll-nav:active,
3182
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
3183
+ box-shadow: none;
3184
+ background: inherit;
3185
+ border: 0;
3186
+ }
3058
3187
  .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow,
3059
3188
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow {
3060
3189
  color: #000;
@@ -3089,6 +3218,10 @@
3089
3218
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover {
3090
3219
  color: #000;
3091
3220
  }
3221
+ .e-tab .e-tab-header .e-hor-nav:focus,
3222
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus {
3223
+ background: transparent;
3224
+ }
3092
3225
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3093
3226
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
3094
3227
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
@@ -3110,26 +3243,32 @@
3110
3243
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:active,
3111
3244
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
3112
3245
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active {
3113
- background: #ecf;
3246
+ background: #400074;
3247
+ color: #fff;
3114
3248
  border: 0;
3115
3249
  border-radius: 0;
3116
3250
  box-shadow: none;
3117
- background: #400074;
3118
- color: #fff;
3119
3251
  }
3120
3252
  .e-tab .e-tab-header .e-hor-nav:hover,
3121
3253
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
3122
3254
  border: 0;
3255
+ background: transparent;
3123
3256
  }
3124
3257
  .e-tab .e-tab-header .e-hor-nav:hover:active,
3125
3258
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover:active {
3126
3259
  background: transparent;
3127
3260
  }
3261
+ .e-tab .e-tab-header .e-hor-nav:active,
3262
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
3263
+ box-shadow: none;
3264
+ background: transparent;
3265
+ }
3128
3266
  .e-tab .e-tab-header .e-hor-nav.e-nav-active,
3129
3267
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
3130
3268
  background: inherit;
3131
3269
  border: 0;
3132
3270
  box-shadow: none;
3271
+ border-radius: 0 4px 4px 0;
3133
3272
  }
3134
3273
  .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
3135
3274
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-icons {
@@ -3140,26 +3279,50 @@
3140
3279
  border: 0;
3141
3280
  }
3142
3281
  .e-tab .e-tab-header.e-horizontal-bottom {
3143
- border-bottom: 0;
3144
- border-top: 0;
3282
+ border-color: unset;
3283
+ border-style: solid;
3284
+ border-width: 0;
3285
+ }
3286
+ .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] {
3287
+ border-color: unset;
3288
+ border-style: solid;
3289
+ border-width: 0;
3290
+ }
3291
+ .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] .e-toolbar-items {
3292
+ border-color: unset;
3293
+ border-style: solid;
3294
+ border-width: 0;
3295
+ }
3296
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item .e-tab-wrap:hover {
3297
+ border-radius: 0;
3145
3298
  }
3146
3299
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3147
- border-bottom: 0;
3300
+ border-color: inherit unset unset;
3301
+ border-style: solid;
3302
+ border-width: 0;
3303
+ margin-top: 0;
3148
3304
  border-radius: 0;
3149
- border-top: initial;
3150
- border-top-color: inherit;
3305
+ }
3306
+ .e-tab .e-tab-header.e-vertical {
3307
+ border-bottom: 0;
3151
3308
  }
3152
3309
  .e-tab .e-tab-header.e-vertical::before {
3153
- border-width: 0 1px 0 0;
3310
+ border-width: 0;
3154
3311
  }
3155
3312
  .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active {
3156
3313
  border-bottom: 0;
3157
3314
  border-top: 0;
3158
3315
  }
3316
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item .e-tab-wrap:hover {
3317
+ border-radius: 0;
3318
+ }
3159
3319
  .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
3160
3320
  border-radius: 0;
3161
3321
  border-right: initial;
3162
3322
  }
3323
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item .e-tab-wrap:hover {
3324
+ border-radius: 0;
3325
+ }
3163
3326
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
3164
3327
  border-left: initial;
3165
3328
  border-radius: 0;
@@ -3217,6 +3380,7 @@
3217
3380
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
3218
3381
  background: inherit;
3219
3382
  border: 0;
3383
+ color: #000;
3220
3384
  }
3221
3385
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
3222
3386
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -3241,17 +3405,17 @@
3241
3405
  }
3242
3406
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
3243
3407
  background: initial;
3244
- border-color: #000;
3245
- border-style: solid;
3408
+ border: 2px solid #000;
3246
3409
  }
3247
3410
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
3248
3411
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
3249
3412
  color: #000;
3250
3413
  }
3414
+ .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon {
3415
+ color: #000;
3416
+ }
3251
3417
  .e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
3252
3418
  color: #000;
3253
- background: inherit;
3254
- border: 2px solid #000;
3255
3419
  }
3256
3420
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3257
3421
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
@@ -3272,10 +3436,6 @@
3272
3436
  .e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus {
3273
3437
  outline: 1.5px solid #000;
3274
3438
  }
3275
- .e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
3276
- .e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
3277
- border-color: #000;
3278
- }
3279
3439
  .e-tab.e-disable {
3280
3440
  pointer-events: none;
3281
3441
  }
@@ -3295,6 +3455,9 @@
3295
3455
  .e-tab.e-fill .e-tab-header {
3296
3456
  border-bottom: 2px Solid #400074;
3297
3457
  }
3458
+ .e-tab.e-fill .e-tab-header .e-toolbar-items.e-hscroll {
3459
+ border: 0;
3460
+ }
3298
3461
  .e-tab.e-fill .e-tab-header .e-toolbar-item {
3299
3462
  border: 0;
3300
3463
  }
@@ -3307,6 +3470,9 @@
3307
3470
  .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 {
3308
3471
  color: #000;
3309
3472
  }
3473
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3474
+ color: #000;
3475
+ }
3310
3476
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
3311
3477
  margin-top: 0;
3312
3478
  }
@@ -3341,6 +3507,18 @@
3341
3507
  .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item:active:hover .e-tab-icon {
3342
3508
  color: #fff;
3343
3509
  }
3510
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover {
3511
+ background: #ecf;
3512
+ }
3513
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-text {
3514
+ color: #000;
3515
+ }
3516
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-icon {
3517
+ color: #000;
3518
+ }
3519
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-close-icon {
3520
+ color: #000;
3521
+ }
3344
3522
  .e-tab.e-fill .e-tab-header.e-horizontal-bottom {
3345
3523
  border-bottom: 0;
3346
3524
  border-top: 2px Solid #400074;
@@ -3394,7 +3572,12 @@
3394
3572
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3395
3573
  background: #400074;
3396
3574
  border-color: #000;
3397
- border-style: solid;
3575
+ }
3576
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
3577
+ color: #fff;
3578
+ }
3579
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
3580
+ color: #000;
3398
3581
  }
3399
3582
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3400
3583
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
@@ -3407,8 +3590,12 @@
3407
3590
  .e-tab.e-background .e-tab-header .e-toolbar-items {
3408
3591
  background: #ccc;
3409
3592
  }
3593
+ .e-tab.e-background .e-tab-header .e-toolbar-items.e-hscroll {
3594
+ border: 0;
3595
+ }
3410
3596
  .e-tab.e-background .e-tab-header .e-indicator {
3411
3597
  background: #400074;
3598
+ bottom: 0;
3412
3599
  }
3413
3600
  .e-tab.e-background .e-tab-header .e-toolbar-item {
3414
3601
  border: 0;
@@ -3420,11 +3607,13 @@
3420
3607
  background: #ccc;
3421
3608
  border-color: #ccc;
3422
3609
  }
3423
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text,
3424
3610
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
3425
3611
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
3426
3612
  color: #000;
3427
3613
  }
3614
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
3615
+ color: #000;
3616
+ }
3428
3617
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover {
3429
3618
  color: #000;
3430
3619
  }
@@ -3433,12 +3622,12 @@
3433
3622
  background-color: #ecf;
3434
3623
  border-color: #000;
3435
3624
  }
3436
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3625
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
3626
+ color: #000;
3627
+ }
3437
3628
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3438
- color: #fff;
3439
3629
  color: #000;
3440
3630
  }
3441
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3442
3631
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3443
3632
  color: #000;
3444
3633
  }
@@ -3448,26 +3637,41 @@
3448
3637
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
3449
3638
  border: 0;
3450
3639
  margin: 0;
3640
+ background: inherit;
3451
3641
  }
3452
3642
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3453
3643
  background: #400074;
3454
- border-radius: 0;
3455
3644
  border-color: #400074;
3645
+ border-radius: 0;
3646
+ border-style: solid;
3647
+ border-width: 2px;
3648
+ }
3649
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
3650
+ color: #fff;
3651
+ }
3652
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
3653
+ color: #fff;
3654
+ }
3655
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-close-icon {
3656
+ color: rgba(255, 255, 255, 0.6);
3456
3657
  }
3457
3658
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
3458
3659
  background: #ecf;
3459
3660
  border-color: #000;
3460
3661
  }
3461
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
3662
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
3663
+ color: #000;
3664
+ }
3462
3665
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3463
- color: #fff;
3666
+ color: #000;
3464
3667
  }
3465
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon,
3466
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
3467
3668
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
3468
3669
  color: #000;
3469
3670
  }
3470
- .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 {
3671
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:hover {
3672
+ color: #400074;
3673
+ }
3674
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:active {
3471
3675
  color: #400074;
3472
3676
  }
3473
3677
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus {
@@ -3484,6 +3688,12 @@
3484
3688
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3485
3689
  color: #fff;
3486
3690
  }
3691
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
3692
+ color: #000;
3693
+ }
3694
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
3695
+ color: #000;
3696
+ }
3487
3697
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3488
3698
  border: 0;
3489
3699
  }
@@ -3494,7 +3704,8 @@
3494
3704
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon {
3495
3705
  color: rgba(255, 255, 255, 0.6);
3496
3706
  }
3497
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
3707
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover,
3708
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text:hover {
3498
3709
  color: #fff;
3499
3710
  }
3500
3711
  .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 {
@@ -3509,7 +3720,8 @@
3509
3720
  background: #ccc;
3510
3721
  }
3511
3722
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
3512
- .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon {
3723
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon,
3724
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-close-icon {
3513
3725
  color: #000;
3514
3726
  }
3515
3727
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
@@ -3518,16 +3730,21 @@
3518
3730
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3519
3731
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3520
3732
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3521
- color: #fff;
3522
3733
  color: #000;
3523
3734
  }
3524
- .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
3525
- background: #400074;
3735
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text {
3736
+ color: #fff;
3737
+ }
3738
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
3739
+ color: #000;
3526
3740
  }
3527
- .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text,
3528
3741
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-close-icon {
3529
3742
  color: #fff;
3530
3743
  }
3744
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav,
3745
+ .e-tab.e-background .e-tab-header .e-scroll-nav {
3746
+ background: inherit;
3747
+ }
3531
3748
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
3532
3749
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
3533
3750
  color: #000;
@@ -3538,29 +3755,22 @@
3538
3755
  background: #ecf;
3539
3756
  color: #000;
3540
3757
  border-color: #000;
3541
- color: #000;
3542
3758
  }
3543
3759
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active,
3544
3760
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:active {
3545
3761
  background: #400074;
3546
3762
  color: #fff;
3547
3763
  }
3548
- .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active .e-icons,
3549
- .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:active .e-icons {
3550
- color: #fff;
3551
- }
3552
3764
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
3553
3765
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
3554
3766
  color: #000;
3555
- background: transparent;
3556
3767
  border: 2px solid #000;
3768
+ background: transparent;
3557
3769
  }
3558
3770
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
3559
3771
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
3560
3772
  background: #ecf;
3561
3773
  color: #000;
3562
- border: 2px solid #000;
3563
- color: #000;
3564
3774
  }
3565
3775
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active,
3566
3776
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active {
@@ -3572,6 +3782,10 @@
3572
3782
  .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
3573
3783
  animation: none;
3574
3784
  }
3785
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
3786
+ .e-tab.e-background .e-tab-header .e-hor-nav {
3787
+ background: transparent;
3788
+ }
3575
3789
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
3576
3790
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon,
3577
3791
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
@@ -3584,16 +3798,9 @@
3584
3798
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
3585
3799
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
3586
3800
  background: #ecf;
3587
- color: #000;
3588
3801
  border-color: #000;
3589
3802
  color: #000;
3590
3803
  }
3591
- .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:active .e-icons,
3592
- .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:active .e-icons,
3593
- .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:active .e-icons,
3594
- .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:active .e-icons {
3595
- color: #fff;
3596
- }
3597
3804
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:active:hover,
3598
3805
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:active:hover,
3599
3806
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:active:hover,
@@ -3614,8 +3821,6 @@
3614
3821
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
3615
3822
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
3616
3823
  background: #ecf;
3617
- border: 2px solid #000;
3618
- color: #000;
3619
3824
  }
3620
3825
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
3621
3826
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active,
@@ -3633,6 +3838,40 @@
3633
3838
  .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
3634
3839
  color: #000;
3635
3840
  }
3841
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3842
+ border: 0;
3843
+ margin: 0;
3844
+ }
3845
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap {
3846
+ border-color: #400074;
3847
+ border-radius: 0;
3848
+ border-style: solid;
3849
+ border-width: 2px;
3850
+ }
3851
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
3852
+ border-color: unset;
3853
+ border-style: solid;
3854
+ border-width: 0;
3855
+ margin: 0;
3856
+ }
3857
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active .e-tab-wrap {
3858
+ border-color: #400074;
3859
+ border-radius: 0;
3860
+ border-style: solid;
3861
+ border-width: 2px;
3862
+ }
3863
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
3864
+ border-color: unset;
3865
+ border-style: solid;
3866
+ border-width: 0;
3867
+ margin: 0;
3868
+ }
3869
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active .e-tab-wrap {
3870
+ border-color: #400074;
3871
+ border-radius: 0;
3872
+ border-style: solid;
3873
+ border-width: 2px;
3874
+ }
3636
3875
  .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
3637
3876
  border: 0;
3638
3877
  }
@@ -3695,8 +3934,8 @@
3695
3934
  background: #757575;
3696
3935
  }
3697
3936
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
3937
+ background: initial;
3698
3938
  border-color: #000;
3699
- border-style: solid;
3700
3939
  }
3701
3940
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
3702
3941
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
@@ -3704,13 +3943,42 @@
3704
3943
  color: #000;
3705
3944
  }
3706
3945
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3946
+ background: #400074;
3707
3947
  border-color: #000;
3708
- border-style: solid;
3709
3948
  }
3710
3949
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3711
3950
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3712
3951
  color: #fff;
3713
3952
  }
3953
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
3954
+ background: #ecf;
3955
+ border: 2px solid #fff;
3956
+ border-radius: 0;
3957
+ }
3958
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
3959
+ color: #fff;
3960
+ }
3961
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3962
+ color: #fff;
3963
+ }
3964
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
3965
+ color: #000;
3966
+ }
3967
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
3968
+ color: #000;
3969
+ }
3970
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3971
+ color: #000;
3972
+ }
3973
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
3974
+ color: #000;
3975
+ }
3976
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
3977
+ color: #fff;
3978
+ }
3979
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
3980
+ color: #000;
3981
+ }
3714
3982
  .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 {
3715
3983
  background: #400074;
3716
3984
  }
@@ -3733,6 +4001,8 @@
3733
4001
  .e-tab .e-content .e-item {
3734
4002
  background: inherit;
3735
4003
  color: #000;
4004
+ font-size: 12px;
4005
+ line-height: 18px;
3736
4006
  }
3737
4007
 
3738
4008
  .e-tab-clone-element {