@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,16 +1,4 @@
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;
@@ -39,12 +27,6 @@
39
27
  content: "\e84f";
40
28
  }
41
29
  }
42
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before {
43
- content: "\e85e";
44
- }
45
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before {
46
- content: "\e84f";
47
- }
48
30
  .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before {
49
31
  content: "More";
50
32
  }
@@ -93,8 +75,8 @@
93
75
  }
94
76
  @media screen and (max-width: 480px) {
95
77
  .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 {
78
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
79
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
98
80
  margin: 0 8px 0 0;
99
81
  }
100
82
  }
@@ -104,17 +86,21 @@
104
86
  }
105
87
  @media screen and (max-width: 480px) {
106
88
  .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 {
89
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
108
90
  margin: 0;
109
91
  }
110
92
  }
93
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
94
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
95
+ margin: 0 14px 0 0;
96
+ }
111
97
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
112
98
  .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
113
99
  margin: 0;
114
100
  }
115
101
  @media screen and (max-width: 480px) {
116
102
  .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 {
103
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
118
104
  margin: 0;
119
105
  }
120
106
  }
@@ -136,7 +122,7 @@
136
122
  }
137
123
  @media screen and (max-width: 480px) {
138
124
  .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) {
125
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
140
126
  margin: 0 8px 0 0;
141
127
  }
142
128
  }
@@ -153,21 +139,23 @@
153
139
  }
154
140
  @media screen and (max-width: 480px) {
155
141
  .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 {
142
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
157
143
  padding: 0 8px;
158
144
  }
159
145
  }
160
146
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-text-wrap,
161
147
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-text-wrap {
162
- height: 50px;
163
148
  height: 48px;
164
149
  }
165
150
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-text,
166
151
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-text {
167
152
  font-size: 15px;
168
- -ms-flex-item-align: auto;
169
- -ms-grid-row-align: auto;
170
- align-self: auto;
153
+ margin-bottom: 0;
154
+ }
155
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before,
156
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before {
157
+ position: relative;
158
+ top: 0;
171
159
  }
172
160
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
173
161
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
@@ -176,27 +164,25 @@
176
164
  }
177
165
  @media screen and (max-width: 480px) {
178
166
  .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 {
167
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
180
168
  margin: 0 8px 0 0;
181
169
  }
182
170
  }
171
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before,
172
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before {
173
+ position: relative;
174
+ top: 0;
175
+ }
183
176
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
184
177
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
185
- height: 50px;
186
- margin-top: 0;
187
178
  height: 48px;
179
+ margin-top: 0;
188
180
  }
189
181
  .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
182
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
191
183
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
192
- height: 50px;
193
184
  height: 48px;
194
185
  }
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
186
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
201
187
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
202
188
  cursor: pointer;
@@ -204,7 +190,7 @@
204
190
  }
205
191
  @media screen and (max-width: 480px) {
206
192
  .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 {
193
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
208
194
  margin: 0 0 0 8px;
209
195
  }
210
196
  }
@@ -216,9 +202,9 @@
216
202
  }
217
203
  @media screen and (max-width: 480px) {
218
204
  .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 {
205
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
206
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
207
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
222
208
  font-size: 12px;
223
209
  }
224
210
  }
@@ -227,6 +213,7 @@
227
213
  height: 20px;
228
214
  min-width: 20px;
229
215
  width: 20px;
216
+ line-height: 1;
230
217
  }
231
218
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
232
219
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before,
@@ -238,13 +225,23 @@
238
225
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
239
226
  padding: 0 8px;
240
227
  }
228
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
229
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
230
+ margin: 0 0 0 12px;
231
+ }
232
+ @media screen and (max-width: 480px) {
233
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
234
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
235
+ margin: 0;
236
+ }
237
+ }
241
238
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
242
239
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
243
240
  margin: 0 0 0 8px;
244
241
  }
245
242
  @media screen and (max-width: 480px) {
246
243
  .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 {
244
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
248
245
  margin: 0 0 0 8px;
249
246
  }
250
247
  }
@@ -278,16 +275,6 @@
278
275
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon {
279
276
  right: 8px;
280
277
  }
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
278
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text,
292
279
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-text {
293
280
  margin: 10px 0 0;
@@ -314,13 +301,12 @@
314
301
  }
315
302
  @media screen and (max-width: 480px) {
316
303
  .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 {
304
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
318
305
  padding: 0 12px;
319
306
  }
320
307
  }
321
308
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap,
322
309
  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
323
- height: 45px;
324
310
  height: 43px;
325
311
  }
326
312
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
@@ -329,7 +315,7 @@
329
315
  }
330
316
  @media screen and (max-width: 480px) {
331
317
  .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"] {
318
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
333
319
  padding-right: 0;
334
320
  }
335
321
  }
@@ -353,8 +339,8 @@
353
339
  }
354
340
  @media screen and (max-width: 480px) {
355
341
  .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) {
342
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
343
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
358
344
  min-height: 50px;
359
345
  }
360
346
  }
@@ -367,10 +353,10 @@
367
353
  }
368
354
  @media screen and (max-width: 480px) {
369
355
  .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 {
356
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
357
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
358
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
359
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
374
360
  height: 50px;
375
361
  }
376
362
  }
@@ -383,8 +369,8 @@
383
369
  }
384
370
  @media screen and (max-width: 480px) {
385
371
  .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 {
372
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
373
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
388
374
  margin: 0;
389
375
  padding-left: 0;
390
376
  padding-right: 0;
@@ -398,7 +384,7 @@
398
384
  }
399
385
  @media screen and (max-width: 480px) {
400
386
  .e-bigger .e-tab .e-tab-header .e-scroll-nav,
401
- .e-tab.e-bigger .e-tab-header .e-scroll-nav {
387
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
402
388
  padding: 0 8px;
403
389
  }
404
390
  }
@@ -419,7 +405,7 @@
419
405
  }
420
406
  @media screen and (max-width: 480px) {
421
407
  .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 {
408
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
423
409
  font-size: 14px;
424
410
  height: 32px;
425
411
  line-height: 32px;
@@ -443,7 +429,7 @@
443
429
  }
444
430
  @media screen and (max-width: 480px) {
445
431
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
446
- .e-tab.e-bigger .e-tab-header .e-hor-nav {
432
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
447
433
  padding: 0 8px;
448
434
  }
449
435
  }
@@ -458,9 +444,9 @@
458
444
  }
459
445
  @media screen and (max-width: 480px) {
460
446
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
461
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
462
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
463
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
447
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
448
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
449
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
464
450
  font-size: 14px;
465
451
  height: 32px;
466
452
  line-height: 32px;
@@ -478,22 +464,43 @@
478
464
  }
479
465
  @media screen and (max-width: 480px) {
480
466
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
481
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
482
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
483
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
467
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
468
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
469
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
484
470
  font-size: 16px;
485
471
  }
486
472
  }
473
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
474
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
475
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
476
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
477
+ line-height: 32px;
478
+ }
487
479
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
488
480
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before,
489
481
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
490
482
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
483
+ line-height: 32px;
491
484
  top: 0;
492
485
  }
486
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
487
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
488
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
489
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
490
+ line-height: 32px;
491
+ }
493
492
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
494
493
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before,
495
494
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
496
495
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
496
+ line-height: 32px;
497
+ top: 0;
498
+ }
499
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
500
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
501
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
502
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
503
+ line-height: 32px;
497
504
  top: 0;
498
505
  }
499
506
  .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
@@ -527,7 +534,7 @@
527
534
  }
528
535
  @media screen and (max-width: 480px) {
529
536
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
530
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
537
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
531
538
  margin: 0 8px 0 0;
532
539
  }
533
540
  }
@@ -535,6 +542,15 @@
535
542
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-text {
536
543
  padding-top: 0;
537
544
  }
545
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before,
546
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before {
547
+ top: 1px;
548
+ }
549
+ .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,
550
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-close-icon::before,
551
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-close-icon::before {
552
+ top: 1px;
553
+ }
538
554
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
539
555
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
540
556
  margin: 0;
@@ -542,36 +558,32 @@
542
558
  }
543
559
  @media screen and (max-width: 480px) {
544
560
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
545
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
561
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
546
562
  margin: 0;
547
563
  }
548
564
  }
565
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text,
566
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text {
567
+ padding-top: 0;
568
+ }
569
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before,
570
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before {
571
+ top: 1px;
572
+ }
549
573
  .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,
550
574
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop,
551
575
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom {
552
576
  padding-bottom: 0;
553
577
  padding-top: 0;
554
578
  }
555
- .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,
556
- .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,
557
- .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 {
558
- top: -1px;
559
- }
560
579
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active .e-text-wrap,
561
580
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active .e-text-wrap {
562
581
  margin: 0;
563
582
  }
564
583
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap,
565
584
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
566
- height: 50px;
567
- padding: 0;
568
585
  height: 48px;
569
- }
570
- .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,
571
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap,
572
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap {
573
- height: 50px;
574
- height: auto;
586
+ padding: 0;
575
587
  }
576
588
  .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,
577
589
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap,
@@ -593,7 +605,7 @@
593
605
  }
594
606
  @media screen and (max-width: 480px) {
595
607
  .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
596
- .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
608
+ .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
597
609
  bottom: 0;
598
610
  top: 0;
599
611
  }
@@ -658,35 +670,28 @@
658
670
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
659
671
  height: auto;
660
672
  }
661
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
662
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
673
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
674
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
663
675
  height: 72px;
664
676
  min-height: 72px;
665
677
  }
666
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
667
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
678
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
679
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
668
680
  height: 72px;
669
681
  }
670
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
671
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before,
672
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
673
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
674
- bottom: -10px;
675
- top: auto;
676
- }
677
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
678
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
682
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
683
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
679
684
  height: 72px;
680
685
  }
681
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
682
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
686
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
687
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
683
688
  height: 72px;
684
689
  }
685
690
  @media screen and (max-width: 480px) {
686
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
687
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
688
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
689
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
691
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
692
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
693
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
694
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
690
695
  font-size: 12px;
691
696
  }
692
697
  }
@@ -704,7 +709,6 @@
704
709
  }
705
710
  .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
706
711
  .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
707
- height: 50px;
708
712
  height: 48px;
709
713
  }
710
714
  .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,
@@ -728,7 +732,6 @@
728
732
  }
729
733
  .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
730
734
  .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
731
- height: 45px;
732
735
  height: 43px;
733
736
  }
734
737
  .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,
@@ -738,9 +741,8 @@
738
741
  }
739
742
  .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap,
740
743
  .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
741
- height: 50px;
742
- padding: 0;
743
744
  height: 48px;
745
+ padding: 0;
744
746
  }
745
747
  .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft,
746
748
  .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft {
@@ -810,6 +812,14 @@
810
812
  .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
811
813
  top: 0;
812
814
  }
815
+ .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),
816
+ .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) {
817
+ margin: 0 0 0 14px;
818
+ }
819
+ .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,
820
+ .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 {
821
+ margin: 0;
822
+ }
813
823
  .e-bigger .e-tab.e-fill .e-tab-header,
814
824
  .e-tab.e-bigger.e-fill .e-tab-header {
815
825
  height: 48px;
@@ -817,7 +827,7 @@
817
827
  }
818
828
  @media screen and (max-width: 480px) {
819
829
  .e-bigger .e-tab.e-fill .e-tab-header,
820
- .e-tab.e-bigger.e-fill .e-tab-header {
830
+ .e-tab.e-bigger.e-fill .e-tab-header {
821
831
  height: 48px;
822
832
  min-height: 48px;
823
833
  }
@@ -829,7 +839,7 @@
829
839
  }
830
840
  @media screen and (max-width: 480px) {
831
841
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
832
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
842
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
833
843
  min-height: 48px;
834
844
  }
835
845
  }
@@ -845,10 +855,11 @@
845
855
  height: 48px;
846
856
  margin: 0;
847
857
  min-height: 48px;
858
+ padding: 0;
848
859
  }
849
860
  @media screen and (max-width: 480px) {
850
861
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
851
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
862
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
852
863
  height: 48px;
853
864
  min-height: 48px;
854
865
  }
@@ -866,19 +877,18 @@
866
877
  }
867
878
  @media screen and (max-width: 480px) {
868
879
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
869
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
880
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
870
881
  height: 48px;
871
882
  padding: 0 10px;
872
883
  }
873
884
  }
874
885
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
875
886
  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
876
- height: 48px;
877
887
  height: 46px;
878
888
  }
879
889
  @media screen and (max-width: 480px) {
880
890
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
881
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
891
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
882
892
  height: 48px;
883
893
  }
884
894
  }
@@ -892,25 +902,23 @@
892
902
  }
893
903
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
894
904
  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
895
- height: 48px;
896
905
  height: 46px;
897
906
  }
898
907
  @media screen and (max-width: 480px) {
899
908
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
900
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
909
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
901
910
  height: 48px;
902
911
  }
903
912
  }
904
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,
905
914
  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
906
915
  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
907
- height: 48px;
908
916
  height: 46px;
909
917
  }
910
918
  @media screen and (max-width: 480px) {
911
919
  .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,
912
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
913
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
920
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
921
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
914
922
  height: 48px;
915
923
  }
916
924
  }
@@ -932,7 +940,6 @@
932
940
  .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap,
933
941
  .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
934
942
  height: 46px;
935
- height: 46px;
936
943
  }
937
944
  .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap,
938
945
  .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-text-wrap,
@@ -952,17 +959,12 @@
952
959
  }
953
960
  .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
954
961
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
955
- height: 48px;
956
962
  height: 46px;
957
963
  }
958
964
  .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap,
959
965
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
960
966
  height: 46px;
961
967
  }
962
- .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon::before,
963
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon::before {
964
- top: 1px;
965
- }
966
968
  .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,
967
969
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus,
968
970
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
@@ -975,21 +977,17 @@
975
977
  }
976
978
  @media screen and (max-width: 480px) {
977
979
  .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,
978
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
979
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
980
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
981
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
980
982
  height: auto;
981
983
  }
982
984
  }
983
- .e-bigger .e-tab.e-fill.e-focused .e-tab-header.e-horizontal-bottom .e-tab-wrap:focus .e-text-wrap,
984
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header.e-horizontal-bottom .e-tab-wrap:focus .e-text-wrap {
985
- height: 46px;
986
- }
987
985
  .e-bigger .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator),
988
986
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
989
987
  margin: 0;
990
988
  }
991
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
992
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
989
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
990
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
993
991
  height: 70px;
994
992
  min-height: 70px;
995
993
  }
@@ -1002,7 +1000,7 @@
1002
1000
  }
1003
1001
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator),
1004
1002
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
1005
- margin: 0;
1003
+ padding: 0;
1006
1004
  }
1007
1005
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1008
1006
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
@@ -1010,7 +1008,7 @@
1010
1008
  }
1011
1009
  @media screen and (max-width: 480px) {
1012
1010
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1013
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1011
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1014
1012
  padding: 0 12px;
1015
1013
  }
1016
1014
  }
@@ -1022,11 +1020,6 @@
1022
1020
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
1023
1021
  margin-bottom: 0;
1024
1022
  }
1025
- .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
1026
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
1027
- height: 50px;
1028
- height: 48px;
1029
- }
1030
1023
  .e-bigger .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap,
1031
1024
  .e-tab.e-bigger.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
1032
1025
  padding: 0 8px;
@@ -1045,13 +1038,17 @@
1045
1038
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
1046
1039
  margin: 0 0 0 14px;
1047
1040
  }
1041
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right,
1042
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
1043
+ margin: 0;
1044
+ }
1048
1045
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1049
1046
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1050
1047
  margin: 0 8px 0 0;
1051
1048
  }
1052
1049
  @media screen and (max-width: 480px) {
1053
1050
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1054
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1051
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1055
1052
  margin: 0 8px 0 0;
1056
1053
  }
1057
1054
  }
@@ -1061,7 +1058,7 @@
1061
1058
  }
1062
1059
  @media screen and (max-width: 480px) {
1063
1060
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
1064
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1061
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1065
1062
  margin: 0 8px 0 0;
1066
1063
  }
1067
1064
  }
@@ -1089,7 +1086,7 @@
1089
1086
  }
1090
1087
  @media screen and (max-width: 480px) {
1091
1088
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
1092
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1089
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1093
1090
  padding-left: 0;
1094
1091
  }
1095
1092
  }
@@ -1112,8 +1109,8 @@
1112
1109
  }
1113
1110
  @media screen and (max-width: 480px) {
1114
1111
  .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,
1115
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1116
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1112
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1113
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1117
1114
  margin: 0;
1118
1115
  padding-left: 0;
1119
1116
  padding-right: 0;
@@ -1172,6 +1169,7 @@
1172
1169
  .e-tab .e-tab-header::before {
1173
1170
  content: "";
1174
1171
  position: absolute;
1172
+ display: unset;
1175
1173
  }
1176
1174
  .e-tab .e-tab-header:not(.e-vertical)::before {
1177
1175
  bottom: 0;
@@ -1201,6 +1199,32 @@
1201
1199
  margin: 0;
1202
1200
  }
1203
1201
  }
1202
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active {
1203
+ position: unset;
1204
+ }
1205
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1206
+ left: unset;
1207
+ right: unset;
1208
+ }
1209
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before {
1210
+ background-color: unset;
1211
+ bottom: unset;
1212
+ content: unset;
1213
+ height: unset;
1214
+ left: unset;
1215
+ position: unset;
1216
+ right: unset;
1217
+ transition: unset;
1218
+ }
1219
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after {
1220
+ color: unset;
1221
+ content: unset;
1222
+ display: unset;
1223
+ font-weight: unset;
1224
+ height: unset;
1225
+ overflow: unset;
1226
+ visibility: unset;
1227
+ }
1204
1228
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device {
1205
1229
  padding: 0;
1206
1230
  }
@@ -1212,6 +1236,7 @@
1212
1236
  }
1213
1237
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
1214
1238
  width: 40px;
1239
+ border-radius: 0;
1215
1240
  }
1216
1241
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
1217
1242
  margin: 0;
@@ -1239,6 +1264,7 @@
1239
1264
  height: 2px;
1240
1265
  left: 0;
1241
1266
  right: 0;
1267
+ border-radius: 0;
1242
1268
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
1243
1269
  }
1244
1270
  .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -1275,7 +1301,6 @@
1275
1301
  align-items: center;
1276
1302
  display: -ms-inline-flexbox;
1277
1303
  display: inline-flex;
1278
- height: 40px;
1279
1304
  height: 38px;
1280
1305
  }
1281
1306
  @media screen and (max-width: 480px) {
@@ -1289,17 +1314,16 @@
1289
1314
  font-size: 14px;
1290
1315
  font-weight: 400;
1291
1316
  text-transform: capitalize;
1317
+ -ms-flex-item-align: auto;
1318
+ -ms-grid-row-align: auto;
1319
+ align-self: auto;
1320
+ margin-bottom: 0;
1292
1321
  }
1293
1322
  @media screen and (max-width: 480px) {
1294
1323
  .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
1295
1324
  font-size: 15px;
1296
1325
  }
1297
1326
  }
1298
- .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
1299
- -ms-flex-item-align: auto;
1300
- -ms-grid-row-align: auto;
1301
- align-self: auto;
1302
- }
1303
1327
  .e-tab .e-tab-header .e-toolbar-item.e-active {
1304
1328
  margin: 0 8px 0 0;
1305
1329
  padding-bottom: 0;
@@ -1310,9 +1334,8 @@
1310
1334
  }
1311
1335
  }
1312
1336
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
1313
- height: 40px;
1314
- margin-top: 0;
1315
1337
  height: 38px;
1338
+ margin-top: 0;
1316
1339
  }
1317
1340
  @media screen and (max-width: 480px) {
1318
1341
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
@@ -1323,16 +1346,17 @@
1323
1346
  margin-bottom: 0;
1324
1347
  }
1325
1348
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
1326
- font-weight: 600;
1349
+ font-weight: 400;
1327
1350
  }
1328
- .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
1329
- -ms-flex-item-align: auto;
1330
- -ms-grid-row-align: auto;
1331
- align-self: auto;
1351
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon::before {
1352
+ top: 1px;
1353
+ left: 0;
1354
+ }
1355
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-top.e-tab-icon::before,
1356
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-bottom.e-tab-icon::before {
1357
+ left: 0;
1332
1358
  }
1333
1359
  .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 {
1334
- height: 40px;
1335
- padding: 2px 0 0 0;
1336
1360
  height: 38px;
1337
1361
  padding: 0;
1338
1362
  }
@@ -1341,16 +1365,6 @@
1341
1365
  height: 50px;
1342
1366
  }
1343
1367
  }
1344
- .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 {
1345
- -ms-flex-item-align: auto;
1346
- -ms-grid-row-align: auto;
1347
- align-self: auto;
1348
- }
1349
- .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 {
1350
- -ms-flex-item-align: auto;
1351
- -ms-grid-row-align: auto;
1352
- align-self: auto;
1353
- }
1354
1368
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
1355
1369
  display: none;
1356
1370
  margin: 0 0 0 8px;
@@ -1367,13 +1381,12 @@
1367
1381
  }
1368
1382
  @media screen and (max-width: 480px) {
1369
1383
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
1370
- .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1384
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1371
1385
  font-size: 12px;
1372
1386
  }
1373
1387
  }
1374
1388
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1375
1389
  top: 1px;
1376
- top: 1px;
1377
1390
  }
1378
1391
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
1379
1392
  display: -ms-inline-flexbox;
@@ -1381,6 +1394,7 @@
1381
1394
  height: 20px;
1382
1395
  min-width: 20px;
1383
1396
  width: 20px;
1397
+ line-height: 1;
1384
1398
  }
1385
1399
  @media screen and (max-width: 480px) {
1386
1400
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -1394,10 +1408,19 @@
1394
1408
  }
1395
1409
  @media screen and (max-width: 480px) {
1396
1410
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
1397
- .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1411
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1398
1412
  font-size: 20px;
1399
1413
  }
1400
1414
  }
1415
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1416
+ position: relative;
1417
+ top: 1px;
1418
+ left: 0;
1419
+ }
1420
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-top.e-tab-icon::before,
1421
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-bottom.e-tab-icon::before {
1422
+ left: 0;
1423
+ }
1401
1424
  .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
1402
1425
  -ms-flex-pack: center;
1403
1426
  justify-content: center;
@@ -1408,6 +1431,14 @@
1408
1431
  padding: 0 8px;
1409
1432
  }
1410
1433
  }
1434
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-right {
1435
+ margin: 0 0 0 8px;
1436
+ }
1437
+ @media screen and (max-width: 480px) {
1438
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-right {
1439
+ margin: 0;
1440
+ }
1441
+ }
1411
1442
  .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
1412
1443
  margin: 0 0 0 6px;
1413
1444
  }
@@ -1444,9 +1475,6 @@
1444
1475
  display: block;
1445
1476
  height: auto;
1446
1477
  }
1447
- .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 {
1448
- height: 62px;
1449
- }
1450
1478
  .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 {
1451
1479
  height: auto;
1452
1480
  }
@@ -1508,6 +1536,7 @@
1508
1536
  }
1509
1537
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1510
1538
  margin: 0;
1539
+ padding: 0;
1511
1540
  }
1512
1541
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
1513
1542
  height: 36px;
@@ -1521,9 +1550,8 @@
1521
1550
  }
1522
1551
  }
1523
1552
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
1524
- height: 36px;
1525
- width: 100%;
1526
1553
  height: 34px;
1554
+ width: 100%;
1527
1555
  }
1528
1556
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1529
1557
  display: -ms-inline-flexbox;
@@ -1653,9 +1681,8 @@
1653
1681
  font-size: 12px;
1654
1682
  line-height: 24px;
1655
1683
  position: relative;
1656
- top: 0;
1657
- vertical-align: initial;
1658
1684
  top: -1px;
1685
+ vertical-align: initial;
1659
1686
  }
1660
1687
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow {
1661
1688
  font-size: 12px;
@@ -1694,7 +1721,7 @@
1694
1721
  }
1695
1722
  @media screen and (max-width: 480px) {
1696
1723
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
1697
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1724
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1698
1725
  font-size: 14px;
1699
1726
  height: 32px;
1700
1727
  line-height: 32px;
@@ -1706,21 +1733,30 @@
1706
1733
  font-size: 12px;
1707
1734
  line-height: 24px;
1708
1735
  position: relative;
1709
- top: 0;
1710
- vertical-align: initial;
1711
1736
  top: -1px;
1737
+ vertical-align: initial;
1712
1738
  }
1713
1739
  @media screen and (max-width: 480px) {
1714
1740
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1715
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1741
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1716
1742
  font-size: 16px;
1717
1743
  }
1718
1744
  }
1745
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
1746
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
1747
+ line-height: 24px;
1748
+ }
1719
1749
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1720
1750
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1721
- top: 0;
1751
+ line-height: 24px;
1722
1752
  top: -1px;
1723
1753
  }
1754
+ @media screen and (max-width: 480px) {
1755
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1756
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1757
+ line-height: 24px;
1758
+ }
1759
+ }
1724
1760
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
1725
1761
  transform: rotate(0deg);
1726
1762
  transition: none;
@@ -1741,14 +1777,58 @@
1741
1777
  transition: none;
1742
1778
  }
1743
1779
  }
1780
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
1781
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
1782
+ line-height: 24px;
1783
+ }
1744
1784
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1745
1785
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1746
- top: 0;
1786
+ line-height: 24px;
1747
1787
  top: -1px;
1748
1788
  }
1789
+ @media screen and (max-width: 480px) {
1790
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1791
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1792
+ line-height: 24px;
1793
+ }
1794
+ }
1795
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
1796
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
1797
+ line-height: 24px;
1798
+ top: 0;
1799
+ }
1800
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active {
1801
+ position: unset;
1802
+ }
1803
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1804
+ left: unset;
1805
+ right: unset;
1806
+ }
1807
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::before {
1808
+ background-color: unset;
1809
+ content: unset;
1810
+ height: unset;
1811
+ left: unset;
1812
+ position: unset;
1813
+ right: unset;
1814
+ top: unset;
1815
+ transition: unset;
1816
+ }
1817
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after {
1818
+ color: unset;
1819
+ content: unset;
1820
+ display: unset;
1821
+ font-weight: unset;
1822
+ height: unset;
1823
+ overflow: unset;
1824
+ visibility: unset;
1825
+ }
1749
1826
  .e-tab .e-tab-header.e-horizontal-bottom::before {
1750
1827
  bottom: auto;
1751
1828
  }
1829
+ .e-tab .e-tab-header.e-horizontal-bottom .e-hscroll-bar {
1830
+ margin-top: 0;
1831
+ }
1752
1832
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1753
1833
  margin: 0;
1754
1834
  padding-bottom: 0;
@@ -1774,8 +1854,6 @@
1774
1854
  }
1775
1855
  }
1776
1856
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
1777
- height: 40px;
1778
- padding: 0 0 2px 0;
1779
1857
  height: 38px;
1780
1858
  padding: 0;
1781
1859
  }
@@ -1785,19 +1863,6 @@
1785
1863
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-tab-wrap:focus .e-close-icon::before {
1786
1864
  top: 0;
1787
1865
  }
1788
- .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap {
1789
- height: auto;
1790
- }
1791
- .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft .e-tab-wrap .e-tab-text {
1792
- -ms-flex-item-align: auto;
1793
- -ms-grid-row-align: auto;
1794
- align-self: auto;
1795
- }
1796
- .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft .e-tab-wrap:focus .e-tab-text {
1797
- -ms-flex-item-align: auto;
1798
- -ms-grid-row-align: auto;
1799
- align-self: auto;
1800
- }
1801
1866
  .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 {
1802
1867
  height: initial;
1803
1868
  }
@@ -1835,9 +1900,8 @@
1835
1900
  }
1836
1901
  .e-tab .e-tab-header.e-vertical .e-indicator {
1837
1902
  display: block;
1838
- transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
1839
- width: 2px;
1840
1903
  transition: initial;
1904
+ width: 2px;
1841
1905
  }
1842
1906
  .e-tab .e-tab-header.e-vertical .e-toolbar-items {
1843
1907
  height: inherit;
@@ -1894,6 +1958,30 @@
1894
1958
  left: auto;
1895
1959
  right: 0;
1896
1960
  }
1961
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1962
+ bottom: unset;
1963
+ height: unset;
1964
+ }
1965
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::before {
1966
+ background-color: unset;
1967
+ bottom: unset;
1968
+ content: unset;
1969
+ height: unset;
1970
+ left: unset;
1971
+ position: unset;
1972
+ right: unset;
1973
+ transition: unset;
1974
+ width: unset;
1975
+ }
1976
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::after {
1977
+ color: unset;
1978
+ content: unset;
1979
+ display: unset;
1980
+ font-weight: unset;
1981
+ height: unset;
1982
+ overflow: unset;
1983
+ visibility: unset;
1984
+ }
1897
1985
  .e-tab .e-tab-header.e-vertical.e-vertical-right {
1898
1986
  float: right;
1899
1987
  }
@@ -1910,6 +1998,30 @@
1910
1998
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-pop .e-tab-text {
1911
1999
  width: auto;
1912
2000
  }
2001
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active:hover::before {
2002
+ bottom: unset;
2003
+ height: unset;
2004
+ }
2005
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::before {
2006
+ background-color: unset;
2007
+ bottom: unset;
2008
+ content: unset;
2009
+ height: unset;
2010
+ left: unset;
2011
+ position: unset;
2012
+ right: unset;
2013
+ transition: unset;
2014
+ width: unset;
2015
+ }
2016
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::after {
2017
+ color: unset;
2018
+ content: unset;
2019
+ display: unset;
2020
+ font-weight: unset;
2021
+ height: unset;
2022
+ overflow: unset;
2023
+ visibility: unset;
2024
+ }
1913
2025
  .e-tab .e-tab-header.e-vertical .e-scroll-nav {
1914
2026
  height: 16px;
1915
2027
  -ms-flex-pack: center;
@@ -1957,7 +2069,7 @@
1957
2069
  }
1958
2070
  @media screen and (max-width: 480px) {
1959
2071
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
1960
- .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
2072
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
1961
2073
  font-size: 15px;
1962
2074
  }
1963
2075
  }
@@ -2024,27 +2136,32 @@
2024
2136
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
2025
2137
  width: 100%;
2026
2138
  }
2027
- .e-tab.e-vertical-icon .e-tab-header {
2139
+ .e-tab.e-vertical-icon > .e-tab-header {
2028
2140
  height: 62px;
2029
2141
  min-height: 62px;
2030
2142
  }
2031
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2032
- .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 {
2143
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2144
+ .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 {
2033
2145
  display: none;
2034
2146
  }
2035
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
2147
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
2036
2148
  height: 62px;
2037
2149
  }
2038
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2039
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2150
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2151
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2040
2152
  position: static;
2041
2153
  }
2042
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2043
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2044
- content: none;
2154
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2155
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2156
+ border: 1px solid #0074cc;
2157
+ content: "";
2158
+ display: none;
2159
+ position: absolute;
2160
+ top: 95%;
2161
+ width: 100%;
2045
2162
  }
2046
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2047
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2163
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2164
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2048
2165
  content: "";
2049
2166
  display: block;
2050
2167
  position: absolute;
@@ -2052,36 +2169,39 @@
2052
2169
  width: calc(100% - 16px);
2053
2170
  border: 1px solid #0074cc;
2054
2171
  }
2055
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
2172
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
2056
2173
  height: 62px;
2057
2174
  }
2058
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
2175
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
2059
2176
  height: 62px;
2060
2177
  }
2061
2178
  @media screen and (max-width: 480px) {
2062
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2063
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2179
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2180
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2064
2181
  font-size: 12px;
2065
2182
  }
2066
2183
  }
2067
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-indicator {
2184
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator {
2068
2185
  width: 3px;
2069
2186
  }
2070
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2071
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2187
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2188
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2072
2189
  display: none;
2073
2190
  }
2074
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2075
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2191
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2192
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2076
2193
  position: relative;
2077
2194
  }
2078
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
2195
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
2079
2196
  height: 16px;
2080
2197
  }
2081
- .e-tab.e-vertical-icon .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2082
- .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 {
2198
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2199
+ .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 {
2083
2200
  top: 0;
2084
2201
  }
2202
+ .e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active {
2203
+ margin: 0 0 0 8px;
2204
+ }
2085
2205
  .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
2086
2206
  height: inherit;
2087
2207
  }
@@ -2089,7 +2209,6 @@
2089
2209
  height: 40px;
2090
2210
  }
2091
2211
  .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2092
- height: 40px;
2093
2212
  height: 38px;
2094
2213
  }
2095
2214
  .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 {
@@ -2105,21 +2224,14 @@
2105
2224
  height: 36px;
2106
2225
  }
2107
2226
  .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2108
- height: 36px;
2109
2227
  height: 34px;
2110
2228
  }
2111
2229
  .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 {
2112
2230
  height: 40px;
2113
2231
  }
2114
2232
  .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
2115
- height: 40px;
2116
- padding: 0;
2117
2233
  height: 38px;
2118
- }
2119
- .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-active.e-ileft .e-tab-wrap:focus .e-tab-text {
2120
- -ms-flex-item-align: auto;
2121
- -ms-grid-row-align: auto;
2122
- align-self: auto;
2234
+ padding: 0;
2123
2235
  }
2124
2236
  .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 {
2125
2237
  height: auto;
@@ -2293,6 +2405,7 @@
2293
2405
  height: 38px;
2294
2406
  margin: 0;
2295
2407
  min-height: 38px;
2408
+ padding: 0;
2296
2409
  }
2297
2410
  @media screen and (max-width: 480px) {
2298
2411
  .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
@@ -2315,7 +2428,6 @@
2315
2428
  }
2316
2429
  }
2317
2430
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
2318
- height: 38px;
2319
2431
  height: 36px;
2320
2432
  }
2321
2433
  @media screen and (max-width: 480px) {
@@ -2330,7 +2442,6 @@
2330
2442
  margin-bottom: 0;
2331
2443
  }
2332
2444
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
2333
- height: 38px;
2334
2445
  height: 36px;
2335
2446
  }
2336
2447
  @media screen and (max-width: 480px) {
@@ -2339,10 +2450,9 @@
2339
2450
  }
2340
2451
  }
2341
2452
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text {
2342
- font-weight: 200;
2453
+ font-weight: 400;
2343
2454
  }
2344
2455
  .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 {
2345
- height: 38px;
2346
2456
  height: 36px;
2347
2457
  }
2348
2458
  @media screen and (max-width: 480px) {
@@ -2371,7 +2481,6 @@
2371
2481
  padding: 0;
2372
2482
  }
2373
2483
  .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
2374
- height: 38px;
2375
2484
  height: 36px;
2376
2485
  }
2377
2486
  @media screen and (max-width: 480px) {
@@ -2395,15 +2504,11 @@
2395
2504
  height: 38px;
2396
2505
  }
2397
2506
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2398
- height: 38px;
2399
2507
  height: 36px;
2400
2508
  }
2401
2509
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
2402
2510
  height: 36px;
2403
2511
  }
2404
- .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon::before {
2405
- top: 1px;
2406
- }
2407
2512
  .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 {
2408
2513
  height: 59px;
2409
2514
  }
@@ -2418,7 +2523,7 @@
2418
2523
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2419
2524
  margin: 0;
2420
2525
  }
2421
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2526
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2422
2527
  height: 60px;
2423
2528
  min-height: 60px;
2424
2529
  }
@@ -2429,6 +2534,7 @@
2429
2534
  }
2430
2535
  .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
2431
2536
  margin: 0;
2537
+ padding: 0;
2432
2538
  }
2433
2539
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
2434
2540
  padding: 0 10px;
@@ -2444,12 +2550,8 @@
2444
2550
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
2445
2551
  margin-bottom: 0;
2446
2552
  }
2447
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
2448
- height: 40px;
2449
- height: 38px;
2450
- }
2451
2553
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text {
2452
- font-weight: 200;
2554
+ font-weight: 400;
2453
2555
  }
2454
2556
  .e-tab.e-background .e-tab-header.e-vertical .e-indicator {
2455
2557
  display: none;
@@ -2466,7 +2568,6 @@
2466
2568
  padding: 0;
2467
2569
  }
2468
2570
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-text-wrap {
2469
- height: 36px;
2470
2571
  height: 34px;
2471
2572
  }
2472
2573
  .e-tab.e-background.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
@@ -2479,6 +2580,9 @@
2479
2580
  .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2480
2581
  margin: 0 0 0 8px;
2481
2582
  }
2583
+ .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
2584
+ margin: 0;
2585
+ }
2482
2586
  .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
2483
2587
  margin: 0 6px 0 0;
2484
2588
  }
@@ -2494,6 +2598,9 @@
2494
2598
  margin-left: 20px;
2495
2599
  margin-right: 0;
2496
2600
  }
2601
+ .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) {
2602
+ margin: 0 0 0 8px;
2603
+ }
2497
2604
  .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item {
2498
2605
  margin: 0;
2499
2606
  }
@@ -2581,7 +2688,6 @@
2581
2688
  align-items: center;
2582
2689
  display: -ms-inline-flexbox;
2583
2690
  display: inline-flex;
2584
- height: 40px;
2585
2691
  height: 38px;
2586
2692
  }
2587
2693
  @media screen and (max-width: 480px) {
@@ -2595,17 +2701,15 @@
2595
2701
  font-size: 14px;
2596
2702
  font-weight: 400;
2597
2703
  text-transform: capitalize;
2704
+ -ms-flex-item-align: auto;
2705
+ -ms-grid-row-align: auto;
2706
+ align-self: auto;
2598
2707
  }
2599
2708
  @media screen and (max-width: 480px) {
2600
2709
  .e-tab-clone-element .e-tab-text {
2601
2710
  font-size: 15px;
2602
2711
  }
2603
2712
  }
2604
- .e-tab-clone-element .e-tab-text {
2605
- -ms-flex-item-align: auto;
2606
- -ms-grid-row-align: auto;
2607
- align-self: auto;
2608
- }
2609
2713
  .e-tab-clone-element .e-icons.e-close-icon {
2610
2714
  display: none;
2611
2715
  }
@@ -2615,13 +2719,12 @@
2615
2719
  }
2616
2720
  @media screen and (max-width: 480px) {
2617
2721
  .e-tab-clone-element .e-close-icon,
2618
- .e-tab-clone-element .e-close-icon::before {
2722
+ .e-tab-clone-element .e-close-icon::before {
2619
2723
  font-size: 12px;
2620
2724
  }
2621
2725
  }
2622
2726
  .e-tab-clone-element .e-close-icon::before {
2623
2727
  top: 1px;
2624
- top: 1px;
2625
2728
  }
2626
2729
  .e-tab-clone-element .e-icons.e-tab-icon {
2627
2730
  display: -ms-inline-flexbox;
@@ -2629,6 +2732,7 @@
2629
2732
  height: 20px;
2630
2733
  min-width: 20px;
2631
2734
  width: 20px;
2735
+ line-height: 1;
2632
2736
  }
2633
2737
  @media screen and (max-width: 480px) {
2634
2738
  .e-tab-clone-element .e-icons.e-tab-icon {
@@ -2642,7 +2746,7 @@
2642
2746
  }
2643
2747
  @media screen and (max-width: 480px) {
2644
2748
  .e-tab-clone-element .e-tab-icon,
2645
- .e-tab-clone-element .e-tab-icon::before {
2749
+ .e-tab-clone-element .e-tab-icon::before {
2646
2750
  font-size: 20px;
2647
2751
  }
2648
2752
  }
@@ -2656,6 +2760,14 @@
2656
2760
  padding: 0 8px;
2657
2761
  }
2658
2762
  }
2763
+ .e-tab-clone-element .e-icon-right {
2764
+ margin: 0 0 0 8px;
2765
+ }
2766
+ @media screen and (max-width: 480px) {
2767
+ .e-tab-clone-element .e-icon-right {
2768
+ margin: 0;
2769
+ }
2770
+ }
2659
2771
  .e-tab-clone-element .e-icon-left + .e-tab-text {
2660
2772
  margin: 0 0 0 6px;
2661
2773
  }
@@ -2774,7 +2886,6 @@
2774
2886
  }
2775
2887
  }
2776
2888
  .e-bigger .e-tab-clone-element .e-text-wrap {
2777
- height: 50px;
2778
2889
  height: 48px;
2779
2890
  }
2780
2891
  .e-bigger .e-tab-clone-element .e-tab-text {
@@ -2798,7 +2909,7 @@
2798
2909
  }
2799
2910
  @media screen and (max-width: 480px) {
2800
2911
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
2801
- .e-bigger .e-tab-clone-element .e-close-icon::before {
2912
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
2802
2913
  font-size: 12px;
2803
2914
  }
2804
2915
  }
@@ -2806,6 +2917,7 @@
2806
2917
  height: 20px;
2807
2918
  min-width: 20px;
2808
2919
  width: 20px;
2920
+ line-height: 1;
2809
2921
  }
2810
2922
  .e-bigger .e-tab-clone-element .e-tab-icon,
2811
2923
  .e-bigger .e-tab-clone-element .e-tab-icon::before {
@@ -2814,6 +2926,14 @@
2814
2926
  .e-bigger .e-tab-clone-element.e-icon .e-tab-wrap {
2815
2927
  padding: 0 8px;
2816
2928
  }
2929
+ .e-bigger .e-tab-clone-element .e-icon-right {
2930
+ margin: 0 0 0 12px;
2931
+ }
2932
+ @media screen and (max-width: 480px) {
2933
+ .e-bigger .e-tab-clone-element .e-icon-right {
2934
+ margin: 0;
2935
+ }
2936
+ }
2817
2937
  .e-bigger .e-tab-clone-element .e-icon-left + .e-tab-text {
2818
2938
  margin: 0 0 0 8px;
2819
2939
  }
@@ -2840,12 +2960,6 @@
2840
2960
  .e-bigger .e-tab-clone-element.e-itop .e-close-icon, .e-bigger .e-tab-clone-element.e-ibottom .e-close-icon {
2841
2961
  right: 8px;
2842
2962
  }
2843
- .e-bigger .e-tab-clone-element.e-itop .e-text-wrap, .e-bigger .e-tab-clone-element.e-ibottom .e-text-wrap {
2844
- height: auto;
2845
- }
2846
- .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 {
2847
- height: 72px;
2848
- }
2849
2963
  .e-bigger .e-tab-clone-element.e-itop .e-tab-text {
2850
2964
  margin: 10px 0 0;
2851
2965
  }
@@ -2862,10 +2976,20 @@
2862
2976
  background: inherit;
2863
2977
  border: 0;
2864
2978
  border-radius: 0;
2979
+ box-shadow: none;
2980
+ font-weight: normal;
2865
2981
  border-bottom: 0;
2866
2982
  }
2983
+ .e-tab .e-tab-header::before {
2984
+ border-color: unset;
2985
+ border-style: solid;
2986
+ }
2987
+ .e-tab .e-tab-header:not(.e-vertical)::before {
2988
+ border-width: 0;
2989
+ }
2867
2990
  .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
2868
2991
  border-bottom: initial;
2992
+ margin-bottom: 0;
2869
2993
  }
2870
2994
  .e-tab .e-tab-header .e-toolbar-items {
2871
2995
  background: inherit;
@@ -2877,6 +3001,9 @@
2877
3001
  background: inherit;
2878
3002
  border: none;
2879
3003
  }
3004
+ .e-tab .e-tab-header .e-toolbar-item:hover {
3005
+ background: inherit;
3006
+ }
2880
3007
  .e-tab .e-tab-header .e-toolbar-item .e-ripple-element {
2881
3008
  background: rgba(248, 248, 248, 0);
2882
3009
  }
@@ -2901,6 +3028,8 @@
2901
3028
  }
2902
3029
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
2903
3030
  background: inherit;
3031
+ border: 1px solid transparent;
3032
+ border-radius: 0;
2904
3033
  }
2905
3034
  @media screen and (max-width: 480px) {
2906
3035
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
@@ -2915,6 +3044,9 @@
2915
3044
  border: 0;
2916
3045
  border-radius: 0;
2917
3046
  }
3047
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3048
+ border: 1px solid transparent;
3049
+ }
2918
3050
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
2919
3051
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
2920
3052
  color: #fff;
@@ -2982,17 +3114,26 @@
2982
3114
  }
2983
3115
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
2984
3116
  background: #333232;
2985
- border-color: #333232;
3117
+ border: 1px solid #333232;
3118
+ border-radius: 0;
2986
3119
  }
2987
3120
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
2988
3121
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
2989
3122
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
2990
3123
  color: #fff;
2991
3124
  }
3125
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3126
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3127
+ color: #fff;
3128
+ }
2992
3129
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
2993
3130
  background: #514f4f;
2994
3131
  border-color: #514f4f;
2995
3132
  }
3133
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text,
3134
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
3135
+ color: #dadada;
3136
+ }
2996
3137
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
2997
3138
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
2998
3139
  color: #fff;
@@ -3015,12 +3156,17 @@
3015
3156
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover {
3016
3157
  background: #414040;
3017
3158
  color: #fff;
3159
+ border: 1px solid transparent;
3018
3160
  }
3019
3161
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
3020
3162
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
3021
3163
  box-shadow: none;
3022
3164
  border: 1px solid #514f4f;
3023
3165
  }
3166
+ .e-tab .e-tab-header .e-scroll-nav:focus,
3167
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
3168
+ background: inherit;
3169
+ }
3024
3170
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
3025
3171
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
3026
3172
  background: inherit;
@@ -3032,6 +3178,18 @@
3032
3178
  background: #414040;
3033
3179
  color: #fff;
3034
3180
  }
3181
+ .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active,
3182
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
3183
+ background: inherit;
3184
+ border-color: #c8c8c8;
3185
+ color: #fff;
3186
+ }
3187
+ .e-tab .e-tab-header .e-scroll-nav:active,
3188
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
3189
+ box-shadow: none;
3190
+ background: inherit;
3191
+ border: 0;
3192
+ }
3035
3193
  .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow,
3036
3194
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow {
3037
3195
  color: #6f6c6c;
@@ -3039,6 +3197,8 @@
3039
3197
  .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow:hover,
3040
3198
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow:hover {
3041
3199
  color: #6f6c6c;
3200
+ background: #414040;
3201
+ border-color: transparent;
3042
3202
  }
3043
3203
  .e-tab .e-tab-header .e-hor-nav,
3044
3204
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) {
@@ -3064,6 +3224,10 @@
3064
3224
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover {
3065
3225
  color: #fff;
3066
3226
  }
3227
+ .e-tab .e-tab-header .e-hor-nav:focus,
3228
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus {
3229
+ background: transparent;
3230
+ }
3067
3231
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3068
3232
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
3069
3233
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
@@ -3086,6 +3250,7 @@
3086
3250
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
3087
3251
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active {
3088
3252
  background: #414040;
3253
+ color: #fff;
3089
3254
  border: 0;
3090
3255
  border-radius: 0;
3091
3256
  box-shadow: none;
@@ -3093,38 +3258,77 @@
3093
3258
  .e-tab .e-tab-header .e-hor-nav:hover,
3094
3259
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
3095
3260
  border: 0;
3261
+ background: transparent;
3096
3262
  }
3097
3263
  .e-tab .e-tab-header .e-hor-nav:hover:active,
3098
3264
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover:active {
3099
3265
  background: transparent;
3100
3266
  }
3267
+ .e-tab .e-tab-header .e-hor-nav:active,
3268
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
3269
+ box-shadow: none;
3270
+ background: transparent;
3271
+ }
3101
3272
  .e-tab .e-tab-header .e-hor-nav.e-nav-active,
3102
3273
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
3103
3274
  background: inherit;
3104
3275
  border: 0;
3105
3276
  box-shadow: none;
3277
+ border-radius: 0 4px 4px 0;
3278
+ }
3279
+ .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
3280
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-icons {
3281
+ color: #fff;
3282
+ }
3283
+ .e-tab .e-tab-header .e-hor-nav.e-nav-active:focus,
3284
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active:focus {
3285
+ border: 0;
3106
3286
  }
3107
3287
  .e-tab .e-tab-header.e-horizontal-bottom {
3108
- border-bottom: 0;
3109
- border-top: 0;
3288
+ border-color: unset;
3289
+ border-style: solid;
3290
+ border-width: 0;
3291
+ }
3292
+ .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] {
3293
+ border-color: unset;
3294
+ border-style: solid;
3295
+ border-width: 0;
3296
+ }
3297
+ .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] .e-toolbar-items {
3298
+ border-color: unset;
3299
+ border-style: solid;
3300
+ border-width: 0;
3301
+ }
3302
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item .e-tab-wrap:hover {
3303
+ border-radius: 0;
3110
3304
  }
3111
3305
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3112
- border-bottom: 0;
3306
+ border-color: inherit unset unset;
3307
+ border-style: solid;
3308
+ border-width: 0;
3309
+ margin-top: 0;
3113
3310
  border-radius: 0;
3114
- border-top: initial;
3115
- border-top-color: inherit;
3311
+ }
3312
+ .e-tab .e-tab-header.e-vertical {
3313
+ border-bottom: 0;
3116
3314
  }
3117
3315
  .e-tab .e-tab-header.e-vertical::before {
3118
- border-width: 0 1px 0 0;
3316
+ border-width: 0;
3119
3317
  }
3120
3318
  .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active {
3121
3319
  border-bottom: 0;
3122
3320
  border-top: 0;
3123
3321
  }
3322
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item .e-tab-wrap:hover {
3323
+ border-radius: 0;
3324
+ }
3124
3325
  .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
3125
3326
  border-radius: 0;
3126
3327
  border-right: initial;
3127
3328
  }
3329
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item .e-tab-wrap:hover {
3330
+ border-radius: 0;
3331
+ }
3128
3332
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
3129
3333
  border-left: initial;
3130
3334
  border-radius: 0;
@@ -3150,6 +3354,10 @@
3150
3354
  }
3151
3355
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover {
3152
3356
  background: #414040;
3357
+ border-color: #414040 transparent transparent;
3358
+ }
3359
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover:active:focus {
3360
+ background: inherit;
3153
3361
  }
3154
3362
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
3155
3363
  color: #fff;
@@ -3160,6 +3368,9 @@
3160
3368
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus {
3161
3369
  background: inherit;
3162
3370
  }
3371
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus:hover:active .e-nav-arrow {
3372
+ color: none;
3373
+ }
3163
3374
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
3164
3375
  background: none;
3165
3376
  }
@@ -3175,6 +3386,7 @@
3175
3386
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
3176
3387
  background: inherit;
3177
3388
  border: 0;
3389
+ color: #fff;
3178
3390
  }
3179
3391
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
3180
3392
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -3189,24 +3401,33 @@
3189
3401
  border: 0;
3190
3402
  box-shadow: none;
3191
3403
  }
3404
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active,
3405
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active {
3406
+ color: #fff;
3407
+ }
3192
3408
  .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-up-icon,
3193
3409
  .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-down-icon {
3194
3410
  border: 0;
3195
3411
  }
3196
3412
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
3197
3413
  background: initial;
3198
- border-color: #c8c8c8;
3414
+ border: 1px solid #c8c8c8;
3199
3415
  }
3200
3416
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
3201
3417
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
3202
3418
  color: #fff;
3203
3419
  }
3420
+ .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon {
3421
+ color: #fff;
3422
+ }
3204
3423
  .e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
3205
3424
  color: #fff;
3206
3425
  }
3207
3426
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3208
3427
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
3209
3428
  color: #fff;
3429
+ background: inherit;
3430
+ border: initial;
3210
3431
  }
3211
3432
  .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus {
3212
3433
  border-color: #c8c8c8;
@@ -3221,10 +3442,6 @@
3221
3442
  .e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus {
3222
3443
  outline: 1.5px solid #c8c8c8;
3223
3444
  }
3224
- .e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
3225
- .e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
3226
- border-color: #c8c8c8;
3227
- }
3228
3445
  .e-tab.e-disable {
3229
3446
  pointer-events: none;
3230
3447
  }
@@ -3244,8 +3461,11 @@
3244
3461
  .e-tab.e-fill .e-tab-header {
3245
3462
  border-bottom: 2px Solid #0074cc;
3246
3463
  }
3464
+ .e-tab.e-fill .e-tab-header .e-toolbar-items.e-hscroll {
3465
+ border: 0;
3466
+ }
3247
3467
  .e-tab.e-fill .e-tab-header .e-toolbar-item {
3248
- border: 1px solid #282727;
3468
+ border: 0;
3249
3469
  }
3250
3470
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-ripple-element {
3251
3471
  background: rgba(248, 248, 248, 0);
@@ -3256,6 +3476,9 @@
3256
3476
  .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 {
3257
3477
  color: #fff;
3258
3478
  }
3479
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3480
+ color: #fff;
3481
+ }
3259
3482
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
3260
3483
  margin-top: 0;
3261
3484
  }
@@ -3286,6 +3509,22 @@
3286
3509
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
3287
3510
  color: #fff;
3288
3511
  }
3512
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item:active:hover .e-tab-text,
3513
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item:active:hover .e-tab-icon {
3514
+ color: #dadada;
3515
+ }
3516
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover {
3517
+ background: #333232;
3518
+ }
3519
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-text {
3520
+ color: #fff;
3521
+ }
3522
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-icon {
3523
+ color: #fff;
3524
+ }
3525
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-close-icon {
3526
+ color: #fff;
3527
+ }
3289
3528
  .e-tab.e-fill .e-tab-header.e-horizontal-bottom {
3290
3529
  border-bottom: 0;
3291
3530
  border-top: 2px Solid #0074cc;
@@ -3340,6 +3579,12 @@
3340
3579
  background: #0074cc;
3341
3580
  border-color: #c8c8c8;
3342
3581
  }
3582
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
3583
+ color: #fff;
3584
+ }
3585
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
3586
+ color: #fff;
3587
+ }
3343
3588
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3344
3589
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3345
3590
  color: #fff;
@@ -3351,11 +3596,15 @@
3351
3596
  .e-tab.e-background .e-tab-header .e-toolbar-items {
3352
3597
  background: #282727;
3353
3598
  }
3599
+ .e-tab.e-background .e-tab-header .e-toolbar-items.e-hscroll {
3600
+ border: 0;
3601
+ }
3354
3602
  .e-tab.e-background .e-tab-header .e-indicator {
3355
3603
  background: #282727;
3604
+ bottom: 0;
3356
3605
  }
3357
3606
  .e-tab.e-background .e-tab-header .e-toolbar-item {
3358
- border: 1px solid #282727;
3607
+ border: 0;
3359
3608
  }
3360
3609
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-ripple-element {
3361
3610
  background: rgba(248, 248, 248, 0);
@@ -3364,38 +3613,80 @@
3364
3613
  background: #282727;
3365
3614
  border-color: #282727;
3366
3615
  }
3367
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text,
3368
3616
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
3369
3617
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
3370
3618
  color: #dadada;
3371
3619
  }
3620
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
3621
+ color: #dadada;
3622
+ }
3372
3623
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover {
3373
3624
  color: #dadada;
3374
3625
  }
3375
3626
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
3376
3627
  background: inherit;
3628
+ background-color: inherit;
3629
+ border-color: #282727;
3377
3630
  }
3378
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3379
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3631
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
3380
3632
  color: #fff;
3633
+ }
3634
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3381
3635
  color: #fff;
3382
3636
  }
3637
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3638
+ color: #dadada;
3639
+ }
3640
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon:hover, .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon:active {
3641
+ color: #dadada;
3642
+ }
3383
3643
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
3384
3644
  border: 0;
3385
3645
  margin: 0;
3646
+ background: inherit;
3386
3647
  }
3387
3648
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3388
3649
  background: #0074cc;
3389
- border-radius: 0;
3390
3650
  border-color: #0074cc;
3651
+ border-radius: 0;
3652
+ border-style: solid;
3653
+ border-width: 1px;
3654
+ }
3655
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
3656
+ color: #fff;
3657
+ }
3658
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
3659
+ color: #fff;
3660
+ }
3661
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-close-icon {
3662
+ color: #dadada;
3391
3663
  }
3392
3664
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
3393
3665
  background: #0074cc;
3666
+ border-color: #0074cc;
3667
+ }
3668
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
3669
+ color: #fff;
3394
3670
  }
3395
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
3396
3671
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3397
3672
  color: #fff;
3398
3673
  }
3674
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
3675
+ color: #dadada;
3676
+ }
3677
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:hover {
3678
+ color: #fff;
3679
+ }
3680
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:active {
3681
+ color: #dadada;
3682
+ }
3683
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus {
3684
+ background: #0074cc;
3685
+ }
3686
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus .e-tab-icon,
3687
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus .e-tab-text {
3688
+ color: #fff;
3689
+ }
3399
3690
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3400
3691
  background: #0074cc;
3401
3692
  }
@@ -3403,6 +3694,12 @@
3403
3694
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3404
3695
  color: #fff;
3405
3696
  }
3697
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
3698
+ color: #fff;
3699
+ }
3700
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
3701
+ color: #dadada;
3702
+ }
3406
3703
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3407
3704
  border: 0;
3408
3705
  }
@@ -3413,7 +3710,8 @@
3413
3710
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon {
3414
3711
  color: #dadada;
3415
3712
  }
3416
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
3713
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover,
3714
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text:hover {
3417
3715
  color: #fff;
3418
3716
  }
3419
3717
  .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 {
@@ -3428,7 +3726,8 @@
3428
3726
  background: #282727;
3429
3727
  }
3430
3728
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
3431
- .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon {
3729
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon,
3730
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-close-icon {
3432
3731
  color: #dadada;
3433
3732
  }
3434
3733
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
@@ -3437,9 +3736,21 @@
3437
3736
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3438
3737
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3439
3738
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3440
- color: #fff;
3441
3739
  color: #dadada;
3442
3740
  }
3741
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text {
3742
+ color: #dadada;
3743
+ }
3744
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
3745
+ color: #dadada;
3746
+ }
3747
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-close-icon {
3748
+ color: #dadada;
3749
+ }
3750
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav,
3751
+ .e-tab.e-background .e-tab-header .e-scroll-nav {
3752
+ background: inherit;
3753
+ }
3443
3754
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
3444
3755
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
3445
3756
  color: #dadada;
@@ -3449,21 +3760,38 @@
3449
3760
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
3450
3761
  background: #414040;
3451
3762
  color: #fff;
3763
+ border-color: #282727;
3764
+ }
3765
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active,
3766
+ .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:active {
3767
+ background: unset;
3768
+ color: #dadada;
3452
3769
  }
3453
3770
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
3454
3771
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
3455
3772
  color: #fff;
3456
3773
  border: 1px solid #c8c8c8;
3774
+ background: inherit;
3457
3775
  }
3458
3776
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
3459
3777
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
3460
3778
  background: #414040;
3461
3779
  color: #fff;
3462
3780
  }
3781
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active,
3782
+ .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active {
3783
+ background: inherit;
3784
+ border-color: #c8c8c8;
3785
+ color: #fff;
3786
+ }
3463
3787
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
3464
3788
  .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
3465
3789
  animation: none;
3466
3790
  }
3791
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
3792
+ .e-tab.e-background .e-tab-header .e-hor-nav {
3793
+ background: transparent;
3794
+ }
3467
3795
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
3468
3796
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon,
3469
3797
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
@@ -3475,6 +3803,14 @@
3475
3803
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover,
3476
3804
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
3477
3805
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
3806
+ background: #414040;
3807
+ border-color: #282727;
3808
+ color: #fff;
3809
+ }
3810
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:active:hover,
3811
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:active:hover,
3812
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:active:hover,
3813
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:active:hover {
3478
3814
  background: #414040;
3479
3815
  color: #fff;
3480
3816
  }
@@ -3483,8 +3819,23 @@
3483
3819
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3484
3820
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
3485
3821
  color: #fff;
3822
+ background: inherit;
3486
3823
  border: 1px solid #c8c8c8;
3487
3824
  }
3825
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:hover,
3826
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:hover,
3827
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
3828
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
3829
+ background: #414040;
3830
+ }
3831
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
3832
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active,
3833
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:active,
3834
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:active {
3835
+ background: #414040;
3836
+ border-color: #c8c8c8;
3837
+ color: #fff;
3838
+ }
3488
3839
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
3489
3840
  .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
3490
3841
  animation: none;
@@ -3493,6 +3844,40 @@
3493
3844
  .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
3494
3845
  color: #fff;
3495
3846
  }
3847
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3848
+ border: 0;
3849
+ margin: 0;
3850
+ }
3851
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap {
3852
+ border-color: #0074cc;
3853
+ border-radius: 0;
3854
+ border-style: solid;
3855
+ border-width: 1px;
3856
+ }
3857
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
3858
+ border-color: unset;
3859
+ border-style: solid;
3860
+ border-width: 0;
3861
+ margin: 0;
3862
+ }
3863
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active .e-tab-wrap {
3864
+ border-color: #0074cc;
3865
+ border-radius: 0;
3866
+ border-style: solid;
3867
+ border-width: 1px;
3868
+ }
3869
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
3870
+ border-color: unset;
3871
+ border-style: solid;
3872
+ border-width: 0;
3873
+ margin: 0;
3874
+ }
3875
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active .e-tab-wrap {
3876
+ border-color: #0074cc;
3877
+ border-radius: 0;
3878
+ border-style: solid;
3879
+ border-width: 1px;
3880
+ }
3496
3881
  .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
3497
3882
  border: 0;
3498
3883
  }
@@ -3555,6 +3940,7 @@
3555
3940
  background: #6f6c6c;
3556
3941
  }
3557
3942
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
3943
+ background: initial;
3558
3944
  border-color: #c8c8c8;
3559
3945
  }
3560
3946
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
@@ -3563,6 +3949,7 @@
3563
3949
  color: #dadada;
3564
3950
  }
3565
3951
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3952
+ background: #0074cc;
3566
3953
  border-color: #c8c8c8;
3567
3954
  }
3568
3955
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
@@ -3571,6 +3958,32 @@
3571
3958
  }
3572
3959
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
3573
3960
  background: #0074cc;
3961
+ border: 1px solid transparent;
3962
+ border-radius: 0;
3963
+ }
3964
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
3965
+ color: #fff;
3966
+ }
3967
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3968
+ color: #fff;
3969
+ }
3970
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
3971
+ color: #dadada;
3972
+ }
3973
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
3974
+ color: #fff;
3975
+ }
3976
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3977
+ color: #fff;
3978
+ }
3979
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
3980
+ color: #dadada;
3981
+ }
3982
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
3983
+ color: #fff;
3984
+ }
3985
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
3986
+ color: #dadada;
3574
3987
  }
3575
3988
  .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 {
3576
3989
  background: #0074cc;
@@ -3594,6 +4007,8 @@
3594
4007
  .e-tab .e-content .e-item {
3595
4008
  background: inherit;
3596
4009
  color: #dadada;
4010
+ font-size: 14px;
4011
+ line-height: 18px;
3597
4012
  }
3598
4013
 
3599
4014
  .e-tab-clone-element {