@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
@@ -8,27 +8,15 @@
8
8
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-right-arrow::before {
9
9
  content: "\e71f";
10
10
  }
11
- .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before {
12
- content: "\e71f";
13
- }
14
- .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
15
- content: "\e70b";
16
- }
17
11
  .e-tab .e-tab-header .e-close-icon::before {
18
12
  content: "\e745";
19
13
  position: relative;
20
14
  }
21
- .e-tab .e-tab-header .e-popup-up-icon::before {
22
- content: "\e721";
23
- }
24
15
  @media screen and (max-width: 480px) {
25
16
  .e-tab .e-tab-header .e-popup-up-icon::before {
26
17
  content: "\e781";
27
18
  }
28
19
  }
29
- .e-tab .e-tab-header .e-popup-down-icon::before {
30
- content: "\e744";
31
- }
32
20
  @media screen and (max-width: 480px) {
33
21
  .e-tab .e-tab-header .e-popup-down-icon::before {
34
22
  content: "\e781";
@@ -42,12 +30,6 @@
42
30
  content: "\e744";
43
31
  }
44
32
  }
45
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before {
46
- content: "\e734";
47
- }
48
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before {
49
- content: "\e705";
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: 42px;
92
- min-height: 42px;
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,7 +89,7 @@
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
  }
@@ -123,7 +103,7 @@
123
103
  }
124
104
  @media screen and (max-width: 480px) {
125
105
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
126
- .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 {
127
107
  margin: 0 2px 0 0;
128
108
  }
129
109
  }
@@ -133,8 +113,6 @@
133
113
  }
134
114
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav,
135
115
  .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
136
- width: 50px;
137
- border-radius: 4px;
138
116
  width: 38px;
139
117
  }
140
118
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
@@ -147,7 +125,7 @@
147
125
  }
148
126
  @media screen and (max-width: 480px) {
149
127
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
150
- .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
128
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
151
129
  margin: 0 2px 0 0;
152
130
  }
153
131
  }
@@ -164,7 +142,7 @@
164
142
  }
165
143
  @media screen and (max-width: 480px) {
166
144
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
167
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
145
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
168
146
  padding: 0 15px;
169
147
  }
170
148
  }
@@ -175,6 +153,12 @@
175
153
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-text,
176
154
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-text {
177
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: 0;
178
162
  }
179
163
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
180
164
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
@@ -183,14 +167,14 @@
183
167
  }
184
168
  @media screen and (max-width: 480px) {
185
169
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
186
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
170
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
187
171
  margin: 0 2px 0 0;
188
172
  }
189
173
  }
190
174
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before,
191
175
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before {
192
176
  position: relative;
193
- top: -0.5px;
177
+ top: 0;
194
178
  }
195
179
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
196
180
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
@@ -202,10 +186,6 @@
202
186
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
203
187
  height: 42px;
204
188
  }
205
- .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
206
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap {
207
- padding: 0;
208
- }
209
189
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
210
190
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
211
191
  cursor: pointer;
@@ -213,7 +193,7 @@
213
193
  }
214
194
  @media screen and (max-width: 480px) {
215
195
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
216
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
196
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
217
197
  margin: 0 0 0 8px;
218
198
  }
219
199
  }
@@ -225,9 +205,9 @@
225
205
  }
226
206
  @media screen and (max-width: 480px) {
227
207
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
228
- .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
229
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
230
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
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 {
231
211
  font-size: 12px;
232
212
  }
233
213
  }
@@ -248,13 +228,23 @@
248
228
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
249
229
  padding: 0 20px;
250
230
  }
231
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
232
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
233
+ margin: 0 0 0 12px;
234
+ }
235
+ @media screen and (max-width: 480px) {
236
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
237
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
238
+ margin: 0;
239
+ }
240
+ }
251
241
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
252
242
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
253
243
  margin: 0 0 0 12px;
254
244
  }
255
245
  @media screen and (max-width: 480px) {
256
246
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
257
- .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 {
258
248
  margin: 0 0 0 10px;
259
249
  }
260
250
  }
@@ -314,7 +304,7 @@
314
304
  }
315
305
  @media screen and (max-width: 480px) {
316
306
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
317
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
307
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
318
308
  padding: 0 24px;
319
309
  }
320
310
  }
@@ -328,7 +318,7 @@
328
318
  }
329
319
  @media screen and (max-width: 480px) {
330
320
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
331
- .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"] {
332
322
  padding-right: 0;
333
323
  }
334
324
  }
@@ -352,8 +342,8 @@
352
342
  }
353
343
  @media screen and (max-width: 480px) {
354
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),
355
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
356
- .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) {
357
347
  min-height: 50px;
358
348
  }
359
349
  }
@@ -366,10 +356,10 @@
366
356
  }
367
357
  @media screen and (max-width: 480px) {
368
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,
369
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
370
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
371
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
372
- .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 {
373
363
  height: 50px;
374
364
  }
375
365
  }
@@ -382,8 +372,8 @@
382
372
  }
383
373
  @media screen and (max-width: 480px) {
384
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,
385
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
386
- .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 {
387
377
  margin: 0;
388
378
  padding-left: 0;
389
379
  padding-right: 0;
@@ -397,7 +387,7 @@
397
387
  }
398
388
  @media screen and (max-width: 480px) {
399
389
  .e-bigger .e-tab .e-tab-header .e-scroll-nav,
400
- .e-tab.e-bigger .e-tab-header .e-scroll-nav {
390
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
401
391
  padding: 0;
402
392
  }
403
393
  }
@@ -418,7 +408,7 @@
418
408
  }
419
409
  @media screen and (max-width: 480px) {
420
410
  .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
421
- .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 {
422
412
  font-size: 12px;
423
413
  height: 38px;
424
414
  line-height: 38px;
@@ -442,7 +432,7 @@
442
432
  }
443
433
  @media screen and (max-width: 480px) {
444
434
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
445
- .e-tab.e-bigger .e-tab-header .e-hor-nav {
435
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
446
436
  padding: 0;
447
437
  }
448
438
  }
@@ -457,9 +447,9 @@
457
447
  }
458
448
  @media screen and (max-width: 480px) {
459
449
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
460
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
461
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
462
- .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 {
463
453
  font-size: 12px;
464
454
  height: 38px;
465
455
  line-height: 38px;
@@ -477,9 +467,9 @@
477
467
  }
478
468
  @media screen and (max-width: 480px) {
479
469
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
480
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
481
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
482
- .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 {
483
473
  font-size: 16px;
484
474
  }
485
475
  }
@@ -493,7 +483,6 @@
493
483
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before,
494
484
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
495
485
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
496
- top: 0;
497
486
  line-height: 38px;
498
487
  top: 0.5px;
499
488
  }
@@ -507,8 +496,8 @@
507
496
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before,
508
497
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
509
498
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
510
- top: 0;
511
499
  line-height: 38px;
500
+ top: 0;
512
501
  }
513
502
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
514
503
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
@@ -548,7 +537,7 @@
548
537
  }
549
538
  @media screen and (max-width: 480px) {
550
539
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
551
- .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 {
552
541
  margin: 0 2px 0 0;
553
542
  }
554
543
  }
@@ -560,11 +549,6 @@
560
549
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before {
561
550
  top: 0.5px;
562
551
  }
563
- .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,
564
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap,
565
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap {
566
- height: initial;
567
- }
568
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,
569
553
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-close-icon::before,
570
554
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-close-icon::before {
@@ -577,7 +561,7 @@
577
561
  }
578
562
  @media screen and (max-width: 480px) {
579
563
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
580
- .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 {
581
565
  margin: 0 2px 0 0;
582
566
  }
583
567
  }
@@ -604,16 +588,15 @@
604
588
  height: 42px;
605
589
  padding: 0;
606
590
  }
607
- .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,
608
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap,
609
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap {
610
- height: 42px;
611
- }
612
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,
613
592
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap,
614
593
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap {
615
594
  height: initial;
616
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: 42px;
599
+ }
617
600
  .e-bigger .e-tab .e-tab-header.e-vertical,
618
601
  .e-tab.e-bigger .e-tab-header.e-vertical {
619
602
  max-width: 150px;
@@ -625,7 +608,7 @@
625
608
  }
626
609
  @media screen and (max-width: 480px) {
627
610
  .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
628
- .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 {
629
612
  bottom: 0;
630
613
  top: 0;
631
614
  }
@@ -651,6 +634,11 @@
651
634
  .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon {
652
635
  right: -20px;
653
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
+ }
654
642
  .e-bigger .e-tab .e-tab-header.e-vertical .e-scroll-nav,
655
643
  .e-tab.e-bigger .e-tab-header.e-vertical .e-scroll-nav {
656
644
  height: 24px;
@@ -685,35 +673,31 @@
685
673
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
686
674
  height: auto;
687
675
  }
688
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
689
- .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 {
690
678
  height: 72px;
691
679
  min-height: 72px;
692
680
  }
693
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
694
- .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 {
695
683
  height: 72px;
696
684
  }
697
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
698
- .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 {
699
687
  height: 72px;
700
688
  }
701
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
702
- .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 {
703
691
  height: 72px;
704
692
  }
705
693
  @media screen and (max-width: 480px) {
706
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
707
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
708
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
709
- .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 {
710
698
  font-size: 12px;
711
699
  }
712
700
  }
713
- .e-bigger .e-tab.e-vertical-icon.e-rtl .e-toolbar-item.e-active,
714
- .e-tab.e-bigger.e-vertical-icon.e-rtl .e-toolbar-item.e-active {
715
- margin: 0 0 0 2px;
716
- }
717
701
  .e-bigger .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items,
718
702
  .e-tab.e-bigger.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
719
703
  height: inherit;
@@ -763,6 +747,10 @@
763
747
  height: 42px;
764
748
  padding: 0;
765
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: 42px;
753
+ }
766
754
  .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
767
755
  .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
768
756
  .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
@@ -827,10 +815,6 @@
827
815
  .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
828
816
  top: 0;
829
817
  }
830
- .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active,
831
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
832
- margin: 0;
833
- }
834
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),
835
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) {
836
820
  margin: 0 0 0 2px;
@@ -846,7 +830,7 @@
846
830
  }
847
831
  @media screen and (max-width: 480px) {
848
832
  .e-bigger .e-tab.e-fill .e-tab-header,
849
- .e-tab.e-bigger.e-fill .e-tab-header {
833
+ .e-tab.e-bigger.e-fill .e-tab-header {
850
834
  height: 42px;
851
835
  min-height: 42px;
852
836
  }
@@ -858,7 +842,7 @@
858
842
  }
859
843
  @media screen and (max-width: 480px) {
860
844
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
861
- .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 {
862
846
  min-height: 42px;
863
847
  }
864
848
  }
@@ -874,10 +858,11 @@
874
858
  height: 42px;
875
859
  margin: 0 2px 0 0;
876
860
  min-height: 42px;
861
+ padding: 0;
877
862
  }
878
863
  @media screen and (max-width: 480px) {
879
864
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
880
- .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) {
881
866
  height: 42px;
882
867
  min-height: 42px;
883
868
  }
@@ -895,7 +880,7 @@
895
880
  }
896
881
  @media screen and (max-width: 480px) {
897
882
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
898
- .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 {
899
884
  height: 42px;
900
885
  padding: 0 20px;
901
886
  }
@@ -906,7 +891,7 @@
906
891
  }
907
892
  @media screen and (max-width: 480px) {
908
893
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
909
- .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 {
910
895
  height: 42px;
911
896
  }
912
897
  }
@@ -924,7 +909,7 @@
924
909
  }
925
910
  @media screen and (max-width: 480px) {
926
911
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
927
- .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 {
928
913
  height: 42px;
929
914
  }
930
915
  }
@@ -935,8 +920,8 @@
935
920
  }
936
921
  @media screen and (max-width: 480px) {
937
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,
938
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
939
- .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 {
940
925
  height: 42px;
941
926
  }
942
927
  }
@@ -979,6 +964,10 @@
979
964
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
980
965
  height: 42px;
981
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
+ }
982
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,
983
972
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus,
984
973
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
@@ -991,8 +980,8 @@
991
980
  }
992
981
  @media screen and (max-width: 480px) {
993
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,
994
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
995
- .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 {
996
985
  height: auto;
997
986
  }
998
987
  }
@@ -1000,8 +989,8 @@
1000
989
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
1001
990
  margin: 0 0 0 2px;
1002
991
  }
1003
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
1004
- .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 {
1005
994
  height: 70px;
1006
995
  min-height: 70px;
1007
996
  }
@@ -1014,7 +1003,7 @@
1014
1003
  }
1015
1004
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator),
1016
1005
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
1017
- margin: 0 2px 0 0;
1006
+ padding: 0;
1018
1007
  }
1019
1008
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1020
1009
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
@@ -1022,7 +1011,7 @@
1022
1011
  }
1023
1012
  @media screen and (max-width: 480px) {
1024
1013
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1025
- .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 {
1026
1015
  padding: 0 20px;
1027
1016
  }
1028
1017
  }
@@ -1034,10 +1023,6 @@
1034
1023
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
1035
1024
  margin-bottom: 0;
1036
1025
  }
1037
- .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
1038
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
1039
- height: 42px;
1040
- }
1041
1026
  .e-bigger .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap,
1042
1027
  .e-tab.e-bigger.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
1043
1028
  padding: 0 16px;
@@ -1056,13 +1041,17 @@
1056
1041
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
1057
1042
  margin: 0;
1058
1043
  }
1044
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right,
1045
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
1046
+ margin: 0;
1047
+ }
1059
1048
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1060
1049
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1061
1050
  margin: 0 10px 0 0;
1062
1051
  }
1063
1052
  @media screen and (max-width: 480px) {
1064
1053
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1065
- .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 {
1066
1055
  margin: 0 10px 0 0;
1067
1056
  }
1068
1057
  }
@@ -1072,7 +1061,7 @@
1072
1061
  }
1073
1062
  @media screen and (max-width: 480px) {
1074
1063
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
1075
- .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 {
1076
1065
  margin: 0 8px 0 0;
1077
1066
  }
1078
1067
  }
@@ -1100,7 +1089,7 @@
1100
1089
  }
1101
1090
  @media screen and (max-width: 480px) {
1102
1091
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
1103
- .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 {
1104
1093
  padding-left: 0;
1105
1094
  }
1106
1095
  }
@@ -1123,8 +1112,8 @@
1123
1112
  }
1124
1113
  @media screen and (max-width: 480px) {
1125
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,
1126
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1127
- .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 {
1128
1117
  margin: 0;
1129
1118
  padding-left: 0;
1130
1119
  padding-right: 0;
@@ -1195,13 +1184,10 @@
1195
1184
  margin: 0;
1196
1185
  min-height: 32px;
1197
1186
  position: relative;
1198
- height: 32px;
1199
- min-height: 32px;
1200
1187
  }
1201
1188
  @media screen and (max-width: 480px) {
1202
1189
  .e-tab .e-tab-header .e-toolbar-items {
1203
1190
  min-height: 42px;
1204
- height: 42px;
1205
1191
  }
1206
1192
  }
1207
1193
  .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
@@ -1216,19 +1202,44 @@
1216
1202
  margin: 0 2px 0 0;
1217
1203
  }
1218
1204
  }
1205
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active {
1206
+ position: unset;
1207
+ }
1208
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1209
+ left: unset;
1210
+ right: unset;
1211
+ }
1212
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before {
1213
+ background-color: unset;
1214
+ bottom: unset;
1215
+ content: unset;
1216
+ height: unset;
1217
+ left: unset;
1218
+ position: unset;
1219
+ right: unset;
1220
+ transition: unset;
1221
+ }
1222
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after {
1223
+ color: unset;
1224
+ content: unset;
1225
+ display: unset;
1226
+ font-weight: unset;
1227
+ height: unset;
1228
+ overflow: unset;
1229
+ visibility: unset;
1230
+ }
1219
1231
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device {
1220
1232
  padding: 0;
1221
1233
  }
1222
1234
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device .e-scroll-right-nav {
1223
1235
  display: none;
1224
1236
  }
1225
- .e-tab .e-tab-header .e-toolbar-items.e-hscroll[style*="overflow: hidden"] .e-toolbar-item:not(.e-separator).e-active {
1226
- margin-bottom: 0;
1237
+ .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-hscroll-bar {
1238
+ padding: 0;
1227
1239
  }
1228
1240
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
1229
- width: 40px;
1230
- border-radius: 4px;
1231
1241
  width: 32px;
1242
+ border-radius: 4px;
1232
1243
  }
1233
1244
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
1234
1245
  margin: 0 2px 0 0;
@@ -1256,6 +1267,7 @@
1256
1267
  height: 2px;
1257
1268
  left: 0;
1258
1269
  right: 0;
1270
+ border-radius: 0;
1259
1271
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
1260
1272
  }
1261
1273
  .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -1305,6 +1317,10 @@
1305
1317
  font-size: 14px;
1306
1318
  font-weight: 400;
1307
1319
  text-transform: capitalize;
1320
+ -ms-flex-item-align: auto;
1321
+ -ms-grid-row-align: auto;
1322
+ align-self: auto;
1323
+ margin-bottom: 0;
1308
1324
  }
1309
1325
  @media screen and (max-width: 480px) {
1310
1326
  .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
@@ -1332,14 +1348,16 @@
1332
1348
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
1333
1349
  margin-bottom: 0;
1334
1350
  }
1335
- .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
1336
- border: 0;
1337
- }
1338
1351
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
1339
1352
  font-weight: 400;
1340
1353
  }
1341
1354
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon::before {
1342
- top: -1px;
1355
+ top: 1px;
1356
+ left: 4px;
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;
1343
1361
  }
1344
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 {
1345
1363
  height: 32px;
@@ -1366,12 +1384,12 @@
1366
1384
  }
1367
1385
  @media screen and (max-width: 480px) {
1368
1386
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
1369
- .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 {
1370
1388
  font-size: 12px;
1371
1389
  }
1372
1390
  }
1373
1391
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1374
- top: 0;
1392
+ top: 1px;
1375
1393
  }
1376
1394
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
1377
1395
  display: -ms-inline-flexbox;
@@ -1393,10 +1411,19 @@
1393
1411
  }
1394
1412
  @media screen and (max-width: 480px) {
1395
1413
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
1396
- .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 {
1397
1415
  font-size: 20px;
1398
1416
  }
1399
1417
  }
1418
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1419
+ position: relative;
1420
+ top: 1px;
1421
+ left: 4px;
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
+ }
1400
1427
  .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
1401
1428
  -ms-flex-pack: center;
1402
1429
  justify-content: center;
@@ -1407,6 +1434,14 @@
1407
1434
  padding: 0 16px;
1408
1435
  }
1409
1436
  }
1437
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-right {
1438
+ margin: 0 0 0 8px;
1439
+ }
1440
+ @media screen and (max-width: 480px) {
1441
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-right {
1442
+ margin: 0;
1443
+ }
1444
+ }
1410
1445
  .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
1411
1446
  margin: 0 0 0 8px;
1412
1447
  }
@@ -1504,6 +1539,7 @@
1504
1539
  }
1505
1540
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1506
1541
  margin: 0;
1542
+ padding: 0;
1507
1543
  }
1508
1544
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
1509
1545
  height: 26px;
@@ -1688,7 +1724,7 @@
1688
1724
  }
1689
1725
  @media screen and (max-width: 480px) {
1690
1726
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
1691
- .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 {
1692
1728
  font-size: 12px;
1693
1729
  height: 38px;
1694
1730
  line-height: 38px;
@@ -1705,7 +1741,7 @@
1705
1741
  }
1706
1742
  @media screen and (max-width: 480px) {
1707
1743
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1708
- .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 {
1709
1745
  font-size: 16px;
1710
1746
  }
1711
1747
  }
@@ -1715,13 +1751,12 @@
1715
1751
  }
1716
1752
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1717
1753
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1718
- top: 0;
1719
1754
  line-height: 32px;
1720
1755
  top: 0;
1721
1756
  }
1722
1757
  @media screen and (max-width: 480px) {
1723
1758
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1724
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1759
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1725
1760
  line-height: 43px;
1726
1761
  }
1727
1762
  }
@@ -1751,13 +1786,12 @@
1751
1786
  }
1752
1787
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1753
1788
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1754
- top: 0;
1755
1789
  line-height: 32px;
1756
1790
  top: 0;
1757
1791
  }
1758
1792
  @media screen and (max-width: 480px) {
1759
1793
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1760
- .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1794
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1761
1795
  line-height: 43px;
1762
1796
  }
1763
1797
  }
@@ -1766,6 +1800,32 @@
1766
1800
  line-height: 32px;
1767
1801
  top: -0.5px;
1768
1802
  }
1803
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active {
1804
+ position: unset;
1805
+ }
1806
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1807
+ left: unset;
1808
+ right: unset;
1809
+ }
1810
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::before {
1811
+ background-color: unset;
1812
+ content: unset;
1813
+ height: unset;
1814
+ left: unset;
1815
+ position: unset;
1816
+ right: unset;
1817
+ top: unset;
1818
+ transition: unset;
1819
+ }
1820
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after {
1821
+ color: unset;
1822
+ content: unset;
1823
+ display: unset;
1824
+ font-weight: unset;
1825
+ height: unset;
1826
+ overflow: unset;
1827
+ visibility: unset;
1828
+ }
1769
1829
  .e-tab .e-tab-header.e-horizontal-bottom::before {
1770
1830
  bottom: auto;
1771
1831
  }
@@ -1800,6 +1860,12 @@
1800
1860
  height: 32px;
1801
1861
  padding: 0;
1802
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
+ }
1803
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 {
1804
1870
  height: initial;
1805
1871
  }
@@ -1872,6 +1938,13 @@
1872
1938
  .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap::before {
1873
1939
  display: none;
1874
1940
  }
1941
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon {
1942
+ min-height: 32px;
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
+ }
1875
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 {
1876
1949
  right: -15px;
1877
1950
  }
@@ -1888,6 +1961,30 @@
1888
1961
  left: auto;
1889
1962
  right: 0;
1890
1963
  }
1964
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active:hover::before {
1965
+ bottom: unset;
1966
+ height: unset;
1967
+ }
1968
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::before {
1969
+ background-color: unset;
1970
+ bottom: unset;
1971
+ content: unset;
1972
+ height: unset;
1973
+ left: unset;
1974
+ position: unset;
1975
+ right: unset;
1976
+ transition: unset;
1977
+ width: unset;
1978
+ }
1979
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::after {
1980
+ color: unset;
1981
+ content: unset;
1982
+ display: unset;
1983
+ font-weight: unset;
1984
+ height: unset;
1985
+ overflow: unset;
1986
+ visibility: unset;
1987
+ }
1891
1988
  .e-tab .e-tab-header.e-vertical.e-vertical-right {
1892
1989
  float: right;
1893
1990
  }
@@ -1904,6 +2001,30 @@
1904
2001
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-pop .e-tab-text {
1905
2002
  width: auto;
1906
2003
  }
2004
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active:hover::before {
2005
+ bottom: unset;
2006
+ height: unset;
2007
+ }
2008
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::before {
2009
+ background-color: unset;
2010
+ bottom: unset;
2011
+ content: unset;
2012
+ height: unset;
2013
+ left: unset;
2014
+ position: unset;
2015
+ right: unset;
2016
+ transition: unset;
2017
+ width: unset;
2018
+ }
2019
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::after {
2020
+ color: unset;
2021
+ content: unset;
2022
+ display: unset;
2023
+ font-weight: unset;
2024
+ height: unset;
2025
+ overflow: unset;
2026
+ visibility: unset;
2027
+ }
1907
2028
  .e-tab .e-tab-header.e-vertical .e-scroll-nav {
1908
2029
  height: 16px;
1909
2030
  -ms-flex-pack: center;
@@ -1951,7 +2072,7 @@
1951
2072
  }
1952
2073
  @media screen and (max-width: 480px) {
1953
2074
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
1954
- .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 {
1955
2076
  font-size: 16px;
1956
2077
  }
1957
2078
  }
@@ -2018,40 +2139,69 @@
2018
2139
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
2019
2140
  width: 100%;
2020
2141
  }
2021
- .e-tab.e-vertical-icon .e-tab-header {
2142
+ .e-tab.e-vertical-icon > .e-tab-header {
2022
2143
  height: 62px;
2023
2144
  min-height: 62px;
2024
2145
  }
2025
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2026
- .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 {
2027
2148
  display: none;
2028
2149
  }
2029
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
2150
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
2030
2151
  height: 62px;
2031
2152
  }
2032
- .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 {
2033
2176
  height: 62px;
2034
2177
  }
2035
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
2178
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
2036
2179
  height: 62px;
2037
2180
  }
2038
2181
  @media screen and (max-width: 480px) {
2039
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2040
- .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 {
2041
2184
  font-size: 12px;
2042
2185
  }
2043
2186
  }
2044
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2045
- .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 {
2046
2192
  display: none;
2047
2193
  }
2048
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2049
- .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 {
2050
2196
  position: relative;
2051
2197
  }
2052
- .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 {
2053
2199
  height: 16px;
2054
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
+ }
2055
2205
  .e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active {
2056
2206
  margin: 0 0 0 2px;
2057
2207
  }
@@ -2238,9 +2388,6 @@
2238
2388
  min-height: 42px;
2239
2389
  }
2240
2390
  }
2241
- .e-tab.e-fill .e-tab-header::before {
2242
- display: none;
2243
- }
2244
2391
  .e-tab.e-fill .e-tab-header .e-indicator {
2245
2392
  display: none;
2246
2393
  }
@@ -2261,6 +2408,7 @@
2261
2408
  height: 32px;
2262
2409
  margin: 0 2px 0 0;
2263
2410
  min-height: 32px;
2411
+ padding: 0;
2264
2412
  }
2265
2413
  @media screen and (max-width: 480px) {
2266
2414
  .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
@@ -2361,6 +2509,9 @@
2361
2509
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2362
2510
  height: 32px;
2363
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
+ }
2364
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 {
2365
2516
  height: 62px;
2366
2517
  }
@@ -2375,20 +2526,18 @@
2375
2526
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2376
2527
  margin: 0 0 0 2px;
2377
2528
  }
2378
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2529
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2379
2530
  height: 60px;
2380
2531
  min-height: 60px;
2381
2532
  }
2382
- .e-tab.e-background .e-tab-header::before {
2383
- display: none;
2384
- }
2385
2533
  .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
2386
2534
  .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
2387
2535
  margin: 0;
2388
2536
  padding: 0;
2389
2537
  }
2390
2538
  .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
2391
- margin: 0 2px 0 0;
2539
+ margin: 0;
2540
+ padding: 0;
2392
2541
  }
2393
2542
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
2394
2543
  padding: 0 15px;
@@ -2404,12 +2553,12 @@
2404
2553
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
2405
2554
  margin-bottom: 0;
2406
2555
  }
2407
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
2408
- height: 32px;
2409
- }
2410
2556
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text {
2411
2557
  font-weight: 400;
2412
2558
  }
2559
+ .e-tab.e-background .e-tab-header.e-vertical .e-indicator {
2560
+ display: none;
2561
+ }
2413
2562
  .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
2414
2563
  padding: 0 12px;
2415
2564
  }
@@ -2431,10 +2580,10 @@
2431
2580
  .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
2432
2581
  margin: 0;
2433
2582
  }
2434
- .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
2583
+ .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2435
2584
  margin: 0;
2436
2585
  }
2437
- .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2586
+ .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
2438
2587
  margin: 0;
2439
2588
  }
2440
2589
  .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
@@ -2455,12 +2604,6 @@
2455
2604
  .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) {
2456
2605
  margin: 0 0 0 2px;
2457
2606
  }
2458
- .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 {
2459
- margin: 0 0 0 2px;
2460
- }
2461
- .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator).e-active .e-tab-text {
2462
- margin-bottom: 0;
2463
- }
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;
@@ -2603,7 +2749,7 @@
2603
2749
  }
2604
2750
  @media screen and (max-width: 480px) {
2605
2751
  .e-tab-clone-element .e-tab-icon,
2606
- .e-tab-clone-element .e-tab-icon::before {
2752
+ .e-tab-clone-element .e-tab-icon::before {
2607
2753
  font-size: 20px;
2608
2754
  }
2609
2755
  }
@@ -2617,6 +2763,14 @@
2617
2763
  padding: 0 16px;
2618
2764
  }
2619
2765
  }
2766
+ .e-tab-clone-element .e-icon-right {
2767
+ margin: 0 0 0 8px;
2768
+ }
2769
+ @media screen and (max-width: 480px) {
2770
+ .e-tab-clone-element .e-icon-right {
2771
+ margin: 0;
2772
+ }
2773
+ }
2620
2774
  .e-tab-clone-element .e-icon-left + .e-tab-text {
2621
2775
  margin: 0 0 0 8px;
2622
2776
  }
@@ -2739,6 +2893,9 @@
2739
2893
  }
2740
2894
  .e-bigger .e-tab-clone-element .e-tab-text {
2741
2895
  font-size: 16px;
2896
+ -ms-flex-item-align: auto;
2897
+ -ms-grid-row-align: auto;
2898
+ align-self: auto;
2742
2899
  }
2743
2900
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
2744
2901
  cursor: pointer;
@@ -2755,7 +2912,7 @@
2755
2912
  }
2756
2913
  @media screen and (max-width: 480px) {
2757
2914
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
2758
- .e-bigger .e-tab-clone-element .e-close-icon::before {
2915
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
2759
2916
  font-size: 12px;
2760
2917
  }
2761
2918
  }
@@ -2772,6 +2929,14 @@
2772
2929
  .e-bigger .e-tab-clone-element.e-icon .e-tab-wrap {
2773
2930
  padding: 0 20px;
2774
2931
  }
2932
+ .e-bigger .e-tab-clone-element .e-icon-right {
2933
+ margin: 0 0 0 12px;
2934
+ }
2935
+ @media screen and (max-width: 480px) {
2936
+ .e-bigger .e-tab-clone-element .e-icon-right {
2937
+ margin: 0;
2938
+ }
2939
+ }
2775
2940
  .e-bigger .e-tab-clone-element .e-icon-left + .e-tab-text {
2776
2941
  margin: 0 0 0 12px;
2777
2942
  }
@@ -2814,6 +2979,9 @@
2814
2979
  background: inherit;
2815
2980
  border: 0;
2816
2981
  border-radius: 0;
2982
+ box-shadow: none;
2983
+ font-weight: normal;
2984
+ border-bottom: 0;
2817
2985
  }
2818
2986
  .e-tab .e-tab-header::before {
2819
2987
  border-color: #dee2e6;
@@ -2822,11 +2990,9 @@
2822
2990
  .e-tab .e-tab-header:not(.e-vertical)::before {
2823
2991
  border-width: 0 0 1px;
2824
2992
  }
2825
- .e-tab .e-tab-header[style*="overflow: hidden"] {
2826
- border: 0;
2827
- }
2828
2993
  .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
2829
2994
  border-bottom: 1px solid #fff;
2995
+ margin-bottom: 0;
2830
2996
  }
2831
2997
  .e-tab .e-tab-header .e-toolbar-items {
2832
2998
  background: inherit;
@@ -2838,6 +3004,9 @@
2838
3004
  background: inherit;
2839
3005
  border: 1px solid transparent;
2840
3006
  }
3007
+ .e-tab .e-tab-header .e-toolbar-item:hover {
3008
+ background: inherit;
3009
+ }
2841
3010
  .e-tab .e-tab-header .e-toolbar-item .e-ripple-element {
2842
3011
  background: rgba(222, 226, 230, 0);
2843
3012
  }
@@ -2879,12 +3048,23 @@
2879
3048
  border-radius: 4px 4px 0 0;
2880
3049
  }
2881
3050
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
2882
- border: 0;
3051
+ border: 1px solid transparent;
2883
3052
  }
2884
3053
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
2885
3054
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
2886
3055
  color: #495057;
2887
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
+ }
2888
3068
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
2889
3069
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
2890
3070
  color: #495057;
@@ -2945,8 +3125,13 @@
2945
3125
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
2946
3126
  color: #0056b3;
2947
3127
  }
3128
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
3129
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3130
+ color: #0056b3;
3131
+ }
2948
3132
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
2949
3133
  background: #007bff;
3134
+ border-color: transparent;
2950
3135
  }
2951
3136
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text,
2952
3137
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
@@ -2968,28 +3153,44 @@
2968
3153
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
2969
3154
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow {
2970
3155
  color: #212529;
3156
+ border: 0;
2971
3157
  }
2972
3158
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:hover,
2973
3159
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover {
2974
3160
  background: #5a6268;
2975
3161
  color: #fff;
3162
+ border: 0;
2976
3163
  }
2977
3164
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
2978
3165
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
2979
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;
2980
3172
  }
2981
3173
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
2982
3174
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
2983
3175
  background: #6c757d;
2984
3176
  color: #fff;
3177
+ border: 0;
2985
3178
  }
2986
3179
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover,
2987
3180
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover {
2988
3181
  background: #5a6268;
2989
3182
  color: #fff;
2990
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: #6c757d;
3187
+ border-color: unset;
3188
+ color: #fff;
3189
+ }
2991
3190
  .e-tab .e-tab-header .e-scroll-nav:active,
2992
3191
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
3192
+ box-shadow: none;
3193
+ background: inherit;
2993
3194
  border: 3px solid #adb5bd;
2994
3195
  }
2995
3196
  .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow,
@@ -2999,6 +3200,8 @@
2999
3200
  .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow:hover,
3000
3201
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow:hover {
3001
3202
  color: rgba(108, 117, 125, 0.65);
3203
+ background: #5a6268;
3204
+ border-color: unset;
3002
3205
  }
3003
3206
  .e-tab .e-tab-header .e-hor-nav,
3004
3207
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) {
@@ -3023,7 +3226,10 @@
3023
3226
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
3024
3227
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover {
3025
3228
  color: #fff;
3026
- border: 0;
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;
3027
3233
  }
3028
3234
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3029
3235
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
@@ -3047,6 +3253,7 @@
3047
3253
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
3048
3254
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active {
3049
3255
  background: #5a6268;
3256
+ color: #fff;
3050
3257
  border: 0;
3051
3258
  border-radius: 4px;
3052
3259
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -3054,32 +3261,59 @@
3054
3261
  .e-tab .e-tab-header .e-hor-nav:hover,
3055
3262
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
3056
3263
  border: 0;
3264
+ background: transparent;
3057
3265
  }
3058
3266
  .e-tab .e-tab-header .e-hor-nav:hover:active,
3059
3267
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover:active {
3060
3268
  background: transparent;
3061
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
+ }
3062
3275
  .e-tab .e-tab-header .e-hor-nav.e-nav-active,
3063
3276
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
3064
- background: inherit;
3065
- border: 0;
3066
- box-shadow: none;
3067
3277
  background: #6c757d;
3068
3278
  border: 3px solid #adb5bd;
3279
+ box-shadow: none;
3069
3280
  border-radius: 4px;
3070
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: #fff;
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: 3px solid #adb5bd;
3289
+ }
3290
+ .e-tab .e-tab-header.e-horizontal-bottom {
3291
+ border-color: unset;
3292
+ border-style: solid;
3293
+ border-width: 0;
3294
+ }
3071
3295
  .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] {
3072
- border: 0;
3296
+ border-color: unset;
3297
+ border-style: solid;
3298
+ border-width: 0;
3073
3299
  }
3074
3300
  .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] .e-toolbar-items {
3075
- border-bottom: 0;
3076
- border-top: 1px solid #ddd;
3301
+ border-color: #ddd;
3302
+ border-style: solid;
3303
+ border-width: 1px 0 0;
3304
+ }
3305
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item .e-tab-wrap:hover {
3306
+ border-radius: 0 0 4px 4px;
3077
3307
  }
3078
3308
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3079
- border-bottom: 1px solid #ddd;
3309
+ border-color: #fff #ddd #ddd;
3310
+ border-style: solid;
3311
+ border-width: 1px;
3312
+ margin-top: 0;
3080
3313
  border-radius: 0 0 4px 4px;
3081
- border-top: 1px solid #fff;
3082
- border-top-color: #fff;
3314
+ }
3315
+ .e-tab .e-tab-header.e-vertical {
3316
+ border-bottom: 0;
3083
3317
  }
3084
3318
  .e-tab .e-tab-header.e-vertical::before {
3085
3319
  border-width: 0 1px 0 0;
@@ -3088,10 +3322,16 @@
3088
3322
  border-bottom: 1px solid #ddd;
3089
3323
  border-top: 1px solid #ddd;
3090
3324
  }
3325
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item .e-tab-wrap:hover {
3326
+ border-radius: 4px 0 0 4px;
3327
+ }
3091
3328
  .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
3092
3329
  border-radius: 4px 0 0 4px;
3093
3330
  border-right: 1px solid #fff;
3094
3331
  }
3332
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item .e-tab-wrap:hover {
3333
+ border-radius: 0 4px 4px 0;
3334
+ }
3095
3335
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
3096
3336
  border-left: 1px solid #fff;
3097
3337
  border-radius: 0 4px 4px 0;
@@ -3117,6 +3357,10 @@
3117
3357
  }
3118
3358
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover {
3119
3359
  background: #eee;
3360
+ border-color: #ddd transparent transparent;
3361
+ }
3362
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover:active:focus {
3363
+ background: #eee;
3120
3364
  }
3121
3365
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
3122
3366
  color: #fff;
@@ -3127,6 +3371,9 @@
3127
3371
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus {
3128
3372
  background: #eee;
3129
3373
  }
3374
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus:hover:active .e-nav-arrow {
3375
+ color: none;
3376
+ }
3130
3377
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
3131
3378
  background: none;
3132
3379
  }
@@ -3157,23 +3404,36 @@
3157
3404
  border: 0;
3158
3405
  box-shadow: none;
3159
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: #fff;
3410
+ }
3160
3411
  .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-up-icon,
3161
3412
  .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-down-icon {
3162
3413
  border: 0;
3163
3414
  }
3164
3415
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
3165
3416
  background: #eee;
3417
+ border: 1px solid transparent;
3166
3418
  }
3167
3419
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
3168
3420
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
3169
3421
  color: #0056b3;
3170
3422
  }
3423
+ .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon {
3424
+ color: #0056b3;
3425
+ }
3171
3426
  .e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
3172
3427
  color: #fff;
3173
3428
  }
3174
3429
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3175
3430
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
3176
3431
  color: #fff;
3432
+ background: #6c757d;
3433
+ border: 0;
3434
+ }
3435
+ .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus {
3436
+ border-color: #ddd transparent transparent;
3177
3437
  }
3178
3438
  .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
3179
3439
  border: 0;
@@ -3219,6 +3479,9 @@
3219
3479
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3220
3480
  color: #0056b3;
3221
3481
  }
3482
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3483
+ color: #0056b3;
3484
+ }
3222
3485
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
3223
3486
  margin-top: 0;
3224
3487
  }
@@ -3228,6 +3491,7 @@
3228
3491
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3229
3492
  background: #007bff;
3230
3493
  border-radius: 4px;
3494
+ border-color: unset;
3231
3495
  }
3232
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 {
3233
3497
  color: #fff;
@@ -3235,6 +3499,9 @@
3235
3499
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
3236
3500
  margin-top: 0;
3237
3501
  }
3502
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3503
+ border: unset;
3504
+ }
3238
3505
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text,
3239
3506
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
3240
3507
  color: #fff;
@@ -3245,11 +3512,19 @@
3245
3512
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
3246
3513
  color: #fff;
3247
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: #212529;
3518
+ }
3248
3519
  .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover {
3249
3520
  background: #007bff;
3250
3521
  }
3251
- .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-text,
3252
- .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-icon,
3522
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-text {
3523
+ color: #fff;
3524
+ }
3525
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-icon {
3526
+ color: #fff;
3527
+ }
3253
3528
  .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-close-icon {
3254
3529
  color: #fff;
3255
3530
  }
@@ -3305,8 +3580,11 @@
3305
3580
  }
3306
3581
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3307
3582
  background: #eee;
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: #0056b3;
3308
3587
  }
3309
- .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3310
3588
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
3311
3589
  color: #0056b3;
3312
3590
  }
@@ -3326,6 +3604,7 @@
3326
3604
  }
3327
3605
  .e-tab.e-background .e-tab-header .e-indicator {
3328
3606
  background: #dee2e6;
3607
+ bottom: 0;
3329
3608
  }
3330
3609
  .e-tab.e-background .e-tab-header .e-toolbar-item {
3331
3610
  border: 0;
@@ -3335,55 +3614,98 @@
3335
3614
  }
3336
3615
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
3337
3616
  background: inherit;
3617
+ border-color: transparent;
3338
3618
  }
3339
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text,
3340
3619
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
3341
3620
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
3342
3621
  color: #007bff;
3343
3622
  }
3623
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
3624
+ color: #007bff;
3625
+ }
3344
3626
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover {
3345
3627
  color: rgba(0, 0, 0, 0.5);
3346
3628
  }
3347
3629
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
3348
3630
  background: transparent;
3349
- }
3350
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
3351
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3352
- color: #fff;
3631
+ background-color: transparent;
3632
+ border-color: #e9ecef;
3353
3633
  }
3354
3634
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
3355
3635
  color: #0056b3;
3356
3636
  }
3637
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
3638
+ color: #fff;
3639
+ }
3357
3640
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3358
3641
  color: rgba(0, 0, 0, 0.5);
3359
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: rgba(0, 0, 0, 0.5);
3645
+ }
3360
3646
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
3361
3647
  border: 0;
3362
3648
  margin: 0;
3649
+ background: inherit;
3363
3650
  }
3364
3651
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
3365
3652
  background: #007bff;
3653
+ border-color: unset;
3366
3654
  border-radius: 4px;
3655
+ border-style: solid;
3656
+ border-width: 1px;
3657
+ }
3658
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
3659
+ color: #fff;
3660
+ }
3661
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
3662
+ color: #fff;
3663
+ }
3664
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-close-icon {
3665
+ color: #fff;
3666
+ }
3667
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
3668
+ background: #007bff;
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: #fff;
3367
3673
  }
3368
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
3369
3674
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
3370
3675
  color: #fff;
3371
3676
  }
3372
3677
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
3373
3678
  color: #fff;
3374
3679
  }
3680
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:hover {
3681
+ color: #fff;
3682
+ }
3683
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:active {
3684
+ color: #fff;
3685
+ }
3686
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus {
3687
+ background: #007bff;
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 {
3691
+ color: #fff;
3692
+ }
3375
3693
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3376
3694
  background: #007bff;
3377
3695
  }
3378
3696
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3379
3697
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3380
3698
  color: #fff;
3699
+ }
3700
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
3381
3701
  color: #fff;
3382
3702
  }
3383
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text,
3384
3703
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
3385
3704
  color: #fff;
3386
3705
  }
3706
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
3707
+ border: unset;
3708
+ }
3387
3709
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text,
3388
3710
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
3389
3711
  color: #fff;
@@ -3391,7 +3713,8 @@
3391
3713
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon {
3392
3714
  color: #fff;
3393
3715
  }
3394
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
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 {
3395
3718
  color: #fff;
3396
3719
  }
3397
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 {
@@ -3406,11 +3729,11 @@
3406
3729
  background: inherit;
3407
3730
  }
3408
3731
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
3409
- .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon {
3732
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon,
3733
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-close-icon {
3410
3734
  color: #007bff;
3411
3735
  }
3412
3736
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
3413
- background: #eee;
3414
3737
  background: #007bff;
3415
3738
  }
3416
3739
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
@@ -3418,52 +3741,103 @@
3418
3741
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
3419
3742
  color: #fff;
3420
3743
  }
3421
- .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text,
3744
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text {
3745
+ color: #fff;
3746
+ }
3422
3747
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
3423
3748
  color: #fff;
3424
3749
  }
3750
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-close-icon {
3751
+ color: #007bff;
3752
+ }
3753
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav,
3754
+ .e-tab.e-background .e-tab-header .e-scroll-nav {
3755
+ background: inherit;
3756
+ }
3425
3757
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
3426
3758
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
3427
3759
  color: #212529;
3760
+ border: 0;
3428
3761
  }
3429
3762
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
3430
3763
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
3431
3764
  background: inherit;
3432
3765
  color: #fff;
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: #212529;
3433
3772
  }
3434
3773
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
3435
3774
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
3436
3775
  color: #fff;
3776
+ border: 0;
3777
+ background: #6c757d;
3437
3778
  }
3438
3779
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
3439
3780
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
3440
3781
  background: inherit;
3441
3782
  color: #fff;
3442
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: #6c757d;
3787
+ border-color: unset;
3788
+ color: #fff;
3789
+ }
3443
3790
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
3444
3791
  .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
3445
3792
  animation: none;
3446
3793
  }
3794
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
3795
+ .e-tab.e-background .e-tab-header .e-hor-nav {
3796
+ background: transparent;
3797
+ }
3447
3798
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
3448
3799
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon,
3449
3800
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
3450
3801
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon {
3451
3802
  color: #212529;
3803
+ border: 0;
3452
3804
  }
3453
3805
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover,
3454
3806
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover,
3455
3807
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
3456
3808
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
3457
- background: inherit;
3809
+ background: #5a6268;
3810
+ border-color: unset;
3458
3811
  color: #fff;
3459
- background: #e6e6e6;
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 {
3460
3817
  background: #5a6268;
3818
+ color: #fff;
3461
3819
  }
3462
3820
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
3463
3821
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon,
3464
3822
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
3465
3823
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
3466
3824
  color: #fff;
3825
+ background: #6c757d;
3826
+ border: 0;
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: #5a6268;
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: #5a6268;
3839
+ border-color: unset;
3840
+ color: #fff;
3467
3841
  }
3468
3842
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
3469
3843
  .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
@@ -3473,6 +3847,40 @@
3473
3847
  .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
3474
3848
  color: #fff;
3475
3849
  }
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: 4px;
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: #fff;
3862
+ border-style: solid;
3863
+ border-width: 0 1px 0 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: 4px;
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: #fff;
3874
+ border-style: solid;
3875
+ border-width: 0 0 0 1px;
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: 4px;
3881
+ border-style: solid;
3882
+ border-width: 0;
3883
+ }
3476
3884
  .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
3477
3885
  border: 0;
3478
3886
  }
@@ -3536,6 +3944,7 @@
3536
3944
  }
3537
3945
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
3538
3946
  background: #007bff;
3947
+ border-color: transparent;
3539
3948
  }
3540
3949
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
3541
3950
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
@@ -3544,22 +3953,38 @@
3544
3953
  }
3545
3954
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
3546
3955
  background: #eee;
3956
+ border-color: unset;
3547
3957
  }
3548
3958
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3549
3959
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
3550
3960
  color: #fff;
3551
3961
  }
3552
3962
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
3963
+ background: #007bff;
3553
3964
  border: 1px solid #e9ecef;
3554
3965
  border-radius: 4px 4px 0 0;
3555
3966
  }
3556
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
3557
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon,
3558
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
3967
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
3968
+ color: #0056b3;
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: #fff;
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: #0056b3;
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: #0056b3;
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: #fff;
3981
+ }
3559
3982
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
3560
3983
  color: #0056b3;
3561
3984
  }
3562
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text,
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: #0056b3;
3987
+ }
3563
3988
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
3564
3989
  color: #0056b3;
3565
3990
  }
@@ -3585,6 +4010,8 @@
3585
4010
  .e-tab .e-content .e-item {
3586
4011
  background: inherit;
3587
4012
  color: #000;
4013
+ font-size: 12px;
4014
+ line-height: 18px;
3588
4015
  }
3589
4016
 
3590
4017
  .e-tab-clone-element {