@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
@@ -4,18 +4,6 @@
4
4
  /*! Bootstrap specific themes definition's */
5
5
  /*! Vertical Tab */
6
6
  /*! tab icons */
7
- .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-left-arrow::before {
8
- content: "\e219";
9
- }
10
- .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-right-arrow::before {
11
- content: "\e98f";
12
- }
13
- .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before {
14
- content: "\e98f";
15
- }
16
- .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
17
- content: "\e219";
18
- }
19
7
  .e-tab .e-tab-header .e-close-icon::before {
20
8
  content: "\e7fc";
21
9
  position: relative;
@@ -44,12 +32,6 @@
44
32
  content: "\e968";
45
33
  }
46
34
  }
47
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before {
48
- content: "\eb04";
49
- }
50
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before {
51
- content: "\eb05";
52
- }
53
35
  .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before {
54
36
  content: "More";
55
37
  }
@@ -90,8 +72,6 @@
90
72
  .e-tab.e-bigger .e-tab-header .e-toolbar-items {
91
73
  height: auto;
92
74
  min-height: auto;
93
- height: 50px;
94
- min-height: 50px;
95
75
  }
96
76
  .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,
97
77
  .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -100,8 +80,8 @@
100
80
  }
101
81
  @media screen and (max-width: 480px) {
102
82
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
103
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
104
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
83
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
84
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
105
85
  margin: 0;
106
86
  }
107
87
  }
@@ -111,7 +91,7 @@
111
91
  }
112
92
  @media screen and (max-width: 480px) {
113
93
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
114
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
94
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
115
95
  margin: 0 2px 0 0;
116
96
  }
117
97
  }
@@ -125,7 +105,7 @@
125
105
  }
126
106
  @media screen and (max-width: 480px) {
127
107
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
128
- .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
108
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
129
109
  margin: 0 2px 0 0;
130
110
  }
131
111
  }
@@ -147,7 +127,7 @@
147
127
  }
148
128
  @media screen and (max-width: 480px) {
149
129
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
150
- .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
130
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
151
131
  margin: 0 2px 0 0;
152
132
  }
153
133
  }
@@ -164,7 +144,7 @@
164
144
  }
165
145
  @media screen and (max-width: 480px) {
166
146
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
167
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
147
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
168
148
  padding: 0 15px;
169
149
  }
170
150
  }
@@ -175,6 +155,12 @@
175
155
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-text,
176
156
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-text {
177
157
  font-size: 15px;
158
+ margin-bottom: 0;
159
+ }
160
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before,
161
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before {
162
+ position: relative;
163
+ top: 2px;
178
164
  }
179
165
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
180
166
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
@@ -183,14 +169,14 @@
183
169
  }
184
170
  @media screen and (max-width: 480px) {
185
171
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
186
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
172
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
187
173
  margin: 0 2px 0 0;
188
174
  }
189
175
  }
190
176
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before,
191
177
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before {
192
178
  position: relative;
193
- top: -0.5px;
179
+ top: 2px;
194
180
  }
195
181
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
196
182
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
@@ -202,10 +188,6 @@
202
188
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
203
189
  height: 50px;
204
190
  }
205
- .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
206
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap {
207
- padding: 0;
208
- }
209
191
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
210
192
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
211
193
  cursor: pointer;
@@ -213,7 +195,7 @@
213
195
  }
214
196
  @media screen and (max-width: 480px) {
215
197
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
216
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
198
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
217
199
  margin: 0 0 0 8px;
218
200
  }
219
201
  }
@@ -225,9 +207,9 @@
225
207
  }
226
208
  @media screen and (max-width: 480px) {
227
209
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
228
- .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
229
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
230
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
210
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
211
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
212
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
231
213
  font-size: 12px;
232
214
  }
233
215
  }
@@ -236,6 +218,7 @@
236
218
  height: 24px;
237
219
  min-width: 24px;
238
220
  width: 24px;
221
+ line-height: 1;
239
222
  }
240
223
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
241
224
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before,
@@ -247,13 +230,23 @@
247
230
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
248
231
  padding: 0 20px;
249
232
  }
233
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
234
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
235
+ margin: 0 0 0 12px;
236
+ }
237
+ @media screen and (max-width: 480px) {
238
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
239
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
240
+ margin: 0;
241
+ }
242
+ }
250
243
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
251
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
  @media screen and (max-width: 480px) {
255
248
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
256
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
249
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
257
250
  margin: 0 0 0 10px;
258
251
  }
259
252
  }
@@ -313,7 +306,7 @@
313
306
  }
314
307
  @media screen and (max-width: 480px) {
315
308
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
316
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
309
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
317
310
  padding: 0 24px;
318
311
  }
319
312
  }
@@ -327,7 +320,7 @@
327
320
  }
328
321
  @media screen and (max-width: 480px) {
329
322
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
330
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
323
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
331
324
  padding-right: 0;
332
325
  }
333
326
  }
@@ -351,8 +344,8 @@
351
344
  }
352
345
  @media screen and (max-width: 480px) {
353
346
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator),
354
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
355
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
347
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
348
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
356
349
  min-height: 50px;
357
350
  }
358
351
  }
@@ -365,10 +358,10 @@
365
358
  }
366
359
  @media screen and (max-width: 480px) {
367
360
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap,
368
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
369
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
370
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
371
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
361
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
362
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
363
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
364
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
372
365
  height: 50px;
373
366
  }
374
367
  }
@@ -381,8 +374,8 @@
381
374
  }
382
375
  @media screen and (max-width: 480px) {
383
376
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
384
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
385
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
377
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
378
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
386
379
  margin: 0;
387
380
  padding-left: 0;
388
381
  padding-right: 0;
@@ -396,7 +389,7 @@
396
389
  }
397
390
  @media screen and (max-width: 480px) {
398
391
  .e-bigger .e-tab .e-tab-header .e-scroll-nav,
399
- .e-tab.e-bigger .e-tab-header .e-scroll-nav {
392
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
400
393
  padding: 0;
401
394
  }
402
395
  }
@@ -417,7 +410,7 @@
417
410
  }
418
411
  @media screen and (max-width: 480px) {
419
412
  .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
420
- .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
413
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
421
414
  font-size: 16px;
422
415
  height: 44px;
423
416
  line-height: 44px;
@@ -441,7 +434,7 @@
441
434
  }
442
435
  @media screen and (max-width: 480px) {
443
436
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
444
- .e-tab.e-bigger .e-tab-header .e-hor-nav {
437
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
445
438
  padding: 0;
446
439
  }
447
440
  }
@@ -456,9 +449,9 @@
456
449
  }
457
450
  @media screen and (max-width: 480px) {
458
451
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
459
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
460
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
461
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
452
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
453
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
454
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
462
455
  font-size: 16px;
463
456
  height: 44px;
464
457
  line-height: 44px;
@@ -476,9 +469,9 @@
476
469
  }
477
470
  @media screen and (max-width: 480px) {
478
471
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
479
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
480
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
481
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
472
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
473
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
474
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
482
475
  font-size: 16px;
483
476
  }
484
477
  }
@@ -492,7 +485,6 @@
492
485
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before,
493
486
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
494
487
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
495
- top: 0;
496
488
  line-height: 42px;
497
489
  top: 0.5px;
498
490
  }
@@ -506,8 +498,8 @@
506
498
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before,
507
499
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
508
500
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
509
- top: 0;
510
501
  line-height: 42px;
502
+ top: 0;
511
503
  }
512
504
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
513
505
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
@@ -547,7 +539,7 @@
547
539
  }
548
540
  @media screen and (max-width: 480px) {
549
541
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
550
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
542
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
551
543
  margin: 0 2px 0 0;
552
544
  }
553
545
  }
@@ -559,11 +551,6 @@
559
551
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before {
560
552
  top: 0.5px;
561
553
  }
562
- .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,
563
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap,
564
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap {
565
- height: initial;
566
- }
567
554
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-close-icon::before, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-close-icon::before,
568
555
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-close-icon::before,
569
556
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-close-icon::before {
@@ -576,7 +563,7 @@
576
563
  }
577
564
  @media screen and (max-width: 480px) {
578
565
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
579
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
566
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
580
567
  margin: 0 2px 0 0;
581
568
  }
582
569
  }
@@ -603,16 +590,15 @@
603
590
  height: 50px;
604
591
  padding: 0;
605
592
  }
606
- .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,
607
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap,
608
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap {
609
- height: 50px;
610
- }
611
593
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap,
612
594
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap,
613
595
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap {
614
596
  height: initial;
615
597
  }
598
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active,
599
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active {
600
+ height: 50px;
601
+ }
616
602
  .e-bigger .e-tab .e-tab-header.e-vertical,
617
603
  .e-tab.e-bigger .e-tab-header.e-vertical {
618
604
  max-width: 150px;
@@ -624,7 +610,7 @@
624
610
  }
625
611
  @media screen and (max-width: 480px) {
626
612
  .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
627
- .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
613
+ .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
628
614
  bottom: 0;
629
615
  top: 0;
630
616
  }
@@ -650,6 +636,11 @@
650
636
  .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon {
651
637
  right: -20px;
652
638
  }
639
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon,
640
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon {
641
+ min-height: 38px;
642
+ min-width: auto;
643
+ }
653
644
  .e-bigger .e-tab .e-tab-header.e-vertical .e-scroll-nav,
654
645
  .e-tab.e-bigger .e-tab-header.e-vertical .e-scroll-nav {
655
646
  height: 24px;
@@ -684,35 +675,31 @@
684
675
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
685
676
  height: auto;
686
677
  }
687
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
688
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
678
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
679
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
689
680
  height: 72px;
690
681
  min-height: 72px;
691
682
  }
692
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
693
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
683
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
684
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
694
685
  height: 72px;
695
686
  }
696
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
697
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
687
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
688
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
698
689
  height: 72px;
699
690
  }
700
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
701
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
691
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
692
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
702
693
  height: 72px;
703
694
  }
704
695
  @media screen and (max-width: 480px) {
705
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
706
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
707
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
708
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
696
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
697
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
698
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
699
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
709
700
  font-size: 12px;
710
701
  }
711
702
  }
712
- .e-bigger .e-tab.e-vertical-icon.e-rtl .e-toolbar-item.e-active,
713
- .e-tab.e-bigger.e-vertical-icon.e-rtl .e-toolbar-item.e-active {
714
- margin: 0 0 0 2px;
715
- }
716
703
  .e-bigger .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items,
717
704
  .e-tab.e-bigger.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
718
705
  height: inherit;
@@ -762,6 +749,10 @@
762
749
  height: 50px;
763
750
  padding: 0;
764
751
  }
752
+ .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft,
753
+ .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft {
754
+ height: 50px;
755
+ }
765
756
  .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
766
757
  .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
767
758
  .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
@@ -826,10 +817,6 @@
826
817
  .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
827
818
  top: 0;
828
819
  }
829
- .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active,
830
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
831
- margin: 0;
832
- }
833
820
  .e-bigger .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator),
834
821
  .e-tab.e-bigger.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) {
835
822
  margin: 0 0 0 2px;
@@ -845,7 +832,7 @@
845
832
  }
846
833
  @media screen and (max-width: 480px) {
847
834
  .e-bigger .e-tab.e-fill .e-tab-header,
848
- .e-tab.e-bigger.e-fill .e-tab-header {
835
+ .e-tab.e-bigger.e-fill .e-tab-header {
849
836
  height: 50px;
850
837
  min-height: 50px;
851
838
  }
@@ -857,7 +844,7 @@
857
844
  }
858
845
  @media screen and (max-width: 480px) {
859
846
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
860
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
847
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
861
848
  min-height: 50px;
862
849
  }
863
850
  }
@@ -873,10 +860,11 @@
873
860
  height: 50px;
874
861
  margin: 0 2px 0 0;
875
862
  min-height: 50px;
863
+ padding: 0;
876
864
  }
877
865
  @media screen and (max-width: 480px) {
878
866
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
879
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
867
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
880
868
  height: 50px;
881
869
  min-height: 50px;
882
870
  }
@@ -894,7 +882,7 @@
894
882
  }
895
883
  @media screen and (max-width: 480px) {
896
884
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
897
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
885
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
898
886
  height: 50px;
899
887
  padding: 0 20px;
900
888
  }
@@ -905,7 +893,7 @@
905
893
  }
906
894
  @media screen and (max-width: 480px) {
907
895
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
908
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
896
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
909
897
  height: 50px;
910
898
  }
911
899
  }
@@ -923,7 +911,7 @@
923
911
  }
924
912
  @media screen and (max-width: 480px) {
925
913
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
926
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
914
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
927
915
  height: 50px;
928
916
  }
929
917
  }
@@ -934,8 +922,8 @@
934
922
  }
935
923
  @media screen and (max-width: 480px) {
936
924
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap,
937
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
938
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
925
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
926
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
939
927
  height: 50px;
940
928
  }
941
929
  }
@@ -978,6 +966,10 @@
978
966
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
979
967
  height: 50px;
980
968
  }
969
+ .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap,
970
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
971
+ height: 50px;
972
+ }
981
973
  .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus,
982
974
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus,
983
975
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
@@ -990,8 +982,8 @@
990
982
  }
991
983
  @media screen and (max-width: 480px) {
992
984
  .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
993
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
994
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
985
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
986
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
995
987
  height: auto;
996
988
  }
997
989
  }
@@ -999,8 +991,8 @@
999
991
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
1000
992
  margin: 0 0 0 2px;
1001
993
  }
1002
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
1003
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
994
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
995
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
1004
996
  height: 70px;
1005
997
  min-height: 70px;
1006
998
  }
@@ -1013,7 +1005,7 @@
1013
1005
  }
1014
1006
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator),
1015
1007
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
1016
- margin: 0 2px 0 0;
1008
+ padding: 0;
1017
1009
  }
1018
1010
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1019
1011
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
@@ -1021,7 +1013,7 @@
1021
1013
  }
1022
1014
  @media screen and (max-width: 480px) {
1023
1015
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1024
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1016
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1025
1017
  padding: 0 20px;
1026
1018
  }
1027
1019
  }
@@ -1033,10 +1025,6 @@
1033
1025
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
1034
1026
  margin-bottom: 0;
1035
1027
  }
1036
- .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
1037
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
1038
- height: 50px;
1039
- }
1040
1028
  .e-bigger .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap,
1041
1029
  .e-tab.e-bigger.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
1042
1030
  padding: 0 20px;
@@ -1055,13 +1043,17 @@
1055
1043
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
1056
1044
  margin: 0;
1057
1045
  }
1046
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right,
1047
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
1048
+ margin: 0;
1049
+ }
1058
1050
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1059
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
  @media screen and (max-width: 480px) {
1063
1055
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1064
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1056
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1065
1057
  margin: 0 10px 0 0;
1066
1058
  }
1067
1059
  }
@@ -1071,7 +1063,7 @@
1071
1063
  }
1072
1064
  @media screen and (max-width: 480px) {
1073
1065
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
1074
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1066
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1075
1067
  margin: 0 8px 0 0;
1076
1068
  }
1077
1069
  }
@@ -1099,7 +1091,7 @@
1099
1091
  }
1100
1092
  @media screen and (max-width: 480px) {
1101
1093
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
1102
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1094
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1103
1095
  padding-left: 0;
1104
1096
  }
1105
1097
  }
@@ -1122,8 +1114,8 @@
1122
1114
  }
1123
1115
  @media screen and (max-width: 480px) {
1124
1116
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
1125
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1126
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1117
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1118
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1127
1119
  margin: 0;
1128
1120
  padding-left: 0;
1129
1121
  padding-right: 0;
@@ -1194,13 +1186,10 @@
1194
1186
  margin: 0;
1195
1187
  min-height: 40px;
1196
1188
  position: relative;
1197
- height: 40px;
1198
- min-height: 40px;
1199
1189
  }
1200
1190
  @media screen and (max-width: 480px) {
1201
1191
  .e-tab .e-tab-header .e-toolbar-items {
1202
1192
  min-height: 50px;
1203
- height: 50px;
1204
1193
  }
1205
1194
  }
1206
1195
  .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 {
@@ -1215,17 +1204,44 @@
1215
1204
  margin: 0 2px 0 0;
1216
1205
  }
1217
1206
  }
1207
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active {
1208
+ position: unset;
1209
+ }
1210
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1211
+ left: unset;
1212
+ right: unset;
1213
+ }
1214
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before {
1215
+ background-color: unset;
1216
+ bottom: unset;
1217
+ content: unset;
1218
+ height: unset;
1219
+ left: unset;
1220
+ position: unset;
1221
+ right: unset;
1222
+ transition: unset;
1223
+ }
1224
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after {
1225
+ color: unset;
1226
+ content: unset;
1227
+ display: unset;
1228
+ font-weight: unset;
1229
+ height: unset;
1230
+ overflow: unset;
1231
+ visibility: unset;
1232
+ }
1218
1233
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device {
1219
1234
  padding: 0;
1220
1235
  }
1221
1236
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device .e-scroll-right-nav {
1222
1237
  display: none;
1223
1238
  }
1224
- .e-tab .e-tab-header .e-toolbar-items.e-hscroll[style*="overflow: hidden"] .e-toolbar-item:not(.e-separator).e-active {
1225
- margin-bottom: 0;
1239
+ .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-hscroll-bar {
1240
+ padding: 0;
1226
1241
  }
1227
1242
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
1228
1243
  width: 40px;
1244
+ border-radius: 0;
1229
1245
  }
1230
1246
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
1231
1247
  margin: 0 2px 0 0;
@@ -1253,6 +1269,7 @@
1253
1269
  height: 2px;
1254
1270
  left: 0;
1255
1271
  right: 0;
1272
+ border-radius: 0;
1256
1273
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
1257
1274
  }
1258
1275
  .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -1302,6 +1319,10 @@
1302
1319
  font-size: 14px;
1303
1320
  font-weight: 400;
1304
1321
  text-transform: capitalize;
1322
+ -ms-flex-item-align: auto;
1323
+ -ms-grid-row-align: auto;
1324
+ align-self: auto;
1325
+ margin-bottom: 0;
1305
1326
  }
1306
1327
  @media screen and (max-width: 480px) {
1307
1328
  .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
@@ -1333,7 +1354,12 @@
1333
1354
  font-weight: 400;
1334
1355
  }
1335
1356
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon::before {
1336
- top: -1px;
1357
+ top: 2px;
1358
+ left: 2px;
1359
+ }
1360
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-top.e-tab-icon::before,
1361
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-bottom.e-tab-icon::before {
1362
+ left: 0;
1337
1363
  }
1338
1364
  .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
1339
1365
  height: 40px;
@@ -1360,12 +1386,12 @@
1360
1386
  }
1361
1387
  @media screen and (max-width: 480px) {
1362
1388
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
1363
- .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1389
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1364
1390
  font-size: 12px;
1365
1391
  }
1366
1392
  }
1367
1393
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1368
- top: 0;
1394
+ top: 1px;
1369
1395
  }
1370
1396
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
1371
1397
  display: -ms-inline-flexbox;
@@ -1373,6 +1399,7 @@
1373
1399
  height: 20px;
1374
1400
  min-width: 20px;
1375
1401
  width: 20px;
1402
+ line-height: 1;
1376
1403
  }
1377
1404
  @media screen and (max-width: 480px) {
1378
1405
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -1386,10 +1413,19 @@
1386
1413
  }
1387
1414
  @media screen and (max-width: 480px) {
1388
1415
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
1389
- .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1416
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1390
1417
  font-size: 20px;
1391
1418
  }
1392
1419
  }
1420
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1421
+ position: relative;
1422
+ top: 2px;
1423
+ left: 2px;
1424
+ }
1425
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-top.e-tab-icon::before,
1426
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-bottom.e-tab-icon::before {
1427
+ left: 0;
1428
+ }
1393
1429
  .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
1394
1430
  -ms-flex-pack: center;
1395
1431
  justify-content: center;
@@ -1400,6 +1436,14 @@
1400
1436
  padding: 0 20px;
1401
1437
  }
1402
1438
  }
1439
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-right {
1440
+ margin: 0 0 0 8px;
1441
+ }
1442
+ @media screen and (max-width: 480px) {
1443
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-right {
1444
+ margin: 0;
1445
+ }
1446
+ }
1403
1447
  .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
1404
1448
  margin: 0 0 0 8px;
1405
1449
  }
@@ -1497,6 +1541,7 @@
1497
1541
  }
1498
1542
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1499
1543
  margin: 0;
1544
+ padding: 0;
1500
1545
  }
1501
1546
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
1502
1547
  height: 26px;
@@ -1681,7 +1726,7 @@
1681
1726
  }
1682
1727
  @media screen and (max-width: 480px) {
1683
1728
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
1684
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1729
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1685
1730
  font-size: 16px;
1686
1731
  height: 44px;
1687
1732
  line-height: 44px;
@@ -1698,7 +1743,7 @@
1698
1743
  }
1699
1744
  @media screen and (max-width: 480px) {
1700
1745
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1701
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1746
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1702
1747
  font-size: 16px;
1703
1748
  }
1704
1749
  }
@@ -1708,13 +1753,12 @@
1708
1753
  }
1709
1754
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1710
1755
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1711
- top: 0;
1712
1756
  line-height: 34px;
1713
1757
  top: 0;
1714
1758
  }
1715
1759
  @media screen and (max-width: 480px) {
1716
1760
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1717
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1761
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1718
1762
  line-height: 43px;
1719
1763
  }
1720
1764
  }
@@ -1744,13 +1788,12 @@
1744
1788
  }
1745
1789
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1746
1790
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1747
- top: 0;
1748
1791
  line-height: 32px;
1749
1792
  top: 0;
1750
1793
  }
1751
1794
  @media screen and (max-width: 480px) {
1752
1795
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1753
- .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1796
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1754
1797
  line-height: 43px;
1755
1798
  }
1756
1799
  }
@@ -1759,6 +1802,32 @@
1759
1802
  line-height: 32px;
1760
1803
  top: -0.5px;
1761
1804
  }
1805
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active {
1806
+ position: unset;
1807
+ }
1808
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1809
+ left: unset;
1810
+ right: unset;
1811
+ }
1812
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::before {
1813
+ background-color: unset;
1814
+ content: unset;
1815
+ height: unset;
1816
+ left: unset;
1817
+ position: unset;
1818
+ right: unset;
1819
+ top: unset;
1820
+ transition: unset;
1821
+ }
1822
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after {
1823
+ color: unset;
1824
+ content: unset;
1825
+ display: unset;
1826
+ font-weight: unset;
1827
+ height: unset;
1828
+ overflow: unset;
1829
+ visibility: unset;
1830
+ }
1762
1831
  .e-tab .e-tab-header.e-horizontal-bottom::before {
1763
1832
  bottom: auto;
1764
1833
  }
@@ -1793,6 +1862,12 @@
1793
1862
  height: 40px;
1794
1863
  padding: 0;
1795
1864
  }
1865
+ .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 {
1866
+ top: unset;
1867
+ }
1868
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-tab-wrap:focus .e-close-icon::before {
1869
+ top: 0;
1870
+ }
1796
1871
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-text-wrap {
1797
1872
  height: initial;
1798
1873
  }
@@ -1865,6 +1940,13 @@
1865
1940
  .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap::before {
1866
1941
  display: none;
1867
1942
  }
1943
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon {
1944
+ min-height: 40px;
1945
+ min-width: 33px;
1946
+ }
1947
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon .e-tab-icon {
1948
+ margin: 0;
1949
+ }
1868
1950
  .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 {
1869
1951
  right: -15px;
1870
1952
  }
@@ -1881,6 +1963,30 @@
1881
1963
  left: auto;
1882
1964
  right: 0;
1883
1965
  }
1966
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1967
+ bottom: unset;
1968
+ height: unset;
1969
+ }
1970
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::before {
1971
+ background-color: unset;
1972
+ bottom: unset;
1973
+ content: unset;
1974
+ height: unset;
1975
+ left: unset;
1976
+ position: unset;
1977
+ right: unset;
1978
+ transition: unset;
1979
+ width: unset;
1980
+ }
1981
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::after {
1982
+ color: unset;
1983
+ content: unset;
1984
+ display: unset;
1985
+ font-weight: unset;
1986
+ height: unset;
1987
+ overflow: unset;
1988
+ visibility: unset;
1989
+ }
1884
1990
  .e-tab .e-tab-header.e-vertical.e-vertical-right {
1885
1991
  float: right;
1886
1992
  }
@@ -1897,6 +2003,30 @@
1897
2003
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-pop .e-tab-text {
1898
2004
  width: auto;
1899
2005
  }
2006
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active:hover::before {
2007
+ bottom: unset;
2008
+ height: unset;
2009
+ }
2010
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::before {
2011
+ background-color: unset;
2012
+ bottom: unset;
2013
+ content: unset;
2014
+ height: unset;
2015
+ left: unset;
2016
+ position: unset;
2017
+ right: unset;
2018
+ transition: unset;
2019
+ width: unset;
2020
+ }
2021
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::after {
2022
+ color: unset;
2023
+ content: unset;
2024
+ display: unset;
2025
+ font-weight: unset;
2026
+ height: unset;
2027
+ overflow: unset;
2028
+ visibility: unset;
2029
+ }
1900
2030
  .e-tab .e-tab-header.e-vertical .e-scroll-nav {
1901
2031
  height: 16px;
1902
2032
  -ms-flex-pack: center;
@@ -1944,7 +2074,7 @@
1944
2074
  }
1945
2075
  @media screen and (max-width: 480px) {
1946
2076
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
1947
- .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
2077
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
1948
2078
  font-size: 15px;
1949
2079
  }
1950
2080
  }
@@ -2011,40 +2141,69 @@
2011
2141
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
2012
2142
  width: 100%;
2013
2143
  }
2014
- .e-tab.e-vertical-icon .e-tab-header {
2144
+ .e-tab.e-vertical-icon > .e-tab-header {
2015
2145
  height: 62px;
2016
2146
  min-height: 62px;
2017
2147
  }
2018
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2019
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2148
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2149
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2020
2150
  display: none;
2021
2151
  }
2022
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
2152
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
2023
2153
  height: 62px;
2024
2154
  }
2025
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
2155
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2156
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2157
+ position: unset;
2158
+ }
2159
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2160
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2161
+ border: unset;
2162
+ content: unset;
2163
+ display: none;
2164
+ position: unset;
2165
+ top: unset;
2166
+ width: unset;
2167
+ }
2168
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2169
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2170
+ content: unset;
2171
+ display: unset;
2172
+ position: unset;
2173
+ top: unset;
2174
+ width: unset;
2175
+ border: unset;
2176
+ }
2177
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
2026
2178
  height: 62px;
2027
2179
  }
2028
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
2180
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
2029
2181
  height: 62px;
2030
2182
  }
2031
2183
  @media screen and (max-width: 480px) {
2032
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2033
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2184
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2185
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2034
2186
  font-size: 12px;
2035
2187
  }
2036
2188
  }
2037
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2038
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2189
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator {
2190
+ width: 2px;
2191
+ }
2192
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2193
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2039
2194
  display: none;
2040
2195
  }
2041
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2042
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2196
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2197
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2043
2198
  position: relative;
2044
2199
  }
2045
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
2200
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
2046
2201
  height: 16px;
2047
2202
  }
2203
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2204
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2205
+ top: unset;
2206
+ }
2048
2207
  .e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active {
2049
2208
  margin: 0 0 0 2px;
2050
2209
  }
@@ -2231,9 +2390,6 @@
2231
2390
  min-height: 50px;
2232
2391
  }
2233
2392
  }
2234
- .e-tab.e-fill .e-tab-header::before {
2235
- display: none;
2236
- }
2237
2393
  .e-tab.e-fill .e-tab-header .e-indicator {
2238
2394
  display: none;
2239
2395
  }
@@ -2254,6 +2410,7 @@
2254
2410
  height: 40px;
2255
2411
  margin: 0 2px 0 0;
2256
2412
  min-height: 40px;
2413
+ padding: 0;
2257
2414
  }
2258
2415
  @media screen and (max-width: 480px) {
2259
2416
  .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
@@ -2354,6 +2511,9 @@
2354
2511
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2355
2512
  height: 40px;
2356
2513
  }
2514
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
2515
+ height: 40px;
2516
+ }
2357
2517
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
2358
2518
  height: 62px;
2359
2519
  }
@@ -2368,20 +2528,18 @@
2368
2528
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2369
2529
  margin: 0 0 0 2px;
2370
2530
  }
2371
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2531
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2372
2532
  height: 60px;
2373
2533
  min-height: 60px;
2374
2534
  }
2375
- .e-tab.e-background .e-tab-header::before {
2376
- display: none;
2377
- }
2378
2535
  .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
2379
2536
  .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
2380
2537
  margin: 0;
2381
2538
  padding: 0;
2382
2539
  }
2383
2540
  .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
2384
- margin: 0 2px 0 0;
2541
+ margin: 0;
2542
+ padding: 0;
2385
2543
  }
2386
2544
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
2387
2545
  padding: 0 15px;
@@ -2397,12 +2555,12 @@
2397
2555
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
2398
2556
  margin-bottom: 0;
2399
2557
  }
2400
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
2401
- height: 40px;
2402
- }
2403
2558
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text {
2404
2559
  font-weight: 400;
2405
2560
  }
2561
+ .e-tab.e-background .e-tab-header.e-vertical .e-indicator {
2562
+ display: none;
2563
+ }
2406
2564
  .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
2407
2565
  padding: 0 15px;
2408
2566
  }
@@ -2424,10 +2582,10 @@
2424
2582
  .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
2425
2583
  margin: 0;
2426
2584
  }
2427
- .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
2585
+ .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2428
2586
  margin: 0;
2429
2587
  }
2430
- .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2588
+ .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
2431
2589
  margin: 0;
2432
2590
  }
2433
2591
  .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
@@ -2448,12 +2606,6 @@
2448
2606
  .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) {
2449
2607
  margin: 0 0 0 2px;
2450
2608
  }
2451
- .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 {
2452
- margin: 0 0 0 2px;
2453
- }
2454
- .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 {
2455
- margin-bottom: 0;
2456
- }
2457
2609
  .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item {
2458
2610
  margin: 0;
2459
2611
  }
@@ -2554,6 +2706,9 @@
2554
2706
  font-size: 14px;
2555
2707
  font-weight: 400;
2556
2708
  text-transform: capitalize;
2709
+ -ms-flex-item-align: auto;
2710
+ -ms-grid-row-align: auto;
2711
+ align-self: auto;
2557
2712
  }
2558
2713
  @media screen and (max-width: 480px) {
2559
2714
  .e-tab-clone-element .e-tab-text {
@@ -2569,12 +2724,12 @@
2569
2724
  }
2570
2725
  @media screen and (max-width: 480px) {
2571
2726
  .e-tab-clone-element .e-close-icon,
2572
- .e-tab-clone-element .e-close-icon::before {
2727
+ .e-tab-clone-element .e-close-icon::before {
2573
2728
  font-size: 12px;
2574
2729
  }
2575
2730
  }
2576
2731
  .e-tab-clone-element .e-close-icon::before {
2577
- top: 0;
2732
+ top: 1px;
2578
2733
  }
2579
2734
  .e-tab-clone-element .e-icons.e-tab-icon {
2580
2735
  display: -ms-inline-flexbox;
@@ -2582,6 +2737,7 @@
2582
2737
  height: 20px;
2583
2738
  min-width: 20px;
2584
2739
  width: 20px;
2740
+ line-height: 1;
2585
2741
  }
2586
2742
  @media screen and (max-width: 480px) {
2587
2743
  .e-tab-clone-element .e-icons.e-tab-icon {
@@ -2595,7 +2751,7 @@
2595
2751
  }
2596
2752
  @media screen and (max-width: 480px) {
2597
2753
  .e-tab-clone-element .e-tab-icon,
2598
- .e-tab-clone-element .e-tab-icon::before {
2754
+ .e-tab-clone-element .e-tab-icon::before {
2599
2755
  font-size: 20px;
2600
2756
  }
2601
2757
  }
@@ -2609,6 +2765,14 @@
2609
2765
  padding: 0 20px;
2610
2766
  }
2611
2767
  }
2768
+ .e-tab-clone-element .e-icon-right {
2769
+ margin: 0 0 0 8px;
2770
+ }
2771
+ @media screen and (max-width: 480px) {
2772
+ .e-tab-clone-element .e-icon-right {
2773
+ margin: 0;
2774
+ }
2775
+ }
2612
2776
  .e-tab-clone-element .e-icon-left + .e-tab-text {
2613
2777
  margin: 0 0 0 8px;
2614
2778
  }
@@ -2731,6 +2895,9 @@
2731
2895
  }
2732
2896
  .e-bigger .e-tab-clone-element .e-tab-text {
2733
2897
  font-size: 15px;
2898
+ -ms-flex-item-align: auto;
2899
+ -ms-grid-row-align: auto;
2900
+ align-self: auto;
2734
2901
  }
2735
2902
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
2736
2903
  cursor: pointer;
@@ -2747,7 +2914,7 @@
2747
2914
  }
2748
2915
  @media screen and (max-width: 480px) {
2749
2916
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
2750
- .e-bigger .e-tab-clone-element .e-close-icon::before {
2917
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
2751
2918
  font-size: 12px;
2752
2919
  }
2753
2920
  }
@@ -2755,6 +2922,7 @@
2755
2922
  height: 24px;
2756
2923
  min-width: 24px;
2757
2924
  width: 24px;
2925
+ line-height: 1;
2758
2926
  }
2759
2927
  .e-bigger .e-tab-clone-element .e-tab-icon,
2760
2928
  .e-bigger .e-tab-clone-element .e-tab-icon::before {
@@ -2763,6 +2931,14 @@
2763
2931
  .e-bigger .e-tab-clone-element.e-icon .e-tab-wrap {
2764
2932
  padding: 0 20px;
2765
2933
  }
2934
+ .e-bigger .e-tab-clone-element .e-icon-right {
2935
+ margin: 0 0 0 12px;
2936
+ }
2937
+ @media screen and (max-width: 480px) {
2938
+ .e-bigger .e-tab-clone-element .e-icon-right {
2939
+ margin: 0;
2940
+ }
2941
+ }
2766
2942
  .e-bigger .e-tab-clone-element .e-icon-left + .e-tab-text {
2767
2943
  margin: 0 0 0 10px;
2768
2944
  }
@@ -2805,6 +2981,9 @@
2805
2981
  background: inherit;
2806
2982
  border: 0;
2807
2983
  border-radius: 0;
2984
+ box-shadow: none;
2985
+ font-weight: normal;
2986
+ border-bottom: 0;
2808
2987
  }
2809
2988
  .e-tab .e-tab-header::before {
2810
2989
  border-color: #ddd;
@@ -2813,11 +2992,9 @@
2813
2992
  .e-tab .e-tab-header:not(.e-vertical)::before {
2814
2993
  border-width: 0 0 1px;
2815
2994
  }
2816
- .e-tab .e-tab-header[style*="overflow: hidden"] {
2817
- border: 0;
2818
- }
2819
2995
  .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
2820
2996
  border-bottom: 1px solid #fff;
2997
+ margin-bottom: 0;
2821
2998
  }
2822
2999
  .e-tab .e-tab-header .e-toolbar-items {
2823
3000
  background: inherit;
@@ -2829,12 +3006,16 @@
2829
3006
  background: inherit;
2830
3007
  border: 1px solid transparent;
2831
3008
  }
3009
+ .e-tab .e-tab-header .e-toolbar-item:hover {
3010
+ background: inherit;
3011
+ }
2832
3012
  .e-tab .e-tab-header .e-toolbar-item .e-ripple-element {
2833
3013
  background: rgba(85, 85, 85, 0);
2834
3014
  }
2835
3015
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
2836
3016
  border-radius: 4px;
2837
3017
  color: #317ab9;
3018
+ border: 0;
2838
3019
  }
2839
3020
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
2840
3021
  color: #317ab9;
@@ -2852,6 +3033,8 @@
2852
3033
  }
2853
3034
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
2854
3035
  background: #eee;
3036
+ border: 0;
3037
+ border-radius: 4px;
2855
3038
  }
2856
3039
  @media screen and (max-width: 480px) {
2857
3040
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
@@ -2866,10 +3049,24 @@
2866
3049
  border: 1px solid #ddd;
2867
3050
  border-radius: 4px 4px 0 0;
2868
3051
  }
3052
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3053
+ border: 0;
3054
+ }
2869
3055
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
2870
3056
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
2871
3057
  color: #555;
2872
3058
  }
3059
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
3060
+ position: unset;
3061
+ }
3062
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3063
+ border: unset;
3064
+ content: unset;
3065
+ display: unset;
3066
+ position: unset;
3067
+ top: unset;
3068
+ width: unset;
3069
+ }
2873
3070
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
2874
3071
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
2875
3072
  color: #555;
@@ -2922,14 +3119,25 @@
2922
3119
  }
2923
3120
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
2924
3121
  background: #f5f5f5;
3122
+ border: 0;
3123
+ border-radius: 4px;
2925
3124
  }
2926
3125
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
2927
3126
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
2928
3127
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
2929
3128
  color: #1f496e;
2930
3129
  }
3130
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3131
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3132
+ color: #1f496e;
3133
+ }
2931
3134
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
2932
3135
  background: #f5f5f5;
3136
+ border-color: unset;
3137
+ }
3138
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text,
3139
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
3140
+ color: #333;
2933
3141
  }
2934
3142
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
2935
3143
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
@@ -2947,29 +3155,45 @@
2947
3155
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
2948
3156
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow {
2949
3157
  color: #777;
3158
+ border: 0;
2950
3159
  }
2951
3160
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:hover,
2952
3161
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover {
2953
3162
  background: initial;
2954
3163
  color: #333;
3164
+ border: 0;
2955
3165
  }
2956
3166
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
2957
3167
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
2958
3168
  box-shadow: none;
3169
+ border: 0;
3170
+ }
3171
+ .e-tab .e-tab-header .e-scroll-nav:focus,
3172
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
3173
+ background: inherit;
2959
3174
  }
2960
3175
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
2961
3176
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
2962
3177
  background: inherit;
2963
3178
  color: #333;
3179
+ border: 0;
2964
3180
  }
2965
3181
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover,
2966
3182
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover {
2967
3183
  background: initial;
2968
3184
  color: #333;
2969
3185
  }
3186
+ .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active,
3187
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
3188
+ background: inherit;
3189
+ border-color: unset;
3190
+ color: #333;
3191
+ }
2970
3192
  .e-tab .e-tab-header .e-scroll-nav:active,
2971
3193
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
2972
3194
  box-shadow: none;
3195
+ background: inherit;
3196
+ border: 0;
2973
3197
  }
2974
3198
  .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow,
2975
3199
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow {
@@ -2978,6 +3202,8 @@
2978
3202
  .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow:hover,
2979
3203
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow:hover {
2980
3204
  color: rgba(119, 119, 119, 0.65);
3205
+ background: initial;
3206
+ border-color: unset;
2981
3207
  }
2982
3208
  .e-tab .e-tab-header .e-hor-nav,
2983
3209
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) {
@@ -2989,6 +3215,7 @@
2989
3215
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
2990
3216
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon {
2991
3217
  color: #333;
3218
+ border: 0;
2992
3219
  }
2993
3220
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
2994
3221
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
@@ -3002,6 +3229,10 @@
3002
3229
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover {
3003
3230
  color: #333;
3004
3231
  }
3232
+ .e-tab .e-tab-header .e-hor-nav:focus,
3233
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus {
3234
+ background: transparent;
3235
+ }
3005
3236
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3006
3237
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
3007
3238
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
@@ -3024,6 +3255,7 @@
3024
3255
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
3025
3256
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active {
3026
3257
  background: #e6e6e6;
3258
+ color: #333;
3027
3259
  border: 1px solid #adadad;
3028
3260
  border-radius: 4px;
3029
3261
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -3031,6 +3263,7 @@
3031
3263
  .e-tab .e-tab-header .e-hor-nav:hover,
3032
3264
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
3033
3265
  border: 0;
3266
+ background: transparent;
3034
3267
  }
3035
3268
  .e-tab .e-tab-header .e-hor-nav:hover:active,
3036
3269
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover:active {
@@ -3039,25 +3272,50 @@
3039
3272
  .e-tab .e-tab-header .e-hor-nav:active,
3040
3273
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
3041
3274
  box-shadow: none;
3275
+ background: transparent;
3042
3276
  }
3043
3277
  .e-tab .e-tab-header .e-hor-nav.e-nav-active,
3044
3278
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
3045
3279
  background: inherit;
3046
3280
  border: 0;
3047
3281
  box-shadow: none;
3282
+ border-radius: 0 4px 0 0;
3048
3283
  }
3049
- .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] {
3284
+ .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
3285
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-icons {
3286
+ color: #333;
3287
+ }
3288
+ .e-tab .e-tab-header .e-hor-nav.e-nav-active:focus,
3289
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active:focus {
3050
3290
  border: 0;
3051
3291
  }
3292
+ .e-tab .e-tab-header.e-horizontal-bottom {
3293
+ border-color: unset;
3294
+ border-style: solid;
3295
+ border-width: 0;
3296
+ }
3297
+ .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] {
3298
+ border-color: unset;
3299
+ border-style: solid;
3300
+ border-width: 0;
3301
+ }
3052
3302
  .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] .e-toolbar-items {
3053
- border-bottom: 0;
3054
- border-top: 1px solid #ddd;
3303
+ border-color: #ddd;
3304
+ border-style: solid;
3305
+ border-width: 1px 0 0;
3306
+ }
3307
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item .e-tab-wrap:hover {
3308
+ border-radius: 0 0 4px 4px;
3055
3309
  }
3056
3310
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3057
- border-bottom: 1px solid #ddd;
3311
+ border-color: #fff #ddd #ddd;
3312
+ border-style: solid;
3313
+ border-width: 1px;
3314
+ margin-top: 0;
3058
3315
  border-radius: 0 0 4px 4px;
3059
- border-top: 1px solid #fff;
3060
- border-top-color: #fff;
3316
+ }
3317
+ .e-tab .e-tab-header.e-vertical {
3318
+ border-bottom: 0;
3061
3319
  }
3062
3320
  .e-tab .e-tab-header.e-vertical::before {
3063
3321
  border-width: 0 1px 0 0;
@@ -3066,10 +3324,16 @@
3066
3324
  border-bottom: 1px solid #ddd;
3067
3325
  border-top: 1px solid #ddd;
3068
3326
  }
3327
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item .e-tab-wrap:hover {
3328
+ border-radius: 4px 0 0 4px;
3329
+ }
3069
3330
  .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
3070
3331
  border-radius: 4px 0 0 4px;
3071
3332
  border-right: 1px solid #fff;
3072
3333
  }
3334
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item .e-tab-wrap:hover {
3335
+ border-radius: 0 4px 4px 0;
3336
+ }
3073
3337
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
3074
3338
  border-left: 1px solid #fff;
3075
3339
  border-radius: 0 4px 4px 0;
@@ -3095,6 +3359,10 @@
3095
3359
  }
3096
3360
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover {
3097
3361
  background: #eee;
3362
+ border-color: #ddd transparent transparent;
3363
+ }
3364
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover:active:focus {
3365
+ background: #eee;
3098
3366
  }
3099
3367
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
3100
3368
  color: #333;
@@ -3105,6 +3373,9 @@
3105
3373
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus {
3106
3374
  background: #eee;
3107
3375
  }
3376
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus:hover:active .e-nav-arrow {
3377
+ color: none;
3378
+ }
3108
3379
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
3109
3380
  background: none;
3110
3381
  }
@@ -3120,6 +3391,7 @@
3120
3391
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
3121
3392
  background: inherit;
3122
3393
  border: 0;
3394
+ color: #333;
3123
3395
  }
3124
3396
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
3125
3397
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -3134,23 +3406,36 @@
3134
3406
  border: 0;
3135
3407
  box-shadow: none;
3136
3408
  }
3409
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active,
3410
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active {
3411
+ color: #333;
3412
+ }
3137
3413
  .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-up-icon,
3138
3414
  .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-down-icon {
3139
3415
  border: 0;
3140
3416
  }
3141
3417
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
3142
3418
  background: #eee;
3419
+ border: 0;
3143
3420
  }
3144
3421
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
3145
3422
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
3146
3423
  color: #1f496e;
3147
3424
  }
3425
+ .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon {
3426
+ color: #1f496e;
3427
+ }
3148
3428
  .e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
3149
3429
  color: #333;
3150
3430
  }
3151
3431
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3152
3432
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
3153
3433
  color: #333;
3434
+ background: inherit;
3435
+ border: 1px solid #8c8c8c;
3436
+ }
3437
+ .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus {
3438
+ border-color: #ddd transparent transparent;
3154
3439
  }
3155
3440
  .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
3156
3441
  border: 0;
@@ -3196,6 +3481,9 @@
3196
3481
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3197
3482
  color: #1f496e;
3198
3483
  }
3484
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3485
+ color: #1f496e;
3486
+ }
3199
3487
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
3200
3488
  margin-top: 0;
3201
3489
  }
@@ -3205,6 +3493,7 @@
3205
3493
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3206
3494
  background: #317ab9;
3207
3495
  border-radius: 4px;
3496
+ border-color: unset;
3208
3497
  }
3209
3498
  .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 {
3210
3499
  color: #fff;
@@ -3212,6 +3501,9 @@
3212
3501
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
3213
3502
  margin-top: 0;
3214
3503
  }
3504
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3505
+ border: unset;
3506
+ }
3215
3507
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text,
3216
3508
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
3217
3509
  color: #fff;
@@ -3222,6 +3514,22 @@
3222
3514
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
3223
3515
  color: #fff;
3224
3516
  }
3517
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item:active:hover .e-tab-text,
3518
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item:active:hover .e-tab-icon {
3519
+ color: #333;
3520
+ }
3521
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover {
3522
+ background: #f5f5f5;
3523
+ }
3524
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-text {
3525
+ color: #1f496e;
3526
+ }
3527
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-icon {
3528
+ color: #1f496e;
3529
+ }
3530
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-close-icon {
3531
+ color: #1f496e;
3532
+ }
3225
3533
  .e-tab.e-fill .e-tab-header.e-horizontal-bottom {
3226
3534
  border-bottom: 0;
3227
3535
  border-top: 0;
@@ -3274,8 +3582,11 @@
3274
3582
  }
3275
3583
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3276
3584
  background: #eee;
3585
+ border-color: unset;
3586
+ }
3587
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
3588
+ color: #1f496e;
3277
3589
  }
3278
- .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3279
3590
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
3280
3591
  color: #1f496e;
3281
3592
  }
@@ -3295,6 +3606,7 @@
3295
3606
  }
3296
3607
  .e-tab.e-background .e-tab-header .e-indicator {
3297
3608
  background: #555;
3609
+ bottom: 0;
3298
3610
  }
3299
3611
  .e-tab.e-background .e-tab-header .e-toolbar-item {
3300
3612
  border: 0;
@@ -3304,41 +3616,82 @@
3304
3616
  }
3305
3617
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
3306
3618
  background: inherit;
3619
+ border-color: unset;
3307
3620
  }
3308
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text,
3309
3621
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
3310
3622
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
3311
3623
  color: #317ab9;
3312
3624
  }
3625
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
3626
+ color: #317ab9;
3627
+ }
3313
3628
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover {
3314
3629
  color: #777;
3315
3630
  }
3316
3631
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
3317
3632
  background: #eee;
3633
+ background-color: #eee;
3634
+ border-color: unset;
3635
+ }
3636
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
3637
+ color: #1f496e;
3318
3638
  }
3319
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3320
3639
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3321
3640
  color: #fff;
3322
3641
  }
3323
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3324
3642
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3325
3643
  color: #1f496e;
3326
3644
  }
3645
+ .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 {
3646
+ color: #1f496e;
3647
+ }
3327
3648
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
3328
3649
  border: 0;
3329
3650
  margin: 0;
3651
+ background: inherit;
3330
3652
  }
3331
3653
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3332
3654
  background: #317ab9;
3655
+ border-color: unset;
3333
3656
  border-radius: 4px;
3657
+ border-style: solid;
3658
+ border-width: 0;
3659
+ }
3660
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
3661
+ color: #fff;
3662
+ }
3663
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
3664
+ color: #fff;
3665
+ }
3666
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-close-icon {
3667
+ color: #f5f5f5;
3668
+ }
3669
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
3670
+ background: #317ab9;
3671
+ border-color: unset;
3672
+ }
3673
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
3674
+ color: #fff;
3334
3675
  }
3335
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
3336
3676
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3337
3677
  color: #fff;
3338
3678
  }
3339
3679
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
3340
3680
  color: #fff;
3341
3681
  }
3682
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:hover {
3683
+ color: #fff;
3684
+ }
3685
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:active {
3686
+ color: #fff;
3687
+ }
3688
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus {
3689
+ background: #317ab9;
3690
+ }
3691
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus .e-tab-icon,
3692
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus .e-tab-text {
3693
+ color: #fff;
3694
+ }
3342
3695
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3343
3696
  background: #317ab9;
3344
3697
  }
@@ -3346,10 +3699,15 @@
3346
3699
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3347
3700
  color: #fff;
3348
3701
  }
3349
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text,
3702
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
3703
+ color: #fff;
3704
+ }
3350
3705
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
3351
3706
  color: #fff;
3352
3707
  }
3708
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3709
+ border: unset;
3710
+ }
3353
3711
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text,
3354
3712
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
3355
3713
  color: #fff;
@@ -3357,7 +3715,8 @@
3357
3715
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon {
3358
3716
  color: #f5f5f5;
3359
3717
  }
3360
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
3718
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover,
3719
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text:hover {
3361
3720
  color: #fff;
3362
3721
  }
3363
3722
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap, .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap {
@@ -3372,7 +3731,8 @@
3372
3731
  background: inherit;
3373
3732
  }
3374
3733
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
3375
- .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon {
3734
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon,
3735
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-close-icon {
3376
3736
  color: #317ab9;
3377
3737
  }
3378
3738
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
@@ -3381,50 +3741,105 @@
3381
3741
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3382
3742
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3383
3743
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3384
- color: #fff;
3385
3744
  color: #317ab9;
3386
3745
  }
3746
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text {
3747
+ color: #317ab9;
3748
+ }
3749
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
3750
+ color: #317ab9;
3751
+ }
3752
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-close-icon {
3753
+ color: #317ab9;
3754
+ }
3755
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav,
3756
+ .e-tab.e-background .e-tab-header .e-scroll-nav {
3757
+ background: inherit;
3758
+ }
3387
3759
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
3388
3760
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
3389
3761
  color: #777;
3762
+ border: 0;
3390
3763
  }
3391
3764
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
3392
3765
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
3393
3766
  background: inherit;
3394
3767
  color: #333;
3768
+ border-color: unset;
3769
+ }
3770
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active,
3771
+ .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:active {
3772
+ background: unset;
3773
+ color: #777;
3395
3774
  }
3396
3775
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
3397
3776
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
3398
3777
  color: #333;
3778
+ border: 0;
3779
+ background: inherit;
3399
3780
  }
3400
3781
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
3401
3782
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
3402
3783
  background: inherit;
3403
3784
  color: #333;
3404
3785
  }
3786
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active,
3787
+ .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active {
3788
+ background: inherit;
3789
+ border-color: unset;
3790
+ color: #333;
3791
+ }
3405
3792
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
3406
3793
  .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
3407
3794
  animation: none;
3408
3795
  }
3796
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
3797
+ .e-tab.e-background .e-tab-header .e-hor-nav {
3798
+ background: transparent;
3799
+ }
3409
3800
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
3410
3801
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon,
3411
3802
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
3412
3803
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon {
3413
3804
  color: #777;
3805
+ border: 0;
3414
3806
  }
3415
3807
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover,
3416
3808
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover,
3417
3809
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
3418
3810
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
3419
- background: inherit;
3811
+ background: #e6e6e6;
3812
+ border-color: #adadad;
3420
3813
  color: #333;
3814
+ }
3815
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:active:hover,
3816
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:active:hover,
3817
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:active:hover,
3818
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:active:hover {
3421
3819
  background: #e6e6e6;
3820
+ color: #333;
3422
3821
  }
3423
3822
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
3424
3823
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon,
3425
3824
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3426
3825
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
3427
3826
  color: #333;
3827
+ background: inherit;
3828
+ border: 1px solid #8c8c8c;
3829
+ }
3830
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:hover,
3831
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:hover,
3832
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
3833
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
3834
+ background: #e6e6e6;
3835
+ }
3836
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
3837
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active,
3838
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:active,
3839
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:active {
3840
+ background: #e6e6e6;
3841
+ border-color: #adadad;
3842
+ color: #333;
3428
3843
  }
3429
3844
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
3430
3845
  .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
@@ -3434,6 +3849,40 @@
3434
3849
  .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
3435
3850
  color: #333;
3436
3851
  }
3852
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3853
+ border: 0;
3854
+ margin: 0;
3855
+ }
3856
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap {
3857
+ border-color: unset;
3858
+ border-radius: 4px;
3859
+ border-style: solid;
3860
+ border-width: 0;
3861
+ }
3862
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
3863
+ border-color: #fff;
3864
+ border-style: solid;
3865
+ border-width: 0 1px 0 0;
3866
+ margin: 0;
3867
+ }
3868
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active .e-tab-wrap {
3869
+ border-color: unset;
3870
+ border-radius: 4px;
3871
+ border-style: solid;
3872
+ border-width: 0;
3873
+ }
3874
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
3875
+ border-color: #fff;
3876
+ border-style: solid;
3877
+ border-width: 0 0 0 1px;
3878
+ margin: 0;
3879
+ }
3880
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active .e-tab-wrap {
3881
+ border-color: unset;
3882
+ border-radius: 4px;
3883
+ border-style: solid;
3884
+ border-width: 0;
3885
+ }
3437
3886
  .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
3438
3887
  border: 0;
3439
3888
  }
@@ -3497,6 +3946,7 @@
3497
3946
  }
3498
3947
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
3499
3948
  background: #eee;
3949
+ border-color: unset;
3500
3950
  }
3501
3951
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
3502
3952
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
@@ -3505,18 +3955,38 @@
3505
3955
  }
3506
3956
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3507
3957
  background: #eee;
3958
+ border-color: unset;
3508
3959
  }
3509
3960
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3510
3961
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3511
3962
  color: #fff;
3512
3963
  }
3513
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3514
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon,
3515
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
3964
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
3965
+ background: #317ab9;
3966
+ border: 0;
3967
+ border-radius: 4px;
3968
+ }
3969
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
3970
+ color: #1f496e;
3971
+ }
3972
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3973
+ color: #fff;
3974
+ }
3975
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
3976
+ color: #1f496e;
3977
+ }
3978
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
3979
+ color: #1f496e;
3980
+ }
3981
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3982
+ color: #fff;
3983
+ }
3516
3984
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
3517
3985
  color: #1f496e;
3518
3986
  }
3519
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text,
3987
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
3988
+ color: #1f496e;
3989
+ }
3520
3990
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
3521
3991
  color: #1f496e;
3522
3992
  }
@@ -3542,6 +4012,8 @@
3542
4012
  .e-tab .e-content .e-item {
3543
4013
  background: inherit;
3544
4014
  color: #000;
4015
+ font-size: 12px;
4016
+ line-height: 18px;
3545
4017
  }
3546
4018
 
3547
4019
  .e-tab-clone-element {
@@ -3551,6 +4023,7 @@
3551
4023
  .e-tab-clone-element .e-tab-wrap {
3552
4024
  border-radius: 4px;
3553
4025
  color: #317ab9;
4026
+ border: 0;
3554
4027
  }
3555
4028
  .e-tab-clone-element .e-tab-wrap .e-tab-icon {
3556
4029
  color: #317ab9;