@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
@@ -2,18 +2,6 @@
2
2
  /*! Bootstrap specific themes definition's */
3
3
  /*! Vertical Tab */
4
4
  /*! tab icons */
5
- .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-left-arrow::before {
6
- content: "\e748";
7
- }
8
- .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-right-arrow::before {
9
- content: "\e765";
10
- }
11
- .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before {
12
- content: "\e765";
13
- }
14
- .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
15
- content: "\e748";
16
- }
17
5
  .e-tab .e-tab-header .e-close-icon::before {
18
6
  content: "\e7e7";
19
7
  position: relative;
@@ -42,12 +30,6 @@
42
30
  content: "\e729";
43
31
  }
44
32
  }
45
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before {
46
- content: "\e776";
47
- }
48
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before {
49
- content: "\e729";
50
- }
51
33
  .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before {
52
34
  content: "More";
53
35
  }
@@ -88,8 +70,6 @@
88
70
  .e-tab.e-bigger .e-tab-header .e-toolbar-items {
89
71
  height: auto;
90
72
  min-height: auto;
91
- height: 48px;
92
- min-height: 48px;
93
73
  }
94
74
  .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,
95
75
  .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -98,8 +78,8 @@
98
78
  }
99
79
  @media screen and (max-width: 480px) {
100
80
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
101
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
102
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
81
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
82
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
103
83
  margin: 0;
104
84
  }
105
85
  }
@@ -109,17 +89,21 @@
109
89
  }
110
90
  @media screen and (max-width: 480px) {
111
91
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
112
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
92
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
113
93
  margin: 0 2px 0 0;
114
94
  }
115
95
  }
96
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
97
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
98
+ margin: 0;
99
+ }
116
100
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
117
101
  .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
118
102
  margin: 0 2px 0 0;
119
103
  }
120
104
  @media screen and (max-width: 480px) {
121
105
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
122
- .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
106
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
123
107
  margin: 0 2px 0 0;
124
108
  }
125
109
  }
@@ -129,7 +113,6 @@
129
113
  }
130
114
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav,
131
115
  .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
132
- width: 50px;
133
116
  width: 38px;
134
117
  }
135
118
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
@@ -142,7 +125,7 @@
142
125
  }
143
126
  @media screen and (max-width: 480px) {
144
127
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
145
- .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
128
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
146
129
  margin: 0 8px 0 0;
147
130
  }
148
131
  }
@@ -159,7 +142,7 @@
159
142
  }
160
143
  @media screen and (max-width: 480px) {
161
144
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
162
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
145
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
163
146
  padding: 0 15px;
164
147
  }
165
148
  }
@@ -170,6 +153,12 @@
170
153
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-text,
171
154
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-text {
172
155
  font-size: 16px;
156
+ margin-bottom: 0;
157
+ }
158
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before,
159
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before {
160
+ position: relative;
161
+ top: 2px;
173
162
  }
174
163
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
175
164
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
@@ -178,10 +167,15 @@
178
167
  }
179
168
  @media screen and (max-width: 480px) {
180
169
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
181
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
170
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
182
171
  margin: 0 2px 0 0;
183
172
  }
184
173
  }
174
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before,
175
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before {
176
+ position: relative;
177
+ top: 2px;
178
+ }
185
179
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
186
180
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
187
181
  height: 48px;
@@ -192,10 +186,6 @@
192
186
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
193
187
  height: 48px;
194
188
  }
195
- .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
196
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap {
197
- padding: 0;
198
- }
199
189
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
200
190
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
201
191
  cursor: pointer;
@@ -203,7 +193,7 @@
203
193
  }
204
194
  @media screen and (max-width: 480px) {
205
195
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
206
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
196
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
207
197
  margin: 0 0 0 8px;
208
198
  }
209
199
  }
@@ -215,9 +205,9 @@
215
205
  }
216
206
  @media screen and (max-width: 480px) {
217
207
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
218
- .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
219
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
220
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
208
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
209
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
210
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
221
211
  font-size: 12px;
222
212
  }
223
213
  }
@@ -226,6 +216,7 @@
226
216
  height: 16px;
227
217
  min-width: 16px;
228
218
  width: 16px;
219
+ line-height: 1;
229
220
  }
230
221
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
231
222
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before,
@@ -243,7 +234,7 @@
243
234
  }
244
235
  @media screen and (max-width: 480px) {
245
236
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
246
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
237
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
247
238
  margin: 0 0 0 10px;
248
239
  }
249
240
  }
@@ -253,7 +244,7 @@
253
244
  }
254
245
  @media screen and (max-width: 480px) {
255
246
  .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 {
247
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
257
248
  margin: 0 0 0 10px;
258
249
  }
259
250
  }
@@ -313,7 +304,7 @@
313
304
  }
314
305
  @media screen and (max-width: 480px) {
315
306
  .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 {
307
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
317
308
  padding: 0 24px;
318
309
  }
319
310
  }
@@ -327,7 +318,7 @@
327
318
  }
328
319
  @media screen and (max-width: 480px) {
329
320
  .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"] {
321
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
331
322
  padding-right: 0;
332
323
  }
333
324
  }
@@ -351,8 +342,8 @@
351
342
  }
352
343
  @media screen and (max-width: 480px) {
353
344
  .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) {
345
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
346
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
356
347
  min-height: 50px;
357
348
  }
358
349
  }
@@ -365,10 +356,10 @@
365
356
  }
366
357
  @media screen and (max-width: 480px) {
367
358
  .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 {
359
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
360
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
361
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
362
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
372
363
  height: 50px;
373
364
  }
374
365
  }
@@ -381,8 +372,8 @@
381
372
  }
382
373
  @media screen and (max-width: 480px) {
383
374
  .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 {
375
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
376
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
386
377
  margin: 0;
387
378
  padding-left: 0;
388
379
  padding-right: 0;
@@ -396,7 +387,7 @@
396
387
  }
397
388
  @media screen and (max-width: 480px) {
398
389
  .e-bigger .e-tab .e-tab-header .e-scroll-nav,
399
- .e-tab.e-bigger .e-tab-header .e-scroll-nav {
390
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
400
391
  padding: 0;
401
392
  }
402
393
  }
@@ -417,7 +408,7 @@
417
408
  }
418
409
  @media screen and (max-width: 480px) {
419
410
  .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 {
411
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
421
412
  font-size: 12px;
422
413
  height: 38px;
423
414
  line-height: 38px;
@@ -441,7 +432,7 @@
441
432
  }
442
433
  @media screen and (max-width: 480px) {
443
434
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
444
- .e-tab.e-bigger .e-tab-header .e-hor-nav {
435
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
445
436
  padding: 0;
446
437
  }
447
438
  }
@@ -456,9 +447,9 @@
456
447
  }
457
448
  @media screen and (max-width: 480px) {
458
449
  .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 {
450
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
451
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
452
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
462
453
  font-size: 12px;
463
454
  height: 38px;
464
455
  line-height: 38px;
@@ -476,22 +467,43 @@
476
467
  }
477
468
  @media screen and (max-width: 480px) {
478
469
  .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 {
470
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
471
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
472
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
482
473
  font-size: 16px;
483
474
  }
484
475
  }
476
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
477
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
478
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
479
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
480
+ line-height: 38px;
481
+ }
485
482
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
486
483
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before,
487
484
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
488
485
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
486
+ line-height: 38px;
489
487
  top: 0;
490
488
  }
489
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
490
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
491
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
492
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
493
+ line-height: 38px;
494
+ }
491
495
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
492
496
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before,
493
497
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
494
498
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
499
+ line-height: 38px;
500
+ top: 0;
501
+ }
502
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
503
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
504
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
505
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
506
+ line-height: 38px;
495
507
  top: 0;
496
508
  }
497
509
  .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
@@ -525,7 +537,7 @@
525
537
  }
526
538
  @media screen and (max-width: 480px) {
527
539
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
528
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
540
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
529
541
  margin: 0 2px 0 0;
530
542
  }
531
543
  }
@@ -533,6 +545,15 @@
533
545
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-text {
534
546
  padding-top: 1px;
535
547
  }
548
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before,
549
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before {
550
+ top: 0;
551
+ }
552
+ .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,
553
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-close-icon::before,
554
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-close-icon::before {
555
+ top: 0;
556
+ }
536
557
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
537
558
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
538
559
  margin: 0;
@@ -540,10 +561,18 @@
540
561
  }
541
562
  @media screen and (max-width: 480px) {
542
563
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
543
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
564
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
544
565
  margin: 0 2px 0 0;
545
566
  }
546
567
  }
568
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text,
569
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text {
570
+ padding-top: 1px;
571
+ }
572
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before,
573
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before {
574
+ top: 0;
575
+ }
547
576
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom,
548
577
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop,
549
578
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom {
@@ -559,16 +588,15 @@
559
588
  height: 48px;
560
589
  padding: 0;
561
590
  }
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: 48px;
566
- }
567
591
  .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,
568
592
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap,
569
593
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap {
570
594
  height: initial;
571
595
  }
596
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active,
597
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active {
598
+ height: 48px;
599
+ }
572
600
  .e-bigger .e-tab .e-tab-header.e-vertical,
573
601
  .e-tab.e-bigger .e-tab-header.e-vertical {
574
602
  max-width: 150px;
@@ -580,7 +608,7 @@
580
608
  }
581
609
  @media screen and (max-width: 480px) {
582
610
  .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
583
- .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
611
+ .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
584
612
  bottom: 0;
585
613
  top: 0;
586
614
  }
@@ -606,6 +634,11 @@
606
634
  .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon {
607
635
  right: -20px;
608
636
  }
637
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon,
638
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon {
639
+ min-height: 38px;
640
+ min-width: auto;
641
+ }
609
642
  .e-bigger .e-tab .e-tab-header.e-vertical .e-scroll-nav,
610
643
  .e-tab.e-bigger .e-tab-header.e-vertical .e-scroll-nav {
611
644
  height: 24px;
@@ -640,28 +673,28 @@
640
673
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
641
674
  height: auto;
642
675
  }
643
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
644
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
676
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
677
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
645
678
  height: 72px;
646
679
  min-height: 72px;
647
680
  }
648
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
649
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
681
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
682
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
650
683
  height: 72px;
651
684
  }
652
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
653
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
685
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
686
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
654
687
  height: 72px;
655
688
  }
656
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
657
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
689
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
690
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
658
691
  height: 72px;
659
692
  }
660
693
  @media screen and (max-width: 480px) {
661
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
662
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
663
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
664
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
694
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
695
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
696
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
697
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
665
698
  font-size: 12px;
666
699
  }
667
700
  }
@@ -714,6 +747,10 @@
714
747
  height: 48px;
715
748
  padding: 0;
716
749
  }
750
+ .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft,
751
+ .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft {
752
+ height: 48px;
753
+ }
717
754
  .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
718
755
  .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
719
756
  .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
@@ -778,6 +815,14 @@
778
815
  .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
779
816
  top: 0;
780
817
  }
818
+ .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),
819
+ .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) {
820
+ margin: 0;
821
+ }
822
+ .e-bigger .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator).e-active,
823
+ .e-tab.e-bigger.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator).e-active {
824
+ margin: 0;
825
+ }
781
826
  .e-bigger .e-tab.e-fill .e-tab-header,
782
827
  .e-tab.e-bigger.e-fill .e-tab-header {
783
828
  height: 48px;
@@ -785,7 +830,7 @@
785
830
  }
786
831
  @media screen and (max-width: 480px) {
787
832
  .e-bigger .e-tab.e-fill .e-tab-header,
788
- .e-tab.e-bigger.e-fill .e-tab-header {
833
+ .e-tab.e-bigger.e-fill .e-tab-header {
789
834
  height: 42px;
790
835
  min-height: 42px;
791
836
  }
@@ -797,7 +842,7 @@
797
842
  }
798
843
  @media screen and (max-width: 480px) {
799
844
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
800
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
845
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
801
846
  min-height: 42px;
802
847
  }
803
848
  }
@@ -813,10 +858,11 @@
813
858
  height: 48px;
814
859
  margin: 0;
815
860
  min-height: 48px;
861
+ padding: 0;
816
862
  }
817
863
  @media screen and (max-width: 480px) {
818
864
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
819
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
865
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
820
866
  height: 42px;
821
867
  min-height: 42px;
822
868
  }
@@ -834,7 +880,7 @@
834
880
  }
835
881
  @media screen and (max-width: 480px) {
836
882
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
837
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
883
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
838
884
  height: 42px;
839
885
  padding: 0 20px;
840
886
  }
@@ -845,7 +891,7 @@
845
891
  }
846
892
  @media screen and (max-width: 480px) {
847
893
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
848
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
894
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
849
895
  height: 42px;
850
896
  }
851
897
  }
@@ -863,7 +909,7 @@
863
909
  }
864
910
  @media screen and (max-width: 480px) {
865
911
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
866
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
912
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
867
913
  height: 42px;
868
914
  }
869
915
  }
@@ -874,8 +920,8 @@
874
920
  }
875
921
  @media screen and (max-width: 480px) {
876
922
  .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,
877
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
878
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
923
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
924
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
879
925
  height: 42px;
880
926
  }
881
927
  }
@@ -918,6 +964,10 @@
918
964
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
919
965
  height: 42px;
920
966
  }
967
+ .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap,
968
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
969
+ height: 42px;
970
+ }
921
971
  .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,
922
972
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus,
923
973
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
@@ -930,8 +980,8 @@
930
980
  }
931
981
  @media screen and (max-width: 480px) {
932
982
  .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,
933
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
934
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
983
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
984
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
935
985
  height: auto;
936
986
  }
937
987
  }
@@ -939,8 +989,8 @@
939
989
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
940
990
  margin: 0;
941
991
  }
942
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
943
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
992
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
993
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
944
994
  height: 70px;
945
995
  min-height: 70px;
946
996
  }
@@ -953,7 +1003,7 @@
953
1003
  }
954
1004
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator),
955
1005
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
956
- margin: 0;
1006
+ padding: 0;
957
1007
  }
958
1008
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
959
1009
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
@@ -961,7 +1011,7 @@
961
1011
  }
962
1012
  @media screen and (max-width: 480px) {
963
1013
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
964
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1014
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
965
1015
  padding: 0 20px;
966
1016
  }
967
1017
  }
@@ -973,10 +1023,6 @@
973
1023
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
974
1024
  margin-bottom: 0;
975
1025
  }
976
- .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
977
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
978
- height: 48px;
979
- }
980
1026
  .e-bigger .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap,
981
1027
  .e-tab.e-bigger.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
982
1028
  padding: 0 16px;
@@ -999,19 +1045,13 @@
999
1045
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
1000
1046
  margin: 0 10px 0 0;
1001
1047
  }
1002
- @media screen and (max-width: 480px) {
1003
- .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right,
1004
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
1005
- margin: 0 10px 0 0;
1006
- }
1007
- }
1008
1048
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1009
1049
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1010
1050
  margin: 0 10px 0 0;
1011
1051
  }
1012
1052
  @media screen and (max-width: 480px) {
1013
1053
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1014
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1054
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1015
1055
  margin: 0 10px 0 0;
1016
1056
  }
1017
1057
  }
@@ -1021,7 +1061,7 @@
1021
1061
  }
1022
1062
  @media screen and (max-width: 480px) {
1023
1063
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
1024
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1064
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1025
1065
  margin: 0 8px 0 0;
1026
1066
  }
1027
1067
  }
@@ -1049,7 +1089,7 @@
1049
1089
  }
1050
1090
  @media screen and (max-width: 480px) {
1051
1091
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
1052
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1092
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1053
1093
  padding-left: 0;
1054
1094
  }
1055
1095
  }
@@ -1072,8 +1112,8 @@
1072
1112
  }
1073
1113
  @media screen and (max-width: 480px) {
1074
1114
  .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,
1075
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1076
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1115
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1116
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1077
1117
  margin: 0;
1078
1118
  padding-left: 0;
1079
1119
  padding-right: 0;
@@ -1132,6 +1172,7 @@
1132
1172
  .e-tab .e-tab-header::before {
1133
1173
  content: "";
1134
1174
  position: absolute;
1175
+ display: unset;
1135
1176
  }
1136
1177
  .e-tab .e-tab-header:not(.e-vertical)::before {
1137
1178
  bottom: 0;
@@ -1143,8 +1184,6 @@
1143
1184
  margin: 0;
1144
1185
  min-height: 44px;
1145
1186
  position: relative;
1146
- height: 44px;
1147
- min-height: 44px;
1148
1187
  }
1149
1188
  @media screen and (max-width: 480px) {
1150
1189
  .e-tab .e-tab-header .e-toolbar-items {
@@ -1195,9 +1234,12 @@
1195
1234
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device .e-scroll-right-nav {
1196
1235
  display: none;
1197
1236
  }
1237
+ .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-hscroll-bar {
1238
+ padding: 0;
1239
+ }
1198
1240
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
1199
- width: 40px;
1200
1241
  width: 32px;
1242
+ border-radius: 0;
1201
1243
  }
1202
1244
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
1203
1245
  margin: 0 2px 0 0;
@@ -1225,6 +1267,7 @@
1225
1267
  height: 2px;
1226
1268
  left: 0;
1227
1269
  right: 0;
1270
+ border-radius: 0;
1228
1271
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
1229
1272
  }
1230
1273
  .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -1274,6 +1317,10 @@
1274
1317
  font-size: 14px;
1275
1318
  font-weight: 400;
1276
1319
  text-transform: capitalize;
1320
+ -ms-flex-item-align: auto;
1321
+ -ms-grid-row-align: auto;
1322
+ align-self: auto;
1323
+ margin-bottom: 0;
1277
1324
  }
1278
1325
  @media screen and (max-width: 480px) {
1279
1326
  .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
@@ -1302,7 +1349,15 @@
1302
1349
  margin-bottom: 0;
1303
1350
  }
1304
1351
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
1305
- font-weight: 600;
1352
+ font-weight: 400;
1353
+ }
1354
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon::before {
1355
+ top: 2px;
1356
+ left: 0;
1357
+ }
1358
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-top.e-tab-icon::before,
1359
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-bottom.e-tab-icon::before {
1360
+ left: 0;
1306
1361
  }
1307
1362
  .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 {
1308
1363
  height: 44px;
@@ -1329,12 +1384,12 @@
1329
1384
  }
1330
1385
  @media screen and (max-width: 480px) {
1331
1386
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
1332
- .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1387
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1333
1388
  font-size: 12px;
1334
1389
  }
1335
1390
  }
1336
1391
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1337
- top: 0;
1392
+ top: 1px;
1338
1393
  }
1339
1394
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
1340
1395
  display: -ms-inline-flexbox;
@@ -1342,6 +1397,7 @@
1342
1397
  height: 16px;
1343
1398
  min-width: 16px;
1344
1399
  width: 16px;
1400
+ line-height: 1;
1345
1401
  }
1346
1402
  @media screen and (max-width: 480px) {
1347
1403
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -1355,10 +1411,19 @@
1355
1411
  }
1356
1412
  @media screen and (max-width: 480px) {
1357
1413
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
1358
- .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1414
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1359
1415
  font-size: 20px;
1360
1416
  }
1361
1417
  }
1418
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1419
+ position: relative;
1420
+ top: 2px;
1421
+ left: 0;
1422
+ }
1423
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-top.e-tab-icon::before,
1424
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-bottom.e-tab-icon::before {
1425
+ left: 0;
1426
+ }
1362
1427
  .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
1363
1428
  -ms-flex-pack: center;
1364
1429
  justify-content: center;
@@ -1474,6 +1539,7 @@
1474
1539
  }
1475
1540
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1476
1541
  margin: 0;
1542
+ padding: 0;
1477
1543
  }
1478
1544
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
1479
1545
  height: 26px;
@@ -1658,7 +1724,7 @@
1658
1724
  }
1659
1725
  @media screen and (max-width: 480px) {
1660
1726
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
1661
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1727
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1662
1728
  font-size: 12px;
1663
1729
  height: 38px;
1664
1730
  line-height: 38px;
@@ -1675,14 +1741,25 @@
1675
1741
  }
1676
1742
  @media screen and (max-width: 480px) {
1677
1743
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1678
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1744
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1679
1745
  font-size: 16px;
1680
1746
  }
1681
1747
  }
1748
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
1749
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
1750
+ line-height: 32px;
1751
+ }
1682
1752
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1683
1753
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1754
+ line-height: 32px;
1684
1755
  top: 0;
1685
1756
  }
1757
+ @media screen and (max-width: 480px) {
1758
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1759
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1760
+ line-height: 32px;
1761
+ }
1762
+ }
1686
1763
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
1687
1764
  transform: rotate(0deg);
1688
1765
  transition: none;
@@ -1703,8 +1780,24 @@
1703
1780
  transition: none;
1704
1781
  }
1705
1782
  }
1783
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
1784
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
1785
+ line-height: 32px;
1786
+ }
1706
1787
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1707
1788
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1789
+ line-height: 32px;
1790
+ top: 0;
1791
+ }
1792
+ @media screen and (max-width: 480px) {
1793
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1794
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1795
+ line-height: 32px;
1796
+ }
1797
+ }
1798
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
1799
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
1800
+ line-height: 32px;
1708
1801
  top: 0;
1709
1802
  }
1710
1803
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active {
@@ -1736,6 +1829,9 @@
1736
1829
  .e-tab .e-tab-header.e-horizontal-bottom::before {
1737
1830
  bottom: auto;
1738
1831
  }
1832
+ .e-tab .e-tab-header.e-horizontal-bottom .e-hscroll-bar {
1833
+ margin-top: 0;
1834
+ }
1739
1835
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1740
1836
  margin: 0 2px 0 0;
1741
1837
  padding-bottom: 0;
@@ -1764,6 +1860,12 @@
1764
1860
  height: 44px;
1765
1861
  padding: 0;
1766
1862
  }
1863
+ .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 {
1864
+ top: unset;
1865
+ }
1866
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-tab-wrap:focus .e-close-icon::before {
1867
+ top: 0;
1868
+ }
1767
1869
  .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 {
1768
1870
  height: initial;
1769
1871
  }
@@ -1836,6 +1938,13 @@
1836
1938
  .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap::before {
1837
1939
  display: none;
1838
1940
  }
1941
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon {
1942
+ min-height: 44px;
1943
+ min-width: 33px;
1944
+ }
1945
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon .e-tab-icon {
1946
+ margin: 0;
1947
+ }
1839
1948
  .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 {
1840
1949
  right: -15px;
1841
1950
  }
@@ -1852,9 +1961,6 @@
1852
1961
  left: auto;
1853
1962
  right: 0;
1854
1963
  }
1855
- .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active {
1856
- position: relative;
1857
- }
1858
1964
  .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1859
1965
  bottom: 0;
1860
1966
  height: 100%;
@@ -1864,7 +1970,7 @@
1864
1970
  bottom: 10px;
1865
1971
  content: "";
1866
1972
  height: 60%;
1867
- left: 99%;
1973
+ left: 98%;
1868
1974
  position: absolute;
1869
1975
  right: 0;
1870
1976
  transition: bottom 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, height 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
@@ -1895,9 +2001,6 @@
1895
2001
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-pop .e-tab-text {
1896
2002
  width: auto;
1897
2003
  }
1898
- .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active {
1899
- position: relative;
1900
- }
1901
2004
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1902
2005
  bottom: 0;
1903
2006
  height: 100%;
@@ -1909,7 +2012,7 @@
1909
2012
  height: 60%;
1910
2013
  left: 0;
1911
2014
  position: absolute;
1912
- right: 99%;
2015
+ right: 98%;
1913
2016
  transition: bottom 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, height 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
1914
2017
  width: 2px;
1915
2018
  }
@@ -1969,7 +2072,7 @@
1969
2072
  }
1970
2073
  @media screen and (max-width: 480px) {
1971
2074
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
1972
- .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
2075
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
1973
2076
  font-size: 16px;
1974
2077
  }
1975
2078
  }
@@ -2036,40 +2139,72 @@
2036
2139
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
2037
2140
  width: 100%;
2038
2141
  }
2039
- .e-tab.e-vertical-icon .e-tab-header {
2142
+ .e-tab.e-vertical-icon > .e-tab-header {
2040
2143
  height: 62px;
2041
2144
  min-height: 62px;
2042
2145
  }
2043
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2044
- .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 {
2146
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2147
+ .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 {
2045
2148
  display: none;
2046
2149
  }
2047
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
2150
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
2048
2151
  height: 62px;
2049
2152
  }
2050
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
2153
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2154
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2155
+ position: unset;
2156
+ }
2157
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2158
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2159
+ border: unset;
2160
+ content: unset;
2161
+ display: none;
2162
+ position: unset;
2163
+ top: unset;
2164
+ width: unset;
2165
+ }
2166
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2167
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2168
+ content: unset;
2169
+ display: unset;
2170
+ position: unset;
2171
+ top: unset;
2172
+ width: unset;
2173
+ border: unset;
2174
+ }
2175
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
2051
2176
  height: 62px;
2052
2177
  }
2053
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
2178
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
2054
2179
  height: 62px;
2055
2180
  }
2056
2181
  @media screen and (max-width: 480px) {
2057
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2058
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2182
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2183
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2059
2184
  font-size: 12px;
2060
2185
  }
2061
2186
  }
2062
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2063
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2187
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator {
2188
+ width: 2px;
2189
+ }
2190
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2191
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2064
2192
  display: none;
2065
2193
  }
2066
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2067
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2194
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2195
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2068
2196
  position: relative;
2069
2197
  }
2070
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
2198
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
2071
2199
  height: 16px;
2072
2200
  }
2201
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2202
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2203
+ top: unset;
2204
+ }
2205
+ .e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active {
2206
+ margin: 0;
2207
+ }
2073
2208
  .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
2074
2209
  height: inherit;
2075
2210
  }
@@ -2273,6 +2408,7 @@
2273
2408
  height: 44px;
2274
2409
  margin: 0;
2275
2410
  min-height: 44px;
2411
+ padding: 0;
2276
2412
  }
2277
2413
  @media screen and (max-width: 480px) {
2278
2414
  .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
@@ -2320,7 +2456,7 @@
2320
2456
  font-weight: 400;
2321
2457
  }
2322
2458
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
2323
- height: 32px;
2459
+ height: 44px;
2324
2460
  }
2325
2461
  @media screen and (max-width: 480px) {
2326
2462
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
@@ -2373,6 +2509,9 @@
2373
2509
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2374
2510
  height: 32px;
2375
2511
  }
2512
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
2513
+ height: 32px;
2514
+ }
2376
2515
  .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 {
2377
2516
  height: 62px;
2378
2517
  }
@@ -2387,7 +2526,7 @@
2387
2526
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2388
2527
  margin: 0;
2389
2528
  }
2390
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2529
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2391
2530
  height: 60px;
2392
2531
  min-height: 60px;
2393
2532
  }
@@ -2398,6 +2537,7 @@
2398
2537
  }
2399
2538
  .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
2400
2539
  margin: 0;
2540
+ padding: 0;
2401
2541
  }
2402
2542
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
2403
2543
  padding: 0 15px;
@@ -2413,12 +2553,12 @@
2413
2553
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
2414
2554
  margin-bottom: 0;
2415
2555
  }
2416
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
2417
- height: 44px;
2418
- }
2419
2556
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text {
2420
2557
  font-weight: 400;
2421
2558
  }
2559
+ .e-tab.e-background .e-tab-header.e-vertical .e-indicator {
2560
+ display: none;
2561
+ }
2422
2562
  .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
2423
2563
  padding: 0 12px;
2424
2564
  }
@@ -2461,6 +2601,9 @@
2461
2601
  margin-left: 20px;
2462
2602
  margin-right: 0;
2463
2603
  }
2604
+ .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) {
2605
+ margin: 0;
2606
+ }
2464
2607
  .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item {
2465
2608
  margin: 0;
2466
2609
  }
@@ -2561,6 +2704,9 @@
2561
2704
  font-size: 14px;
2562
2705
  font-weight: 400;
2563
2706
  text-transform: capitalize;
2707
+ -ms-flex-item-align: auto;
2708
+ -ms-grid-row-align: auto;
2709
+ align-self: auto;
2564
2710
  }
2565
2711
  @media screen and (max-width: 480px) {
2566
2712
  .e-tab-clone-element .e-tab-text {
@@ -2576,12 +2722,12 @@
2576
2722
  }
2577
2723
  @media screen and (max-width: 480px) {
2578
2724
  .e-tab-clone-element .e-close-icon,
2579
- .e-tab-clone-element .e-close-icon::before {
2725
+ .e-tab-clone-element .e-close-icon::before {
2580
2726
  font-size: 12px;
2581
2727
  }
2582
2728
  }
2583
2729
  .e-tab-clone-element .e-close-icon::before {
2584
- top: 0;
2730
+ top: 1px;
2585
2731
  }
2586
2732
  .e-tab-clone-element .e-icons.e-tab-icon {
2587
2733
  display: -ms-inline-flexbox;
@@ -2589,6 +2735,7 @@
2589
2735
  height: 16px;
2590
2736
  min-width: 16px;
2591
2737
  width: 16px;
2738
+ line-height: 1;
2592
2739
  }
2593
2740
  @media screen and (max-width: 480px) {
2594
2741
  .e-tab-clone-element .e-icons.e-tab-icon {
@@ -2602,7 +2749,7 @@
2602
2749
  }
2603
2750
  @media screen and (max-width: 480px) {
2604
2751
  .e-tab-clone-element .e-tab-icon,
2605
- .e-tab-clone-element .e-tab-icon::before {
2752
+ .e-tab-clone-element .e-tab-icon::before {
2606
2753
  font-size: 20px;
2607
2754
  }
2608
2755
  }
@@ -2746,6 +2893,9 @@
2746
2893
  }
2747
2894
  .e-bigger .e-tab-clone-element .e-tab-text {
2748
2895
  font-size: 16px;
2896
+ -ms-flex-item-align: auto;
2897
+ -ms-grid-row-align: auto;
2898
+ align-self: auto;
2749
2899
  }
2750
2900
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
2751
2901
  cursor: pointer;
@@ -2762,7 +2912,7 @@
2762
2912
  }
2763
2913
  @media screen and (max-width: 480px) {
2764
2914
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
2765
- .e-bigger .e-tab-clone-element .e-close-icon::before {
2915
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
2766
2916
  font-size: 12px;
2767
2917
  }
2768
2918
  }
@@ -2770,6 +2920,7 @@
2770
2920
  height: 16px;
2771
2921
  min-width: 16px;
2772
2922
  width: 16px;
2923
+ line-height: 1;
2773
2924
  }
2774
2925
  .e-bigger .e-tab-clone-element .e-tab-icon,
2775
2926
  .e-bigger .e-tab-clone-element .e-tab-icon::before {
@@ -2829,11 +2980,19 @@
2829
2980
  border: 0;
2830
2981
  border-radius: 0;
2831
2982
  box-shadow: none;
2983
+ font-weight: 400;
2832
2984
  border-bottom: 0;
2833
2985
  }
2986
+ .e-tab .e-tab-header::before {
2987
+ border-color: unset;
2988
+ border-style: solid;
2989
+ }
2990
+ .e-tab .e-tab-header:not(.e-vertical)::before {
2991
+ border-width: 0;
2992
+ }
2834
2993
  .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
2835
2994
  border-bottom: 0;
2836
- margin-bottom: 2px;
2995
+ margin-bottom: 0;
2837
2996
  }
2838
2997
  .e-tab .e-tab-header .e-toolbar-items {
2839
2998
  background: inherit;
@@ -2843,10 +3002,10 @@
2843
3002
  }
2844
3003
  .e-tab .e-tab-header .e-toolbar-item {
2845
3004
  background: inherit;
2846
- border: 1px solid transparent;
3005
+ border: 0;
2847
3006
  }
2848
3007
  .e-tab .e-tab-header .e-toolbar-item:hover {
2849
- background: #252423;
3008
+ background: #292827;
2850
3009
  }
2851
3010
  .e-tab .e-tab-header .e-toolbar-item .e-ripple-element {
2852
3011
  background: none;
@@ -2854,6 +3013,7 @@
2854
3013
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
2855
3014
  border-radius: 0;
2856
3015
  color: #f3f2f1;
3016
+ border: 0;
2857
3017
  }
2858
3018
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
2859
3019
  color: #a19f9d;
@@ -2871,6 +3031,8 @@
2871
3031
  }
2872
3032
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
2873
3033
  background: none;
3034
+ border: 0;
3035
+ border-radius: 0;
2874
3036
  }
2875
3037
  @media screen and (max-width: 480px) {
2876
3038
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
@@ -2885,10 +3047,24 @@
2885
3047
  border: 0;
2886
3048
  border-radius: 0;
2887
3049
  }
3050
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3051
+ border: 0;
3052
+ }
2888
3053
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
2889
3054
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
2890
3055
  color: #f3f2f1;
2891
3056
  }
3057
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
3058
+ position: unset;
3059
+ }
3060
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3061
+ border: unset;
3062
+ content: unset;
3063
+ display: unset;
3064
+ position: unset;
3065
+ top: unset;
3066
+ width: unset;
3067
+ }
2892
3068
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
2893
3069
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
2894
3070
  color: #f3f2f1;
@@ -2941,6 +3117,8 @@
2941
3117
  }
2942
3118
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
2943
3119
  background: #292827;
3120
+ border: 0;
3121
+ border-radius: 0;
2944
3122
  }
2945
3123
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
2946
3124
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
@@ -2953,6 +3131,11 @@
2953
3131
  }
2954
3132
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
2955
3133
  background: #252423;
3134
+ border-color: unset;
3135
+ }
3136
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text,
3137
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
3138
+ color: #f3f2f1;
2956
3139
  }
2957
3140
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
2958
3141
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
@@ -2967,25 +3150,59 @@
2967
3150
  background: inherit;
2968
3151
  border: 0;
2969
3152
  }
3153
+ .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
3154
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow {
3155
+ color: #a19f9d;
3156
+ border: 0;
3157
+ }
2970
3158
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:hover,
2971
3159
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover {
2972
3160
  background: #292827;
2973
3161
  color: #f3f2f1;
3162
+ border: 0;
2974
3163
  }
2975
3164
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
2976
3165
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
2977
3166
  box-shadow: none;
3167
+ border: 0;
3168
+ }
3169
+ .e-tab .e-tab-header .e-scroll-nav:focus,
3170
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
3171
+ background: inherit;
2978
3172
  }
2979
3173
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
2980
3174
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
2981
3175
  background: #252423;
2982
3176
  color: #a19f9d;
3177
+ border: 0;
2983
3178
  }
2984
3179
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover,
2985
3180
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover {
2986
3181
  background: #292827;
2987
3182
  color: #f3f2f1;
2988
3183
  }
3184
+ .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active,
3185
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
3186
+ background: #252423;
3187
+ border-color: unset;
3188
+ color: #a19f9d;
3189
+ }
3190
+ .e-tab .e-tab-header .e-scroll-nav:active,
3191
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
3192
+ box-shadow: none;
3193
+ background: inherit;
3194
+ border: 0;
3195
+ }
3196
+ .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow,
3197
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow {
3198
+ color: #a19f9d;
3199
+ }
3200
+ .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow:hover,
3201
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow:hover {
3202
+ color: #f3f2f1;
3203
+ background: #292827;
3204
+ border-color: unset;
3205
+ }
2989
3206
  .e-tab .e-tab-header .e-hor-nav,
2990
3207
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) {
2991
3208
  background: transparent;
@@ -2996,6 +3213,7 @@
2996
3213
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
2997
3214
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon {
2998
3215
  color: #c8c6c4;
3216
+ border: 0;
2999
3217
  }
3000
3218
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
3001
3219
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
@@ -3009,6 +3227,10 @@
3009
3227
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover {
3010
3228
  color: #f3f2f1;
3011
3229
  }
3230
+ .e-tab .e-tab-header .e-hor-nav:focus,
3231
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus {
3232
+ background: transparent;
3233
+ }
3012
3234
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3013
3235
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
3014
3236
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
@@ -3031,6 +3253,7 @@
3031
3253
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
3032
3254
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active {
3033
3255
  background: #292827;
3256
+ color: #a19f9d;
3034
3257
  border: 1px solid #292827;
3035
3258
  border-radius: 0;
3036
3259
  box-shadow: inset 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
@@ -3038,36 +3261,77 @@
3038
3261
  .e-tab .e-tab-header .e-hor-nav:hover,
3039
3262
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
3040
3263
  border: 0;
3264
+ background: transparent;
3041
3265
  }
3042
3266
  .e-tab .e-tab-header .e-hor-nav:hover:active,
3043
3267
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover:active {
3044
3268
  background: transparent;
3045
3269
  }
3270
+ .e-tab .e-tab-header .e-hor-nav:active,
3271
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
3272
+ box-shadow: none;
3273
+ background: transparent;
3274
+ }
3046
3275
  .e-tab .e-tab-header .e-hor-nav.e-nav-active,
3047
3276
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
3048
3277
  background: inherit;
3049
3278
  border: 0;
3050
3279
  box-shadow: none;
3280
+ border-radius: 0;
3281
+ }
3282
+ .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
3283
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-icons {
3284
+ color: #f3f2f1;
3285
+ }
3286
+ .e-tab .e-tab-header .e-hor-nav.e-nav-active:focus,
3287
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active:focus {
3288
+ border: 0;
3051
3289
  }
3052
3290
  .e-tab .e-tab-header.e-horizontal-bottom {
3053
- border-bottom: 0;
3054
- border-top: 0;
3291
+ border-color: unset;
3292
+ border-style: solid;
3293
+ border-width: 0;
3294
+ }
3295
+ .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] {
3296
+ border-color: unset;
3297
+ border-style: solid;
3298
+ border-width: 0;
3299
+ }
3300
+ .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] .e-toolbar-items {
3301
+ border-color: unset;
3302
+ border-style: solid;
3303
+ border-width: 0;
3304
+ }
3305
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item .e-tab-wrap:hover {
3306
+ border-radius: 0;
3055
3307
  }
3056
3308
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3057
- border-bottom: 0;
3309
+ border-color: unset;
3310
+ border-style: solid;
3311
+ border-width: 0;
3058
3312
  margin-top: 2px;
3313
+ border-radius: 0;
3314
+ }
3315
+ .e-tab .e-tab-header.e-vertical {
3316
+ border-bottom: 0;
3059
3317
  }
3060
3318
  .e-tab .e-tab-header.e-vertical::before {
3061
- border-width: 0 1px 0 0;
3319
+ border-width: 0;
3062
3320
  }
3063
3321
  .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active {
3064
3322
  border-bottom: 0;
3065
3323
  border-top: 0;
3066
3324
  }
3325
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item .e-tab-wrap:hover {
3326
+ border-radius: 0;
3327
+ }
3067
3328
  .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
3068
3329
  border-radius: 0;
3069
3330
  border-right: 0;
3070
3331
  }
3332
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item .e-tab-wrap:hover {
3333
+ border-radius: 0;
3334
+ }
3071
3335
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
3072
3336
  border-left: 0;
3073
3337
  border-radius: 0;
@@ -3093,6 +3357,10 @@
3093
3357
  }
3094
3358
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover {
3095
3359
  background: rgba(37, 36, 35, 0.12);
3360
+ border-color: rgba(41, 40, 39, 0.12) transparent transparent;
3361
+ }
3362
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover:active:focus {
3363
+ background: rgba(37, 36, 35, 0.12);
3096
3364
  }
3097
3365
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
3098
3366
  color: #f3f2f1;
@@ -3103,6 +3371,9 @@
3103
3371
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus {
3104
3372
  background: rgba(37, 36, 35, 0.12);
3105
3373
  }
3374
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus:hover:active .e-nav-arrow {
3375
+ color: none;
3376
+ }
3106
3377
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
3107
3378
  background: none;
3108
3379
  }
@@ -3118,6 +3389,7 @@
3118
3389
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
3119
3390
  background: inherit;
3120
3391
  border: 0;
3392
+ color: #f3f2f1;
3121
3393
  }
3122
3394
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
3123
3395
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -3132,12 +3404,17 @@
3132
3404
  border: 0;
3133
3405
  box-shadow: none;
3134
3406
  }
3407
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active,
3408
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active {
3409
+ color: #a19f9d;
3410
+ }
3135
3411
  .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-up-icon,
3136
3412
  .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-down-icon {
3137
3413
  border: 0;
3138
3414
  }
3139
3415
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
3140
3416
  background: #252423;
3417
+ border: 0;
3141
3418
  }
3142
3419
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
3143
3420
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
@@ -3152,6 +3429,11 @@
3152
3429
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3153
3430
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
3154
3431
  color: #a19f9d;
3432
+ background: #252423;
3433
+ border: 1px solid #292827;
3434
+ }
3435
+ .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus {
3436
+ border-color: rgba(41, 40, 39, 0.12) transparent transparent;
3155
3437
  }
3156
3438
  .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
3157
3439
  border: 0;
@@ -3182,6 +3464,9 @@
3182
3464
  .e-tab.e-fill .e-tab-header {
3183
3465
  border-bottom: 0;
3184
3466
  }
3467
+ .e-tab.e-fill .e-tab-header .e-toolbar-items.e-hscroll {
3468
+ border: 0;
3469
+ }
3185
3470
  .e-tab.e-fill .e-tab-header .e-toolbar-item {
3186
3471
  border: 0;
3187
3472
  }
@@ -3206,6 +3491,7 @@
3206
3491
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3207
3492
  background: #0078d4;
3208
3493
  border-radius: 0;
3494
+ border-color: unset;
3209
3495
  }
3210
3496
  .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 {
3211
3497
  color: #1b1a19;
@@ -3213,6 +3499,9 @@
3213
3499
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
3214
3500
  margin-top: 0;
3215
3501
  }
3502
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3503
+ border: unset;
3504
+ }
3216
3505
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text,
3217
3506
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
3218
3507
  color: #1b1a19;
@@ -3223,6 +3512,22 @@
3223
3512
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
3224
3513
  color: #1b1a19;
3225
3514
  }
3515
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item:active:hover .e-tab-text,
3516
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item:active:hover .e-tab-icon {
3517
+ color: #f3f2f1;
3518
+ }
3519
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover {
3520
+ background: #292827;
3521
+ }
3522
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-text {
3523
+ color: #f3f2f1;
3524
+ }
3525
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-icon {
3526
+ color: #a19f9d;
3527
+ }
3528
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-close-icon {
3529
+ color: #a19f9d;
3530
+ }
3226
3531
  .e-tab.e-fill .e-tab-header.e-horizontal-bottom {
3227
3532
  border-bottom: 0;
3228
3533
  border-top: 0;
@@ -3275,6 +3580,13 @@
3275
3580
  }
3276
3581
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3277
3582
  background: #252423;
3583
+ border-color: unset;
3584
+ }
3585
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
3586
+ color: #c8c6c4;
3587
+ }
3588
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
3589
+ color: #f3f2f1;
3278
3590
  }
3279
3591
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3280
3592
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
@@ -3287,8 +3599,12 @@
3287
3599
  .e-tab.e-background .e-tab-header .e-toolbar-items {
3288
3600
  background: inherit;
3289
3601
  }
3602
+ .e-tab.e-background .e-tab-header .e-toolbar-items.e-hscroll {
3603
+ border: 0;
3604
+ }
3290
3605
  .e-tab.e-background .e-tab-header .e-indicator {
3291
3606
  background: #1b1a19;
3607
+ bottom: 0;
3292
3608
  }
3293
3609
  .e-tab.e-background .e-tab-header .e-toolbar-item {
3294
3610
  border: 0;
@@ -3298,27 +3614,35 @@
3298
3614
  }
3299
3615
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
3300
3616
  background: inherit;
3617
+ border-color: unset;
3301
3618
  }
3302
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text,
3303
3619
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
3304
3620
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
3305
3621
  color: #004578;
3306
3622
  }
3623
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
3624
+ color: #1b1a19;
3625
+ }
3307
3626
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover {
3308
3627
  color: #1b1a19;
3309
3628
  }
3310
3629
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
3311
3630
  background: #005ba1;
3631
+ background-color: #005ba1;
3632
+ border-color: unset;
3633
+ }
3634
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
3635
+ color: #1b1a19;
3312
3636
  }
3313
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3314
3637
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3315
3638
  color: #1b1a19;
3316
3639
  }
3317
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3318
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3319
3640
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3320
3641
  color: #1b1a19;
3321
3642
  }
3643
+ .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 {
3644
+ color: #1b1a19;
3645
+ }
3322
3646
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
3323
3647
  border: 0;
3324
3648
  margin: 0;
@@ -3326,16 +3650,44 @@
3326
3650
  }
3327
3651
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3328
3652
  background: none;
3653
+ border-color: unset;
3329
3654
  border-radius: 0;
3655
+ border-style: solid;
3656
+ border-width: 0;
3657
+ }
3658
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
3659
+ color: #0078d4;
3660
+ }
3661
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
3662
+ color: #0078d4;
3330
3663
  }
3331
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
3332
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon,
3333
3664
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-close-icon {
3334
3665
  color: #0078d4;
3335
3666
  }
3336
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
3667
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
3668
+ background: none;
3669
+ border-color: unset;
3670
+ }
3671
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
3672
+ color: #0078d4;
3673
+ }
3337
3674
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3338
- color: #1b1a19;
3675
+ color: #0078d4;
3676
+ }
3677
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
3678
+ color: #0078d4;
3679
+ }
3680
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:hover {
3681
+ color: #0078d4;
3682
+ }
3683
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:active {
3684
+ color: #0078d4;
3685
+ }
3686
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus {
3687
+ background: none;
3688
+ }
3689
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus .e-tab-icon,
3690
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus .e-tab-text {
3339
3691
  color: #0078d4;
3340
3692
  }
3341
3693
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
@@ -3343,20 +3695,26 @@
3343
3695
  }
3344
3696
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3345
3697
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3346
- color: #1b1a19;
3347
3698
  color: #0078d4;
3348
3699
  }
3700
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
3701
+ color: #0078d4;
3702
+ }
3703
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
3704
+ color: #0078d4;
3705
+ }
3706
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3707
+ border: unset;
3708
+ }
3349
3709
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text,
3350
3710
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
3351
- color: #1b1a19;
3352
3711
  color: #0078d4;
3353
3712
  }
3354
3713
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon {
3355
- color: #1b1a19;
3356
3714
  color: #0078d4;
3357
3715
  }
3358
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
3359
- color: #1b1a19;
3716
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover,
3717
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text:hover {
3360
3718
  color: #0078d4;
3361
3719
  }
3362
3720
  .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 {
@@ -3371,10 +3729,6 @@
3371
3729
  background: inherit;
3372
3730
  }
3373
3731
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
3374
- .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon {
3375
- color: #004578;
3376
- }
3377
- .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
3378
3732
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon,
3379
3733
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-close-icon {
3380
3734
  color: #a19f9d;
@@ -3385,9 +3739,17 @@
3385
3739
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3386
3740
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3387
3741
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3388
- color: #1b1a19;
3389
3742
  color: #f3f2f1;
3390
3743
  }
3744
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text {
3745
+ color: #a19f9d;
3746
+ }
3747
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
3748
+ color: #a19f9d;
3749
+ }
3750
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-close-icon {
3751
+ color: #a19f9d;
3752
+ }
3391
3753
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav,
3392
3754
  .e-tab.e-background .e-tab-header .e-scroll-nav {
3393
3755
  background: #0078d4;
@@ -3395,30 +3757,40 @@
3395
3757
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
3396
3758
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
3397
3759
  color: #1b1a19;
3760
+ border: 0;
3398
3761
  }
3399
3762
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
3400
3763
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
3401
- background: inherit;
3402
3764
  background: #005ba1;
3403
3765
  color: #1b1a19;
3766
+ border-color: unset;
3767
+ }
3768
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active,
3769
+ .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:active {
3770
+ background: unset;
3771
+ color: #1b1a19;
3404
3772
  }
3405
3773
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
3406
3774
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
3407
3775
  color: #1b1a19;
3776
+ border: 0;
3777
+ background: #252423;
3408
3778
  }
3409
3779
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
3410
3780
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
3411
3781
  background: inherit;
3412
3782
  color: #1b1a19;
3413
3783
  }
3784
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active,
3785
+ .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active {
3786
+ background: #252423;
3787
+ border-color: unset;
3788
+ color: #1b1a19;
3789
+ }
3414
3790
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
3415
3791
  .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
3416
3792
  animation: none;
3417
3793
  }
3418
- .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow,
3419
- .e-tab.e-background .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow {
3420
- color: #1b1a19;
3421
- }
3422
3794
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
3423
3795
  .e-tab.e-background .e-tab-header .e-hor-nav {
3424
3796
  background: #0078d4;
@@ -3428,12 +3800,20 @@
3428
3800
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
3429
3801
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon {
3430
3802
  color: #1b1a19;
3431
- color: #1b1a19;
3803
+ border: 0;
3432
3804
  }
3433
3805
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover,
3434
3806
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover,
3435
3807
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
3436
3808
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
3809
+ background: inherit;
3810
+ border-color: #292827;
3811
+ color: #1b1a19;
3812
+ }
3813
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:active:hover,
3814
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:active:hover,
3815
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:active:hover,
3816
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:active:hover {
3437
3817
  background: inherit;
3438
3818
  color: #1b1a19;
3439
3819
  }
@@ -3443,24 +3823,63 @@
3443
3823
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
3444
3824
  color: #1b1a19;
3445
3825
  background: #005ba1;
3826
+ border: 1px solid #292827;
3827
+ }
3828
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:hover,
3829
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:hover,
3830
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
3831
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
3832
+ background: #005ba1;
3833
+ }
3834
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
3835
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active,
3836
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:active,
3837
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:active {
3838
+ background: #005ba1;
3839
+ border-color: #292827;
3840
+ color: #1b1a19;
3446
3841
  }
3447
3842
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
3448
3843
  .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
3449
3844
  animation: none;
3450
3845
  }
3451
- .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active,
3452
- .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active {
3453
- background: #0078d4;
3454
- }
3455
3846
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
3456
3847
  .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
3457
3848
  color: #1b1a19;
3458
3849
  }
3459
- .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
3460
- .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-down-icon,
3461
- .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon,
3462
- .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-down-icon {
3463
- color: #1b1a19;
3850
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3851
+ border: 0;
3852
+ margin: 0;
3853
+ }
3854
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap {
3855
+ border-color: unset;
3856
+ border-radius: 0;
3857
+ border-style: solid;
3858
+ border-width: 0;
3859
+ }
3860
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
3861
+ border-color: unset;
3862
+ border-style: solid;
3863
+ border-width: 0;
3864
+ margin: 0;
3865
+ }
3866
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active .e-tab-wrap {
3867
+ border-color: unset;
3868
+ border-radius: 0;
3869
+ border-style: solid;
3870
+ border-width: 0;
3871
+ }
3872
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
3873
+ border-color: unset;
3874
+ border-style: solid;
3875
+ border-width: 0;
3876
+ margin: 0;
3877
+ }
3878
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active .e-tab-wrap {
3879
+ border-color: unset;
3880
+ border-radius: 0;
3881
+ border-style: solid;
3882
+ border-width: 0;
3464
3883
  }
3465
3884
  .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
3466
3885
  border: 0;
@@ -3525,32 +3944,50 @@
3525
3944
  }
3526
3945
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
3527
3946
  background: #005ba1;
3947
+ border-color: unset;
3528
3948
  }
3529
3949
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
3530
3950
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
3531
3951
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon {
3532
- color: #004578;
3533
3952
  color: #1b1a19;
3534
3953
  }
3535
3954
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3536
3955
  background: #1b1a19;
3956
+ border-color: unset;
3537
3957
  }
3538
3958
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3539
3959
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3540
- color: #c8c6c4;
3541
3960
  color: #0078d4;
3542
3961
  }
3543
3962
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
3544
3963
  background: #1b1a19;
3964
+ border: 0;
3965
+ border-radius: 0;
3966
+ }
3967
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
3968
+ color: #0078d4;
3969
+ }
3970
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3971
+ color: #0078d4;
3972
+ }
3973
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
3974
+ color: #0078d4;
3975
+ }
3976
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
3977
+ color: #0078d4;
3978
+ }
3979
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3980
+ color: #0078d4;
3545
3981
  }
3546
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3547
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon,
3548
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon,
3549
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
3550
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon,
3551
3982
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
3552
3983
  color: #0078d4;
3553
3984
  }
3985
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
3986
+ color: #0078d4;
3987
+ }
3988
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
3989
+ color: #0078d4;
3990
+ }
3554
3991
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap, .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap {
3555
3992
  background: rgba(0, 120, 212, 0);
3556
3993
  }
@@ -3573,6 +4010,8 @@
3573
4010
  .e-tab .e-content .e-item {
3574
4011
  background: inherit;
3575
4012
  color: #f3f2f1;
4013
+ font-size: 12px;
4014
+ line-height: 18px;
3576
4015
  }
3577
4016
 
3578
4017
  .e-tab-clone-element {
@@ -3582,6 +4021,7 @@
3582
4021
  .e-tab-clone-element .e-tab-wrap {
3583
4022
  border-radius: 0;
3584
4023
  color: #d2d0ce;
4024
+ border: 0;
3585
4025
  }
3586
4026
  .e-tab-clone-element .e-tab-wrap .e-tab-icon {
3587
4027
  color: #d2d0ce;