@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: "\e968";
40
28
  }
41
29
  }
42
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before {
43
- content: "\eb04";
44
- }
45
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before {
46
- content: "\eb05";
47
- }
48
30
  .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before {
49
31
  content: "More";
50
32
  }
@@ -85,8 +67,6 @@
85
67
  .e-tab.e-bigger .e-tab-header .e-toolbar-items {
86
68
  height: auto;
87
69
  min-height: auto;
88
- height: 50px;
89
- min-height: 50px;
90
70
  }
91
71
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
92
72
  .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -95,8 +75,8 @@
95
75
  }
96
76
  @media screen and (max-width: 480px) {
97
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,
98
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
99
- .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 {
100
80
  margin: 0;
101
81
  }
102
82
  }
@@ -106,7 +86,7 @@
106
86
  }
107
87
  @media screen and (max-width: 480px) {
108
88
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
109
- .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 {
110
90
  margin: 0 2px -4px 0;
111
91
  }
112
92
  }
@@ -120,7 +100,7 @@
120
100
  }
121
101
  @media screen and (max-width: 480px) {
122
102
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
123
- .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 {
124
104
  margin: 0 2px -4px 0;
125
105
  }
126
106
  }
@@ -135,15 +115,15 @@
135
115
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
136
116
  .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
137
117
  height: 50px;
138
- margin: 0 2px -3px 0;
118
+ margin: 0;
139
119
  min-height: 50px;
140
120
  min-width: auto;
141
121
  padding: 0;
142
122
  }
143
123
  @media screen and (max-width: 480px) {
144
124
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
145
- .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
146
- margin: 0 2px -1px 0;
125
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
126
+ margin: 0;
147
127
  }
148
128
  }
149
129
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom,
@@ -159,7 +139,7 @@
159
139
  }
160
140
  @media screen and (max-width: 480px) {
161
141
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
162
- .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 {
163
143
  padding: 0 15px;
164
144
  }
165
145
  }
@@ -170,6 +150,12 @@
170
150
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-text,
171
151
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-text {
172
152
  font-size: 15px;
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: 2px;
173
159
  }
174
160
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
175
161
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
@@ -178,14 +164,14 @@
178
164
  }
179
165
  @media screen and (max-width: 480px) {
180
166
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
181
- .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 {
182
168
  margin: 1px 2px -4px 0;
183
169
  }
184
170
  }
185
171
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before,
186
172
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before {
187
173
  position: relative;
188
- top: -0.5px;
174
+ top: 2px;
189
175
  }
190
176
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
191
177
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
@@ -197,10 +183,6 @@
197
183
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
198
184
  height: 50px;
199
185
  }
200
- .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
201
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap {
202
- padding: 0;
203
- }
204
186
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
205
187
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
206
188
  cursor: pointer;
@@ -208,7 +190,7 @@
208
190
  }
209
191
  @media screen and (max-width: 480px) {
210
192
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
211
- .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 {
212
194
  margin: 0 0 0 8px;
213
195
  }
214
196
  }
@@ -220,9 +202,9 @@
220
202
  }
221
203
  @media screen and (max-width: 480px) {
222
204
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
223
- .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
224
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
225
- .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 {
226
208
  font-size: 12px;
227
209
  }
228
210
  }
@@ -231,6 +213,7 @@
231
213
  height: 24px;
232
214
  min-width: 24px;
233
215
  width: 24px;
216
+ line-height: 1;
234
217
  }
235
218
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
236
219
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before,
@@ -242,13 +225,23 @@
242
225
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
243
226
  padding: 0 20px;
244
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
+ }
245
238
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
246
239
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
247
240
  margin: 0 0 0 10px;
248
241
  }
249
242
  @media screen and (max-width: 480px) {
250
243
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
251
- .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 {
252
245
  margin: 0 0 0 10px;
253
246
  }
254
247
  }
@@ -308,7 +301,7 @@
308
301
  }
309
302
  @media screen and (max-width: 480px) {
310
303
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
311
- .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 {
312
305
  padding: 0 24px;
313
306
  }
314
307
  }
@@ -322,7 +315,7 @@
322
315
  }
323
316
  @media screen and (max-width: 480px) {
324
317
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
325
- .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"] {
326
319
  padding-right: 0;
327
320
  }
328
321
  }
@@ -346,8 +339,8 @@
346
339
  }
347
340
  @media screen and (max-width: 480px) {
348
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),
349
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
350
- .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) {
351
344
  min-height: 50px;
352
345
  }
353
346
  }
@@ -360,10 +353,10 @@
360
353
  }
361
354
  @media screen and (max-width: 480px) {
362
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,
363
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
364
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
365
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
366
- .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 {
367
360
  height: 50px;
368
361
  }
369
362
  }
@@ -376,8 +369,8 @@
376
369
  }
377
370
  @media screen and (max-width: 480px) {
378
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,
379
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
380
- .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 {
381
374
  margin: 0;
382
375
  padding-left: 0;
383
376
  padding-right: 0;
@@ -391,7 +384,7 @@
391
384
  }
392
385
  @media screen and (max-width: 480px) {
393
386
  .e-bigger .e-tab .e-tab-header .e-scroll-nav,
394
- .e-tab.e-bigger .e-tab-header .e-scroll-nav {
387
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
395
388
  padding: 0;
396
389
  }
397
390
  }
@@ -412,7 +405,7 @@
412
405
  }
413
406
  @media screen and (max-width: 480px) {
414
407
  .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
415
- .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 {
416
409
  font-size: 16px;
417
410
  height: 44px;
418
411
  line-height: 44px;
@@ -436,7 +429,7 @@
436
429
  }
437
430
  @media screen and (max-width: 480px) {
438
431
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
439
- .e-tab.e-bigger .e-tab-header .e-hor-nav {
432
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
440
433
  padding: 0;
441
434
  }
442
435
  }
@@ -451,9 +444,9 @@
451
444
  }
452
445
  @media screen and (max-width: 480px) {
453
446
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
454
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
455
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
456
- .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 {
457
450
  font-size: 16px;
458
451
  height: 44px;
459
452
  line-height: 44px;
@@ -471,9 +464,9 @@
471
464
  }
472
465
  @media screen and (max-width: 480px) {
473
466
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
474
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
475
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
476
- .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 {
477
470
  font-size: 16px;
478
471
  }
479
472
  }
@@ -487,7 +480,6 @@
487
480
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before,
488
481
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
489
482
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
490
- top: 0;
491
483
  line-height: 42px;
492
484
  top: 0.5px;
493
485
  }
@@ -501,8 +493,8 @@
501
493
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before,
502
494
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
503
495
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
504
- top: 0;
505
496
  line-height: 42px;
497
+ top: 0;
506
498
  }
507
499
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
508
500
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
@@ -537,12 +529,12 @@
537
529
  }
538
530
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
539
531
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
540
- margin: -1px 2px 0 0;
532
+ margin: 0 2px 0 0;
541
533
  padding-bottom: 0;
542
534
  }
543
535
  @media screen and (max-width: 480px) {
544
536
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
545
- .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 {
546
538
  margin: -1px 2px 0 0;
547
539
  }
548
540
  }
@@ -554,11 +546,6 @@
554
546
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before {
555
547
  top: 0.5px;
556
548
  }
557
- .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,
558
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap,
559
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap {
560
- height: initial;
561
- }
562
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,
563
550
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-close-icon::before,
564
551
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-close-icon::before {
@@ -571,7 +558,7 @@
571
558
  }
572
559
  @media screen and (max-width: 480px) {
573
560
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
574
- .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 {
575
562
  margin: -1px 2px 0 0;
576
563
  }
577
564
  }
@@ -598,16 +585,15 @@
598
585
  height: 50px;
599
586
  padding: 0;
600
587
  }
601
- .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,
602
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap,
603
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap {
604
- height: 50px;
605
- }
606
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,
607
589
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap,
608
590
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap {
609
591
  height: initial;
610
592
  }
593
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active,
594
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active {
595
+ height: 50px;
596
+ }
611
597
  .e-bigger .e-tab .e-tab-header.e-vertical,
612
598
  .e-tab.e-bigger .e-tab-header.e-vertical {
613
599
  max-width: 150px;
@@ -619,7 +605,7 @@
619
605
  }
620
606
  @media screen and (max-width: 480px) {
621
607
  .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
622
- .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 {
623
609
  bottom: 0;
624
610
  top: 0;
625
611
  }
@@ -645,6 +631,11 @@
645
631
  .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon {
646
632
  right: -20px;
647
633
  }
634
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon,
635
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon {
636
+ min-height: 38px;
637
+ min-width: auto;
638
+ }
648
639
  .e-bigger .e-tab .e-tab-header.e-vertical .e-scroll-nav,
649
640
  .e-tab.e-bigger .e-tab-header.e-vertical .e-scroll-nav {
650
641
  height: 24px;
@@ -679,35 +670,31 @@
679
670
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
680
671
  height: auto;
681
672
  }
682
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
683
- .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 {
684
675
  height: 72px;
685
676
  min-height: 72px;
686
677
  }
687
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
688
- .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 {
689
680
  height: 72px;
690
681
  }
691
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
692
- .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 {
693
684
  height: 72px;
694
685
  }
695
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
696
- .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 {
697
688
  height: 72px;
698
689
  }
699
690
  @media screen and (max-width: 480px) {
700
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
701
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
702
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
703
- .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 {
704
695
  font-size: 12px;
705
696
  }
706
697
  }
707
- .e-bigger .e-tab.e-vertical-icon.e-rtl .e-toolbar-item.e-active,
708
- .e-tab.e-bigger.e-vertical-icon.e-rtl .e-toolbar-item.e-active {
709
- margin: 0 0 0 2px;
710
- }
711
698
  .e-bigger .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items,
712
699
  .e-tab.e-bigger.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
713
700
  height: inherit;
@@ -757,6 +744,10 @@
757
744
  height: 50px;
758
745
  padding: 0;
759
746
  }
747
+ .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft,
748
+ .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft {
749
+ height: 50px;
750
+ }
760
751
  .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
761
752
  .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
762
753
  .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
@@ -821,10 +812,6 @@
821
812
  .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
822
813
  top: 0;
823
814
  }
824
- .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active,
825
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
826
- margin: 1px 0 -6px 2px;
827
- }
828
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),
829
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) {
830
817
  margin: 0 0 0 2px;
@@ -840,7 +827,7 @@
840
827
  }
841
828
  @media screen and (max-width: 480px) {
842
829
  .e-bigger .e-tab.e-fill .e-tab-header,
843
- .e-tab.e-bigger.e-fill .e-tab-header {
830
+ .e-tab.e-bigger.e-fill .e-tab-header {
844
831
  height: 50px;
845
832
  min-height: 50px;
846
833
  }
@@ -852,7 +839,7 @@
852
839
  }
853
840
  @media screen and (max-width: 480px) {
854
841
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
855
- .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 {
856
843
  min-height: 50px;
857
844
  }
858
845
  }
@@ -868,10 +855,11 @@
868
855
  height: 50px;
869
856
  margin: 0 2px 0 0;
870
857
  min-height: 50px;
858
+ padding: 0;
871
859
  }
872
860
  @media screen and (max-width: 480px) {
873
861
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
874
- .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) {
875
863
  height: 50px;
876
864
  min-height: 50px;
877
865
  }
@@ -889,7 +877,7 @@
889
877
  }
890
878
  @media screen and (max-width: 480px) {
891
879
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
892
- .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 {
893
881
  height: 50px;
894
882
  padding: 0 20px;
895
883
  }
@@ -900,7 +888,7 @@
900
888
  }
901
889
  @media screen and (max-width: 480px) {
902
890
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
903
- .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 {
904
892
  height: 50px;
905
893
  }
906
894
  }
@@ -918,7 +906,7 @@
918
906
  }
919
907
  @media screen and (max-width: 480px) {
920
908
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
921
- .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 {
922
910
  height: 50px;
923
911
  }
924
912
  }
@@ -929,8 +917,8 @@
929
917
  }
930
918
  @media screen and (max-width: 480px) {
931
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,
932
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
933
- .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 {
934
922
  height: 50px;
935
923
  }
936
924
  }
@@ -973,6 +961,10 @@
973
961
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
974
962
  height: 50px;
975
963
  }
964
+ .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap,
965
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
966
+ height: 50px;
967
+ }
976
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,
977
969
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus,
978
970
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
@@ -985,8 +977,8 @@
985
977
  }
986
978
  @media screen and (max-width: 480px) {
987
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,
988
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
989
- .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 {
990
982
  height: auto;
991
983
  }
992
984
  }
@@ -994,8 +986,8 @@
994
986
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
995
987
  margin: 0 0 0 2px;
996
988
  }
997
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
998
- .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 {
999
991
  height: 70px;
1000
992
  min-height: 70px;
1001
993
  }
@@ -1008,7 +1000,7 @@
1008
1000
  }
1009
1001
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator),
1010
1002
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
1011
- margin: 0 2px 0 0;
1003
+ padding: 0;
1012
1004
  }
1013
1005
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1014
1006
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
@@ -1016,7 +1008,7 @@
1016
1008
  }
1017
1009
  @media screen and (max-width: 480px) {
1018
1010
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1019
- .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 {
1020
1012
  padding: 0 20px;
1021
1013
  }
1022
1014
  }
@@ -1028,10 +1020,6 @@
1028
1020
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
1029
1021
  margin-bottom: 0;
1030
1022
  }
1031
- .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
1032
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
1033
- height: 50px;
1034
- }
1035
1023
  .e-bigger .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap,
1036
1024
  .e-tab.e-bigger.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
1037
1025
  padding: 0 20px;
@@ -1050,13 +1038,17 @@
1050
1038
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
1051
1039
  margin: 1px 0 -6px 2px;
1052
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
+ }
1053
1045
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1054
1046
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1055
1047
  margin: 0 10px 0 0;
1056
1048
  }
1057
1049
  @media screen and (max-width: 480px) {
1058
1050
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1059
- .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 {
1060
1052
  margin: 0 10px 0 0;
1061
1053
  }
1062
1054
  }
@@ -1066,7 +1058,7 @@
1066
1058
  }
1067
1059
  @media screen and (max-width: 480px) {
1068
1060
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
1069
- .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 {
1070
1062
  margin: 0 8px 0 0;
1071
1063
  }
1072
1064
  }
@@ -1094,7 +1086,7 @@
1094
1086
  }
1095
1087
  @media screen and (max-width: 480px) {
1096
1088
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
1097
- .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 {
1098
1090
  padding-left: 0;
1099
1091
  }
1100
1092
  }
@@ -1117,8 +1109,8 @@
1117
1109
  }
1118
1110
  @media screen and (max-width: 480px) {
1119
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,
1120
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1121
- .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 {
1122
1114
  margin: 0;
1123
1115
  padding-left: 0;
1124
1116
  padding-right: 0;
@@ -1189,13 +1181,10 @@
1189
1181
  margin: 0;
1190
1182
  min-height: 40px;
1191
1183
  position: relative;
1192
- height: 40px;
1193
- min-height: 40px;
1194
1184
  }
1195
1185
  @media screen and (max-width: 480px) {
1196
1186
  .e-tab .e-tab-header .e-toolbar-items {
1197
1187
  min-height: 50px;
1198
- height: 50px;
1199
1188
  }
1200
1189
  }
1201
1190
  .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
@@ -1210,17 +1199,44 @@
1210
1199
  margin: 0 2px -4px 0;
1211
1200
  }
1212
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
+ }
1213
1228
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device {
1214
1229
  padding: 0;
1215
1230
  }
1216
1231
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device .e-scroll-right-nav {
1217
1232
  display: none;
1218
1233
  }
1219
- .e-tab .e-tab-header .e-toolbar-items.e-hscroll[style*="overflow: hidden"] .e-toolbar-item:not(.e-separator).e-active {
1220
- margin-bottom: 0;
1234
+ .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-hscroll-bar {
1235
+ padding: 0;
1221
1236
  }
1222
1237
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
1223
1238
  width: 40px;
1239
+ border-radius: 0;
1224
1240
  }
1225
1241
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
1226
1242
  margin: 0 2px -2px 0;
@@ -1248,6 +1264,7 @@
1248
1264
  height: 2px;
1249
1265
  left: 0;
1250
1266
  right: 0;
1267
+ border-radius: 0;
1251
1268
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
1252
1269
  }
1253
1270
  .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -1255,7 +1272,7 @@
1255
1272
  }
1256
1273
  .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
1257
1274
  height: 40px;
1258
- margin: 0 2px -1px 0;
1275
+ margin: 0;
1259
1276
  min-height: 40px;
1260
1277
  min-width: auto;
1261
1278
  padding: 0;
@@ -1297,6 +1314,10 @@
1297
1314
  font-size: 14px;
1298
1315
  font-weight: 400;
1299
1316
  text-transform: capitalize;
1317
+ -ms-flex-item-align: auto;
1318
+ -ms-grid-row-align: auto;
1319
+ align-self: auto;
1320
+ margin-bottom: 0;
1300
1321
  }
1301
1322
  @media screen and (max-width: 480px) {
1302
1323
  .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
@@ -1328,7 +1349,12 @@
1328
1349
  font-weight: 400;
1329
1350
  }
1330
1351
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon::before {
1331
- top: -1px;
1352
+ top: 2px;
1353
+ left: 2px;
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
1360
  height: 40px;
@@ -1355,12 +1381,12 @@
1355
1381
  }
1356
1382
  @media screen and (max-width: 480px) {
1357
1383
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
1358
- .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 {
1359
1385
  font-size: 12px;
1360
1386
  }
1361
1387
  }
1362
1388
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1363
- top: 0;
1389
+ top: 1px;
1364
1390
  }
1365
1391
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
1366
1392
  display: -ms-inline-flexbox;
@@ -1368,6 +1394,7 @@
1368
1394
  height: 20px;
1369
1395
  min-width: 20px;
1370
1396
  width: 20px;
1397
+ line-height: 1;
1371
1398
  }
1372
1399
  @media screen and (max-width: 480px) {
1373
1400
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -1381,10 +1408,19 @@
1381
1408
  }
1382
1409
  @media screen and (max-width: 480px) {
1383
1410
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
1384
- .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 {
1385
1412
  font-size: 20px;
1386
1413
  }
1387
1414
  }
1415
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1416
+ position: relative;
1417
+ top: 2px;
1418
+ left: 2px;
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
+ }
1388
1424
  .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
1389
1425
  -ms-flex-pack: center;
1390
1426
  justify-content: center;
@@ -1395,6 +1431,14 @@
1395
1431
  padding: 0 20px;
1396
1432
  }
1397
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
+ }
1398
1442
  .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
1399
1443
  margin: 0 0 0 8px;
1400
1444
  }
@@ -1492,6 +1536,7 @@
1492
1536
  }
1493
1537
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1494
1538
  margin: 0;
1539
+ padding: 0;
1495
1540
  }
1496
1541
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
1497
1542
  height: 26px;
@@ -1676,7 +1721,7 @@
1676
1721
  }
1677
1722
  @media screen and (max-width: 480px) {
1678
1723
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
1679
- .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 {
1680
1725
  font-size: 16px;
1681
1726
  height: 44px;
1682
1727
  line-height: 44px;
@@ -1693,7 +1738,7 @@
1693
1738
  }
1694
1739
  @media screen and (max-width: 480px) {
1695
1740
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1696
- .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 {
1697
1742
  font-size: 16px;
1698
1743
  }
1699
1744
  }
@@ -1703,13 +1748,12 @@
1703
1748
  }
1704
1749
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1705
1750
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1706
- top: 0;
1707
1751
  line-height: 34px;
1708
1752
  top: 0;
1709
1753
  }
1710
1754
  @media screen and (max-width: 480px) {
1711
1755
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1712
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1756
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1713
1757
  line-height: 43px;
1714
1758
  }
1715
1759
  }
@@ -1739,13 +1783,12 @@
1739
1783
  }
1740
1784
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1741
1785
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1742
- top: 0;
1743
1786
  line-height: 32px;
1744
1787
  top: 0;
1745
1788
  }
1746
1789
  @media screen and (max-width: 480px) {
1747
1790
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1748
- .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1791
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1749
1792
  line-height: 43px;
1750
1793
  }
1751
1794
  }
@@ -1754,6 +1797,32 @@
1754
1797
  line-height: 32px;
1755
1798
  top: -0.5px;
1756
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
+ }
1757
1826
  .e-tab .e-tab-header.e-horizontal-bottom::before {
1758
1827
  bottom: auto;
1759
1828
  }
@@ -1775,7 +1844,7 @@
1775
1844
  top: 0;
1776
1845
  }
1777
1846
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
1778
- margin: -1px 2px 0 0;
1847
+ margin: 0 2px 0 0;
1779
1848
  padding-bottom: 0;
1780
1849
  padding-top: 0;
1781
1850
  }
@@ -1788,6 +1857,12 @@
1788
1857
  height: 40px;
1789
1858
  padding: 0;
1790
1859
  }
1860
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap::before, .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:not(.e-separator):last-child .e-text-wrap::before {
1861
+ top: unset;
1862
+ }
1863
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-tab-wrap:focus .e-close-icon::before {
1864
+ top: 0;
1865
+ }
1791
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 {
1792
1867
  height: initial;
1793
1868
  }
@@ -1860,6 +1935,13 @@
1860
1935
  .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap::before {
1861
1936
  display: none;
1862
1937
  }
1938
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon {
1939
+ min-height: 40px;
1940
+ min-width: 33px;
1941
+ }
1942
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon .e-tab-icon {
1943
+ margin: 0;
1944
+ }
1863
1945
  .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon {
1864
1946
  right: -15px;
1865
1947
  }
@@ -1876,6 +1958,30 @@
1876
1958
  left: auto;
1877
1959
  right: 0;
1878
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
+ }
1879
1985
  .e-tab .e-tab-header.e-vertical.e-vertical-right {
1880
1986
  float: right;
1881
1987
  }
@@ -1892,6 +1998,30 @@
1892
1998
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-pop .e-tab-text {
1893
1999
  width: auto;
1894
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
+ }
1895
2025
  .e-tab .e-tab-header.e-vertical .e-scroll-nav {
1896
2026
  height: 16px;
1897
2027
  -ms-flex-pack: center;
@@ -1939,7 +2069,7 @@
1939
2069
  }
1940
2070
  @media screen and (max-width: 480px) {
1941
2071
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
1942
- .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 {
1943
2073
  font-size: 15px;
1944
2074
  }
1945
2075
  }
@@ -2006,40 +2136,69 @@
2006
2136
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
2007
2137
  width: 100%;
2008
2138
  }
2009
- .e-tab.e-vertical-icon .e-tab-header {
2139
+ .e-tab.e-vertical-icon > .e-tab-header {
2010
2140
  height: 62px;
2011
2141
  min-height: 62px;
2012
2142
  }
2013
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2014
- .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 {
2015
2145
  display: none;
2016
2146
  }
2017
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
2147
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
2018
2148
  height: 62px;
2019
2149
  }
2020
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
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 {
2152
+ position: unset;
2153
+ }
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: unset;
2157
+ content: unset;
2158
+ display: none;
2159
+ position: unset;
2160
+ top: unset;
2161
+ width: unset;
2162
+ }
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 {
2165
+ content: unset;
2166
+ display: unset;
2167
+ position: unset;
2168
+ top: unset;
2169
+ width: unset;
2170
+ border: unset;
2171
+ }
2172
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
2021
2173
  height: 62px;
2022
2174
  }
2023
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
2175
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
2024
2176
  height: 62px;
2025
2177
  }
2026
2178
  @media screen and (max-width: 480px) {
2027
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2028
- .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 {
2029
2181
  font-size: 12px;
2030
2182
  }
2031
2183
  }
2032
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2033
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2184
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator {
2185
+ width: 2px;
2186
+ }
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 {
2034
2189
  display: none;
2035
2190
  }
2036
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2037
- .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 {
2038
2193
  position: relative;
2039
2194
  }
2040
- .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 {
2041
2196
  height: 16px;
2042
2197
  }
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 {
2200
+ top: unset;
2201
+ }
2043
2202
  .e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active {
2044
2203
  margin: 0 0 0 2px;
2045
2204
  }
@@ -2226,9 +2385,6 @@
2226
2385
  min-height: 50px;
2227
2386
  }
2228
2387
  }
2229
- .e-tab.e-fill .e-tab-header::before {
2230
- display: none;
2231
- }
2232
2388
  .e-tab.e-fill .e-tab-header .e-indicator {
2233
2389
  display: none;
2234
2390
  }
@@ -2249,6 +2405,7 @@
2249
2405
  height: 40px;
2250
2406
  margin: 0 2px 0 0;
2251
2407
  min-height: 40px;
2408
+ padding: 0;
2252
2409
  }
2253
2410
  @media screen and (max-width: 480px) {
2254
2411
  .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
@@ -2349,6 +2506,9 @@
2349
2506
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2350
2507
  height: 40px;
2351
2508
  }
2509
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
2510
+ height: 40px;
2511
+ }
2352
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 {
2353
2513
  height: 62px;
2354
2514
  }
@@ -2363,20 +2523,18 @@
2363
2523
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2364
2524
  margin: 0 0 0 2px;
2365
2525
  }
2366
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2526
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2367
2527
  height: 60px;
2368
2528
  min-height: 60px;
2369
2529
  }
2370
- .e-tab.e-background .e-tab-header::before {
2371
- display: none;
2372
- }
2373
2530
  .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
2374
2531
  .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
2375
2532
  margin: 0;
2376
2533
  padding: 0;
2377
2534
  }
2378
2535
  .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
2379
- margin: 0 2px 0 0;
2536
+ margin: 0;
2537
+ padding: 0;
2380
2538
  }
2381
2539
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
2382
2540
  padding: 0 15px;
@@ -2392,12 +2550,12 @@
2392
2550
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
2393
2551
  margin-bottom: 0;
2394
2552
  }
2395
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
2396
- height: 40px;
2397
- }
2398
2553
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text {
2399
2554
  font-weight: 400;
2400
2555
  }
2556
+ .e-tab.e-background .e-tab-header.e-vertical .e-indicator {
2557
+ display: none;
2558
+ }
2401
2559
  .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
2402
2560
  padding: 0 15px;
2403
2561
  }
@@ -2419,12 +2577,12 @@
2419
2577
  .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
2420
2578
  margin: 1px 0 -4px 2px;
2421
2579
  }
2422
- .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
2423
- margin: 1px 0 -4px 2px;
2424
- }
2425
2580
  .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2426
2581
  margin: 1px 0 -4px 2px;
2427
2582
  }
2583
+ .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
2584
+ margin: 0;
2585
+ }
2428
2586
  .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
2429
2587
  margin: 0 8px 0 0;
2430
2588
  }
@@ -2443,12 +2601,6 @@
2443
2601
  .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) {
2444
2602
  margin: 0 0 0 2px;
2445
2603
  }
2446
- .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 {
2447
- margin: 0 0 0 2px;
2448
- }
2449
- .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 .e-tab-text {
2450
- margin-bottom: 0;
2451
- }
2452
2604
  .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item {
2453
2605
  margin: 0;
2454
2606
  }
@@ -2507,7 +2659,7 @@
2507
2659
  }
2508
2660
  .e-tab-clone-element:not(.e-separator) {
2509
2661
  height: 40px;
2510
- margin: 0 2px -1px 0;
2662
+ margin: 0;
2511
2663
  min-height: 40px;
2512
2664
  min-width: auto;
2513
2665
  padding: 0;
@@ -2549,6 +2701,9 @@
2549
2701
  font-size: 14px;
2550
2702
  font-weight: 400;
2551
2703
  text-transform: capitalize;
2704
+ -ms-flex-item-align: auto;
2705
+ -ms-grid-row-align: auto;
2706
+ align-self: auto;
2552
2707
  }
2553
2708
  @media screen and (max-width: 480px) {
2554
2709
  .e-tab-clone-element .e-tab-text {
@@ -2564,12 +2719,12 @@
2564
2719
  }
2565
2720
  @media screen and (max-width: 480px) {
2566
2721
  .e-tab-clone-element .e-close-icon,
2567
- .e-tab-clone-element .e-close-icon::before {
2722
+ .e-tab-clone-element .e-close-icon::before {
2568
2723
  font-size: 12px;
2569
2724
  }
2570
2725
  }
2571
2726
  .e-tab-clone-element .e-close-icon::before {
2572
- top: 0;
2727
+ top: 1px;
2573
2728
  }
2574
2729
  .e-tab-clone-element .e-icons.e-tab-icon {
2575
2730
  display: -ms-inline-flexbox;
@@ -2577,6 +2732,7 @@
2577
2732
  height: 20px;
2578
2733
  min-width: 20px;
2579
2734
  width: 20px;
2735
+ line-height: 1;
2580
2736
  }
2581
2737
  @media screen and (max-width: 480px) {
2582
2738
  .e-tab-clone-element .e-icons.e-tab-icon {
@@ -2590,7 +2746,7 @@
2590
2746
  }
2591
2747
  @media screen and (max-width: 480px) {
2592
2748
  .e-tab-clone-element .e-tab-icon,
2593
- .e-tab-clone-element .e-tab-icon::before {
2749
+ .e-tab-clone-element .e-tab-icon::before {
2594
2750
  font-size: 20px;
2595
2751
  }
2596
2752
  }
@@ -2604,6 +2760,14 @@
2604
2760
  padding: 0 20px;
2605
2761
  }
2606
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
+ }
2607
2771
  .e-tab-clone-element .e-icon-left + .e-tab-text {
2608
2772
  margin: 0 0 0 8px;
2609
2773
  }
@@ -2698,14 +2862,14 @@
2698
2862
 
2699
2863
  .e-bigger .e-tab-clone-element:not(.e-separator) {
2700
2864
  height: 50px;
2701
- margin: 0 2px -3px 0;
2865
+ margin: 0;
2702
2866
  min-height: 50px;
2703
2867
  min-width: auto;
2704
2868
  padding: 0;
2705
2869
  }
2706
2870
  @media screen and (max-width: 480px) {
2707
2871
  .e-bigger .e-tab-clone-element:not(.e-separator) {
2708
- margin: 0 2px -1px 0;
2872
+ margin: 0;
2709
2873
  }
2710
2874
  }
2711
2875
  .e-bigger .e-tab-clone-element:not(.e-separator).e-itop, .e-bigger .e-tab-clone-element:not(.e-separator).e-ibottom {
@@ -2726,6 +2890,9 @@
2726
2890
  }
2727
2891
  .e-bigger .e-tab-clone-element .e-tab-text {
2728
2892
  font-size: 15px;
2893
+ -ms-flex-item-align: auto;
2894
+ -ms-grid-row-align: auto;
2895
+ align-self: auto;
2729
2896
  }
2730
2897
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
2731
2898
  cursor: pointer;
@@ -2742,7 +2909,7 @@
2742
2909
  }
2743
2910
  @media screen and (max-width: 480px) {
2744
2911
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
2745
- .e-bigger .e-tab-clone-element .e-close-icon::before {
2912
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
2746
2913
  font-size: 12px;
2747
2914
  }
2748
2915
  }
@@ -2750,6 +2917,7 @@
2750
2917
  height: 24px;
2751
2918
  min-width: 24px;
2752
2919
  width: 24px;
2920
+ line-height: 1;
2753
2921
  }
2754
2922
  .e-bigger .e-tab-clone-element .e-tab-icon,
2755
2923
  .e-bigger .e-tab-clone-element .e-tab-icon::before {
@@ -2758,6 +2926,14 @@
2758
2926
  .e-bigger .e-tab-clone-element.e-icon .e-tab-wrap {
2759
2927
  padding: 0 20px;
2760
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
+ }
2761
2937
  .e-bigger .e-tab-clone-element .e-icon-left + .e-tab-text {
2762
2938
  margin: 0 0 0 10px;
2763
2939
  }
@@ -2800,6 +2976,9 @@
2800
2976
  background: inherit;
2801
2977
  border: 0;
2802
2978
  border-radius: 0;
2979
+ box-shadow: none;
2980
+ font-weight: normal;
2981
+ border-bottom: 0;
2803
2982
  }
2804
2983
  .e-tab .e-tab-header::before {
2805
2984
  border-color: #484848;
@@ -2808,11 +2987,9 @@
2808
2987
  .e-tab .e-tab-header:not(.e-vertical)::before {
2809
2988
  border-width: 0 0 1px;
2810
2989
  }
2811
- .e-tab .e-tab-header[style*="overflow: hidden"] {
2812
- border: 0;
2813
- }
2814
2990
  .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
2815
- border-bottom: 1px solid #fff;
2991
+ border-bottom: 1px solid #505050;
2992
+ margin-bottom: 0;
2816
2993
  }
2817
2994
  .e-tab .e-tab-header .e-toolbar-items {
2818
2995
  background: inherit;
@@ -2824,12 +3001,16 @@
2824
3001
  background: inherit;
2825
3002
  border: 1px solid transparent;
2826
3003
  }
3004
+ .e-tab .e-tab-header .e-toolbar-item:hover {
3005
+ background: inherit;
3006
+ }
2827
3007
  .e-tab .e-tab-header .e-toolbar-item .e-ripple-element {
2828
3008
  background: rgba(49, 49, 49, 0);
2829
3009
  }
2830
3010
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
2831
3011
  border-radius: 4px;
2832
3012
  color: #3e98ff;
3013
+ border: 0;
2833
3014
  }
2834
3015
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
2835
3016
  color: #3e98ff;
@@ -2847,6 +3028,8 @@
2847
3028
  }
2848
3029
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
2849
3030
  background: #313131;
3031
+ border: 0;
3032
+ border-radius: 4px;
2850
3033
  }
2851
3034
  @media screen and (max-width: 480px) {
2852
3035
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
@@ -2858,13 +3041,27 @@
2858
3041
  color: #248aff;
2859
3042
  }
2860
3043
  .e-tab .e-tab-header .e-toolbar-item.e-active {
2861
- border: 2px Solid #505050;
3044
+ border: 1px solid #505050;
2862
3045
  border-radius: 4px 4px 0 0;
2863
3046
  }
3047
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3048
+ border: 0;
3049
+ }
2864
3050
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
2865
3051
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
2866
3052
  color: #f0f0f0;
2867
3053
  }
3054
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
3055
+ position: unset;
3056
+ }
3057
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3058
+ border: unset;
3059
+ content: unset;
3060
+ display: unset;
3061
+ position: unset;
3062
+ top: unset;
3063
+ width: unset;
3064
+ }
2868
3065
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
2869
3066
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
2870
3067
  color: #f0f0f0;
@@ -2917,14 +3114,25 @@
2917
3114
  }
2918
3115
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
2919
3116
  background: #313131;
3117
+ border: 0;
3118
+ border-radius: 4px;
2920
3119
  }
2921
3120
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
2922
3121
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
2923
3122
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
2924
3123
  color: #248aff;
2925
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: #248aff;
3128
+ }
2926
3129
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
2927
3130
  background: #313131;
3131
+ border-color: unset;
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: #fff;
2928
3136
  }
2929
3137
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
2930
3138
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
@@ -2942,29 +3150,45 @@
2942
3150
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
2943
3151
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow {
2944
3152
  color: #f0f0f0;
3153
+ border: 0;
2945
3154
  }
2946
3155
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:hover,
2947
3156
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover {
2948
3157
  background: #313131;
2949
3158
  color: #f0f0f0;
3159
+ border: 0;
2950
3160
  }
2951
3161
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
2952
3162
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
2953
3163
  box-shadow: none;
3164
+ border: 0;
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;
2954
3169
  }
2955
3170
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
2956
3171
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
2957
3172
  background: #2a2a2a;
2958
3173
  color: #f0f0f0;
3174
+ border: 0;
2959
3175
  }
2960
3176
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover,
2961
3177
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover {
2962
3178
  background: #313131;
2963
3179
  color: #f0f0f0;
2964
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: #2a2a2a;
3184
+ border-color: unset;
3185
+ color: #f0f0f0;
3186
+ }
2965
3187
  .e-tab .e-tab-header .e-scroll-nav:active,
2966
3188
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
2967
3189
  box-shadow: none;
3190
+ background: inherit;
3191
+ border: 0;
2968
3192
  }
2969
3193
  .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow,
2970
3194
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow {
@@ -2973,6 +3197,8 @@
2973
3197
  .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow:hover,
2974
3198
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow:hover {
2975
3199
  color: rgba(240, 240, 240, 0.65);
3200
+ background: #313131;
3201
+ border-color: unset;
2976
3202
  }
2977
3203
  .e-tab .e-tab-header .e-hor-nav,
2978
3204
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) {
@@ -2984,6 +3210,7 @@
2984
3210
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
2985
3211
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon {
2986
3212
  color: #f0f0f0;
3213
+ border: 0;
2987
3214
  }
2988
3215
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
2989
3216
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
@@ -2997,6 +3224,10 @@
2997
3224
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover {
2998
3225
  color: #f0f0f0;
2999
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
+ }
3000
3231
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3001
3232
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
3002
3233
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
@@ -3019,6 +3250,7 @@
3019
3250
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
3020
3251
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active {
3021
3252
  background: #313131;
3253
+ color: #f0f0f0;
3022
3254
  border: 1px solid none;
3023
3255
  border-radius: 4px;
3024
3256
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -3026,6 +3258,7 @@
3026
3258
  .e-tab .e-tab-header .e-hor-nav:hover,
3027
3259
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
3028
3260
  border: 0;
3261
+ background: transparent;
3029
3262
  }
3030
3263
  .e-tab .e-tab-header .e-hor-nav:hover:active,
3031
3264
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover:active {
@@ -3034,25 +3267,50 @@
3034
3267
  .e-tab .e-tab-header .e-hor-nav:active,
3035
3268
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
3036
3269
  box-shadow: none;
3270
+ background: transparent;
3037
3271
  }
3038
3272
  .e-tab .e-tab-header .e-hor-nav.e-nav-active,
3039
3273
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
3040
3274
  background: inherit;
3041
3275
  border: 0;
3042
3276
  box-shadow: none;
3277
+ border-radius: 0 4px 0 0;
3043
3278
  }
3044
- .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] {
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 {
3045
3285
  border: 0;
3046
3286
  }
3287
+ .e-tab .e-tab-header.e-horizontal-bottom {
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
+ }
3047
3297
  .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] .e-toolbar-items {
3048
- border-bottom: 0;
3049
- border-top: 1px solid #484848;
3298
+ border-color: #484848;
3299
+ border-style: solid;
3300
+ border-width: 1px 0 0;
3301
+ }
3302
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item .e-tab-wrap:hover {
3303
+ border-radius: 0 0 4px 4px;
3050
3304
  }
3051
3305
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3052
- border-bottom: 0;
3306
+ border-color: #505050;
3307
+ border-style: solid;
3308
+ border-width: 1px;
3309
+ margin-top: 0;
3053
3310
  border-radius: 0 0 4px 4px;
3054
- border-top: 1px solid #fff;
3055
- border-top-color: #505050;
3311
+ }
3312
+ .e-tab .e-tab-header.e-vertical {
3313
+ border-bottom: 0;
3056
3314
  }
3057
3315
  .e-tab .e-tab-header.e-vertical::before {
3058
3316
  border-width: 0 1px 0 0;
@@ -3061,12 +3319,18 @@
3061
3319
  border-bottom: 1px solid #484848;
3062
3320
  border-top: 1px solid #484848;
3063
3321
  }
3322
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item .e-tab-wrap:hover {
3323
+ border-radius: 4px 0 0 4px;
3324
+ }
3064
3325
  .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
3065
3326
  border-radius: 4px 0 0 4px;
3066
- border-right: 1px solid #fff;
3327
+ border-right: 1px solid #505050;
3328
+ }
3329
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item .e-tab-wrap:hover {
3330
+ border-radius: 0 4px 4px 0;
3067
3331
  }
3068
3332
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
3069
- border-left: 1px solid #fff;
3333
+ border-left: 1px solid #505050;
3070
3334
  border-radius: 0 4px 4px 0;
3071
3335
  }
3072
3336
  .e-tab .e-tab-header.e-vertical .e-toolbar-pop {
@@ -3090,6 +3354,10 @@
3090
3354
  }
3091
3355
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover {
3092
3356
  background: #767676;
3357
+ border-color: #9c9c9c transparent transparent;
3358
+ }
3359
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover:active:focus {
3360
+ background: #767676;
3093
3361
  }
3094
3362
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
3095
3363
  color: #f0f0f0;
@@ -3100,6 +3368,9 @@
3100
3368
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus {
3101
3369
  background: #767676;
3102
3370
  }
3371
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus:hover:active .e-nav-arrow {
3372
+ color: none;
3373
+ }
3103
3374
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
3104
3375
  background: none;
3105
3376
  }
@@ -3115,6 +3386,7 @@
3115
3386
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
3116
3387
  background: inherit;
3117
3388
  border: 0;
3389
+ color: #f0f0f0;
3118
3390
  }
3119
3391
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
3120
3392
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -3129,23 +3401,36 @@
3129
3401
  border: 0;
3130
3402
  box-shadow: none;
3131
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: #f0f0f0;
3407
+ }
3132
3408
  .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-up-icon,
3133
3409
  .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-down-icon {
3134
3410
  border: 0;
3135
3411
  }
3136
3412
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
3137
3413
  background: #414141;
3414
+ border: 0;
3138
3415
  }
3139
3416
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
3140
3417
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
3141
3418
  color: #f0f0f0;
3142
3419
  }
3420
+ .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon {
3421
+ color: #f0f0f0;
3422
+ }
3143
3423
  .e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
3144
3424
  color: #f0f0f0;
3145
3425
  }
3146
3426
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3147
3427
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
3148
3428
  color: #f0f0f0;
3429
+ background: #2a2a2a;
3430
+ border: 1px solid none;
3431
+ }
3432
+ .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus {
3433
+ border-color: #9c9c9c transparent transparent;
3149
3434
  }
3150
3435
  .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
3151
3436
  border: 0;
@@ -3191,6 +3476,9 @@
3191
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 {
3192
3477
  color: #248aff;
3193
3478
  }
3479
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3480
+ color: #248aff;
3481
+ }
3194
3482
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
3195
3483
  margin-top: 0;
3196
3484
  }
@@ -3200,6 +3488,7 @@
3200
3488
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3201
3489
  background: #0070f0;
3202
3490
  border-radius: 4px;
3491
+ border-color: unset;
3203
3492
  }
3204
3493
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3205
3494
  color: #fff;
@@ -3207,6 +3496,9 @@
3207
3496
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
3208
3497
  margin-top: 0;
3209
3498
  }
3499
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3500
+ border: unset;
3501
+ }
3210
3502
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text,
3211
3503
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
3212
3504
  color: #fff;
@@ -3217,6 +3509,22 @@
3217
3509
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
3218
3510
  color: #fff;
3219
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: #fff;
3515
+ }
3516
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover {
3517
+ background: #313131;
3518
+ }
3519
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-text {
3520
+ color: #248aff;
3521
+ }
3522
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-icon {
3523
+ color: #248aff;
3524
+ }
3525
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-close-icon {
3526
+ color: #248aff;
3527
+ }
3220
3528
  .e-tab.e-fill .e-tab-header.e-horizontal-bottom {
3221
3529
  border-bottom: 0;
3222
3530
  border-top: 0;
@@ -3269,8 +3577,11 @@
3269
3577
  }
3270
3578
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3271
3579
  background: #414141;
3580
+ border-color: unset;
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: #002957;
3272
3584
  }
3273
- .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3274
3585
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
3275
3586
  color: #002957;
3276
3587
  }
@@ -3290,6 +3601,7 @@
3290
3601
  }
3291
3602
  .e-tab.e-background .e-tab-header .e-indicator {
3292
3603
  background: #505050;
3604
+ bottom: 0;
3293
3605
  }
3294
3606
  .e-tab.e-background .e-tab-header .e-toolbar-item {
3295
3607
  border: 0;
@@ -3299,41 +3611,82 @@
3299
3611
  }
3300
3612
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
3301
3613
  background: inherit;
3614
+ border-color: unset;
3302
3615
  }
3303
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text,
3304
3616
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
3305
3617
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
3306
3618
  color: #3e98ff;
3307
3619
  }
3620
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
3621
+ color: #3e98ff;
3622
+ }
3308
3623
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover {
3309
3624
  color: #fff;
3310
3625
  }
3311
3626
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
3312
3627
  background: #313131;
3628
+ background-color: #313131;
3629
+ border-color: unset;
3630
+ }
3631
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
3632
+ color: #fff;
3313
3633
  }
3314
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3315
3634
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3316
3635
  color: #fff;
3317
3636
  }
3318
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3319
3637
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3320
3638
  color: #fff;
3321
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: #fff;
3642
+ }
3322
3643
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
3323
3644
  border: 0;
3324
3645
  margin: 0;
3646
+ background: inherit;
3325
3647
  }
3326
3648
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3327
3649
  background: #0070f0;
3650
+ border-color: unset;
3328
3651
  border-radius: 4px;
3652
+ border-style: solid;
3653
+ border-width: 0;
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: #fff;
3663
+ }
3664
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
3665
+ background: #0070f0;
3666
+ border-color: unset;
3667
+ }
3668
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
3669
+ color: #fff;
3329
3670
  }
3330
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
3331
3671
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3332
3672
  color: #fff;
3333
3673
  }
3334
3674
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
3335
3675
  color: #fff;
3336
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: #fff;
3682
+ }
3683
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus {
3684
+ background: #0070f0;
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
+ }
3337
3690
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3338
3691
  background: #0070f0;
3339
3692
  }
@@ -3341,10 +3694,15 @@
3341
3694
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3342
3695
  color: #fff;
3343
3696
  }
3344
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text,
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
+ }
3345
3700
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
3346
3701
  color: #fff;
3347
3702
  }
3703
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3704
+ border: unset;
3705
+ }
3348
3706
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text,
3349
3707
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
3350
3708
  color: #fff;
@@ -3352,7 +3710,8 @@
3352
3710
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon {
3353
3711
  color: #fff;
3354
3712
  }
3355
- .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 {
3356
3715
  color: #fff;
3357
3716
  }
3358
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 {
@@ -3367,7 +3726,8 @@
3367
3726
  background: inherit;
3368
3727
  }
3369
3728
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
3370
- .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 {
3371
3731
  color: #3e98ff;
3372
3732
  }
3373
3733
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
@@ -3376,50 +3736,105 @@
3376
3736
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3377
3737
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3378
3738
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3379
- color: #fff;
3380
3739
  color: #0070f0;
3381
3740
  }
3741
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text {
3742
+ color: #3e98ff;
3743
+ }
3744
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
3745
+ color: #3e98ff;
3746
+ }
3747
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-close-icon {
3748
+ color: #3e98ff;
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
+ }
3382
3754
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
3383
3755
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
3384
3756
  color: #f0f0f0;
3757
+ border: 0;
3385
3758
  }
3386
3759
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
3387
3760
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
3388
3761
  background: inherit;
3389
3762
  color: #f0f0f0;
3763
+ border-color: unset;
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: #f0f0f0;
3390
3769
  }
3391
3770
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
3392
3771
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
3393
3772
  color: #f0f0f0;
3773
+ border: 0;
3774
+ background: #2a2a2a;
3394
3775
  }
3395
3776
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
3396
3777
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
3397
3778
  background: inherit;
3398
3779
  color: #f0f0f0;
3399
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: #2a2a2a;
3784
+ border-color: unset;
3785
+ color: #f0f0f0;
3786
+ }
3400
3787
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
3401
3788
  .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
3402
3789
  animation: none;
3403
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
+ }
3404
3795
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
3405
3796
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon,
3406
3797
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
3407
3798
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon {
3408
3799
  color: #f0f0f0;
3800
+ border: 0;
3409
3801
  }
3410
3802
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover,
3411
3803
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover,
3412
3804
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
3413
3805
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
3414
- background: inherit;
3806
+ background: #959595;
3807
+ border-color: #313131;
3415
3808
  color: #f0f0f0;
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 {
3416
3814
  background: #959595;
3815
+ color: #f0f0f0;
3417
3816
  }
3418
3817
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
3419
3818
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon,
3420
3819
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3421
3820
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
3422
3821
  color: #f0f0f0;
3822
+ background: #2a2a2a;
3823
+ border: 1px solid none;
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: #959595;
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: #313131;
3836
+ border-color: unset;
3837
+ color: #f0f0f0;
3423
3838
  }
3424
3839
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
3425
3840
  .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
@@ -3429,6 +3844,40 @@
3429
3844
  .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
3430
3845
  color: #f0f0f0;
3431
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: unset;
3853
+ border-radius: 4px;
3854
+ border-style: solid;
3855
+ border-width: 0;
3856
+ }
3857
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
3858
+ border-color: #fff;
3859
+ border-style: solid;
3860
+ border-width: 0 1px 0 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: unset;
3865
+ border-radius: 4px;
3866
+ border-style: solid;
3867
+ border-width: 0;
3868
+ }
3869
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
3870
+ border-color: #fff;
3871
+ border-style: solid;
3872
+ border-width: 0 0 0 1px;
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: unset;
3877
+ border-radius: 4px;
3878
+ border-style: solid;
3879
+ border-width: 0;
3880
+ }
3432
3881
  .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
3433
3882
  border: 0;
3434
3883
  }
@@ -3492,6 +3941,7 @@
3492
3941
  }
3493
3942
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
3494
3943
  background: #313131;
3944
+ border-color: unset;
3495
3945
  }
3496
3946
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
3497
3947
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
@@ -3500,18 +3950,38 @@
3500
3950
  }
3501
3951
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3502
3952
  background: #414141;
3953
+ border-color: unset;
3503
3954
  }
3504
3955
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3505
3956
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3506
3957
  color: #fff;
3507
3958
  }
3508
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3509
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon,
3510
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
3959
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
3960
+ background: #0070f0;
3961
+ border: 0;
3962
+ border-radius: 4px;
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: white;
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: white;
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: white;
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
+ }
3511
3979
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
3512
3980
  color: white;
3513
3981
  }
3514
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text,
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: #002957;
3984
+ }
3515
3985
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
3516
3986
  color: #002957;
3517
3987
  }
@@ -3537,6 +4007,8 @@
3537
4007
  .e-tab .e-content .e-item {
3538
4008
  background: inherit;
3539
4009
  color: #f0f0f0;
4010
+ font-size: 12px;
4011
+ line-height: 18px;
3540
4012
  }
3541
4013
 
3542
4014
  .e-tab-clone-element {
@@ -3546,6 +4018,7 @@
3546
4018
  .e-tab-clone-element .e-tab-wrap {
3547
4019
  border-radius: 4px;
3548
4020
  color: #3e98ff;
4021
+ border: 0;
3549
4022
  }
3550
4023
  .e-tab-clone-element .e-tab-wrap .e-tab-icon {
3551
4024
  color: #3e98ff;