@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
package/styles/fluent.css CHANGED
@@ -96,15 +96,15 @@
96
96
  }
97
97
  @media (max-width: 769px) {
98
98
  .e-bigger .e-pager,
99
- .e-pager.e-bigger {
99
+ .e-pager.e-bigger {
100
100
  padding: 19px 0;
101
101
  }
102
102
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
103
- .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
103
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
104
104
  margin-right: 0;
105
105
  }
106
106
  .e-bigger .e-pager div.e-parentmsgbar,
107
- .e-pager.e-bigger div.e-parentmsgbar {
107
+ .e-pager.e-bigger div.e-parentmsgbar {
108
108
  padding: 0;
109
109
  }
110
110
  }
@@ -427,9 +427,9 @@
427
427
  font-size: 11px;
428
428
  }
429
429
  .e-pager .e-mfirst,
430
- .e-pager .e-mprev,
431
- .e-pager .e-mnext,
432
- .e-pager .e-mlast {
430
+ .e-pager .e-mprev,
431
+ .e-pager .e-mnext,
432
+ .e-pager .e-mlast {
433
433
  border: 0;
434
434
  box-sizing: border-box;
435
435
  display: inline-block;
@@ -544,9 +544,9 @@
544
544
  }
545
545
  @media (max-width: 769px) {
546
546
  .e-pager.e-rtl .e-mfirst,
547
- .e-pager.e-rtl .e-mprev,
548
- .e-pager.e-rtl .e-mnext,
549
- .e-pager.e-rtl .e-mlast {
547
+ .e-pager.e-rtl .e-mprev,
548
+ .e-pager.e-rtl .e-mnext,
549
+ .e-pager.e-rtl .e-mlast {
550
550
  border: 0;
551
551
  }
552
552
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
@@ -866,6 +866,7 @@
866
866
  text-align: center;
867
867
  vertical-align: middle;
868
868
  width: 100%;
869
+ font-size: 12px;
869
870
  }
870
871
  .e-hscroll .e-hscroll-bar .e-hscroll-content .e-overlay {
871
872
  pointer-events: none;
@@ -914,22 +915,34 @@
914
915
  border: 0;
915
916
  color: #605e5c;
916
917
  }
918
+ .e-hscroll.e-rtl .e-scroll-nav:hover:active {
919
+ background: #edebe9;
920
+ }
917
921
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
918
922
  background: #edebe9;
919
923
  border: 0;
920
924
  color: #605e5c;
921
925
  }
926
+ .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
927
+ color: #605e5c;
928
+ }
922
929
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
923
930
  background: #edebe9;
924
931
  border: 0;
925
932
  color: #605e5c;
926
933
  }
934
+ .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-icons {
935
+ color: #605e5c;
936
+ }
927
937
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
928
938
  background: #f3f2f1;
929
939
  border: 0;
930
940
  box-shadow: none;
931
941
  color: #3b3a39;
932
942
  }
943
+ .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active .e-icons {
944
+ color: #605e5c;
945
+ }
933
946
  .e-hscroll .e-scroll-nav {
934
947
  background: #f3f2f1;
935
948
  }
@@ -966,11 +979,11 @@
966
979
  content: "\e734";
967
980
  }
968
981
  .e-vscroll .e-nav-up-arrow::before {
969
- content: "\e7dd";
982
+ content: "\e776";
970
983
  line-height: normal;
971
984
  }
972
985
  .e-vscroll .e-nav-down-arrow::before {
973
- content: "\e734";
986
+ content: "\e729";
974
987
  line-height: normal;
975
988
  }
976
989
 
@@ -1188,10 +1201,18 @@
1188
1201
  height: 48px;
1189
1202
  min-height: 48px;
1190
1203
  }
1204
+ .e-bigger .e-toolbar .e-tbar-btn .e-tbar-btn-text,
1205
+ .e-toolbar.e-bigger .e-tbar-btn .e-tbar-btn-text {
1206
+ font-size: 14px;
1207
+ }
1191
1208
  .e-bigger .e-toolbar .e-tbar-btn .e-icons,
1192
1209
  .e-toolbar.e-bigger .e-tbar-btn .e-icons {
1193
1210
  font-size: 20px;
1194
1211
  }
1212
+ .e-bigger .e-toolbar .e-tbar-btn .e-icons.e-btn-icon,
1213
+ .e-toolbar.e-bigger .e-tbar-btn .e-icons.e-btn-icon {
1214
+ font-size: 18px;
1215
+ }
1195
1216
  .e-bigger .e-toolbar.e-extended-toolbar.e-tbar-extended,
1196
1217
  .e-toolbar.e-bigger.e-extended-toolbar.e-tbar-extended {
1197
1218
  border-bottom: 0;
@@ -1267,6 +1288,10 @@
1267
1288
  .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
1268
1289
  line-height: inherit;
1269
1290
  }
1291
+ .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item,
1292
+ .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item {
1293
+ height: auto;
1294
+ }
1270
1295
  .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator),
1271
1296
  .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1272
1297
  min-width: 48px;
@@ -1275,11 +1300,13 @@
1275
1300
  .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon,
1276
1301
  .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon {
1277
1302
  min-width: 13px;
1303
+ font-size: 18px;
1278
1304
  }
1279
1305
  .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn,
1280
1306
  .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
1281
1307
  min-height: 48px;
1282
1308
  padding: 8px 18px;
1309
+ line-height: 24px;
1283
1310
  }
1284
1311
  .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
1285
1312
  .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
@@ -1289,6 +1316,7 @@
1289
1316
  .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
1290
1317
  .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
1291
1318
  padding: 4px;
1319
+ font-size: 14px;
1292
1320
  }
1293
1321
  .e-bigger .e-toolbar .e-toolbar-items,
1294
1322
  .e-toolbar.e-bigger .e-toolbar-items {
@@ -1300,6 +1328,10 @@
1300
1328
  margin-right: 12.5px;
1301
1329
  white-space: normal;
1302
1330
  }
1331
+ .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item:not(.e-separator),
1332
+ .e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item:not(.e-separator) {
1333
+ margin: 0;
1334
+ }
1303
1335
  .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
1304
1336
  .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
1305
1337
  .e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
@@ -1350,6 +1382,7 @@
1350
1382
  .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
1351
1383
  .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item:not(.e-separator) {
1352
1384
  min-width: 49px;
1385
+ padding: 0;
1353
1386
  }
1354
1387
  .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
1355
1388
  .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item.e-separator {
@@ -1372,6 +1405,19 @@
1372
1405
  min-height: 48px;
1373
1406
  min-width: 48px;
1374
1407
  padding: 0 8px;
1408
+ line-height: 24px;
1409
+ }
1410
+ .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus, .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover, .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
1411
+ .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
1412
+ .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
1413
+ .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active,
1414
+ .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
1415
+ .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
1416
+ .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
1417
+ .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
1418
+ .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
1419
+ .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
1420
+ padding: 0 8px;
1375
1421
  }
1376
1422
  .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
1377
1423
  .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-btn-icon,
@@ -1398,7 +1444,6 @@
1398
1444
  padding-left: 10px;
1399
1445
  padding-right: 10px;
1400
1446
  padding-top: 0;
1401
- margin-left: -1px;
1402
1447
  }
1403
1448
  .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-popup-close,
1404
1449
  .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended.e-popup-close {
@@ -1420,7 +1465,9 @@
1420
1465
  }
1421
1466
  .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator),
1422
1467
  .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator) {
1468
+ margin: 0;
1423
1469
  min-width: 49px;
1470
+ padding: 0;
1424
1471
  }
1425
1472
  .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator.e-extended-separator,
1426
1473
  .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator.e-extended-separator {
@@ -1460,6 +1507,18 @@
1460
1507
  min-width: 48px;
1461
1508
  padding: 0 8px;
1462
1509
  }
1510
+ .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover, .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus, .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active,
1511
+ .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
1512
+ .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
1513
+ .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:active,
1514
+ .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover,
1515
+ .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus,
1516
+ .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active,
1517
+ .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
1518
+ .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
1519
+ .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
1520
+ padding: 0 8px;
1521
+ }
1463
1522
  .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1464
1523
  .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn {
1465
1524
  line-height: 24px;
@@ -1484,7 +1543,6 @@
1484
1543
  .e-bigger .e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended,
1485
1544
  .e-toolbar.e-bigger.e-extended-toolbar.e-rtl .e-toolbar-extended {
1486
1545
  padding-right: 10px;
1487
- margin-left: 0;
1488
1546
  }
1489
1547
  .e-bigger .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item:not(.e-separator),
1490
1548
  .e-toolbar.e-bigger.e-vertical .e-toolbar-items .e-toolbar-item:not(.e-separator) {
@@ -1581,8 +1639,10 @@
1581
1639
  white-space: normal;
1582
1640
  }
1583
1641
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator) {
1642
+ margin: 0;
1584
1643
  height: 100%;
1585
1644
  min-width: 28px;
1645
+ padding: 0;
1586
1646
  }
1587
1647
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator.e-extended-separator {
1588
1648
  display: none;
@@ -1626,6 +1686,9 @@
1626
1686
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn {
1627
1687
  line-height: 22px;
1628
1688
  }
1689
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover, .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus, .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active {
1690
+ padding: 0 4px;
1691
+ }
1629
1692
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
1630
1693
  margin: 4px;
1631
1694
  min-height: 16px;
@@ -1637,6 +1700,7 @@
1637
1700
  min-height: 16px;
1638
1701
  min-width: 12px;
1639
1702
  padding: 0;
1703
+ font-size: 14px;
1640
1704
  }
1641
1705
  .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-separator:last-of-type {
1642
1706
  display: -ms-inline-flexbox;
@@ -1709,6 +1773,9 @@
1709
1773
  justify-content: flex-start;
1710
1774
  min-height: 38px;
1711
1775
  padding: 6px 12px;
1776
+ border: none;
1777
+ border-radius: 2px;
1778
+ margin: 0;
1712
1779
  }
1713
1780
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
1714
1781
  margin: 0;
@@ -1856,6 +1923,7 @@
1856
1923
  text-align: center;
1857
1924
  vertical-align: middle;
1858
1925
  width: 100%;
1926
+ font-size: 12px;
1859
1927
  }
1860
1928
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
1861
1929
  line-height: 22px;
@@ -1877,6 +1945,9 @@
1877
1945
  margin-right: 10px;
1878
1946
  white-space: normal;
1879
1947
  }
1948
+ .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item:not(.e-separator) {
1949
+ margin: 0;
1950
+ }
1880
1951
  .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
1881
1952
  .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
1882
1953
  display: none;
@@ -1987,6 +2058,7 @@
1987
2058
  .e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
1988
2059
  height: inherit;
1989
2060
  min-width: 28px;
2061
+ padding: 0;
1990
2062
  }
1991
2063
  .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
1992
2064
  margin: 4px;
@@ -2005,6 +2077,11 @@
2005
2077
  min-height: 40px;
2006
2078
  min-width: 40px;
2007
2079
  padding: 0 4px;
2080
+ border-radius: 2px;
2081
+ line-height: 22px;
2082
+ }
2083
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover, .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus, .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
2084
+ padding: 0 4px;
2008
2085
  }
2009
2086
  .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
2010
2087
  outline: none;
@@ -2019,6 +2096,7 @@
2019
2096
  margin: 0;
2020
2097
  min-width: 12px;
2021
2098
  width: auto;
2099
+ padding-bottom: 0;
2022
2100
  }
2023
2101
  .e-toolbar .e-toolbar-items .e-toolbar-item > * {
2024
2102
  -ms-flex-item-align: center;
@@ -2165,28 +2243,60 @@
2165
2243
  background: #f3f2f1;
2166
2244
  box-shadow: none;
2167
2245
  color: #201f1e;
2246
+ border: none;
2168
2247
  }
2169
2248
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
2170
2249
  color: #201f1e;
2171
2250
  }
2172
2251
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
2173
2252
  background: #e1dfdd;
2174
- border-color: #605e5c;
2175
2253
  border-radius: 0;
2176
2254
  color: #201f1e;
2255
+ border-color: #605e5c;
2256
+ border-style: solid;
2257
+ border-width: 0;
2258
+ box-shadow: none;
2259
+ }
2260
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2261
+ color: #605e5c;
2262
+ }
2263
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
2264
+ color: #201f1e;
2177
2265
  }
2178
2266
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
2179
2267
  background: #edebe9;
2180
- border-color: #605e5c;
2181
2268
  border-radius: 0;
2182
2269
  color: #201f1e;
2270
+ border-color: #605e5c;
2271
+ border-style: solid;
2272
+ border-width: 0;
2273
+ }
2274
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover:active .e-icons {
2275
+ color: #605e5c;
2276
+ }
2277
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover:active .e-tbar-btn-text {
2278
+ color: #201f1e;
2279
+ }
2280
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2281
+ color: #605e5c;
2282
+ }
2283
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
2284
+ color: #201f1e;
2183
2285
  }
2184
2286
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
2185
2287
  background: #e1dfdd;
2186
- border-color: #e1dfdd;
2187
2288
  border-radius: 0;
2188
2289
  box-shadow: none;
2189
2290
  color: #201f1e;
2291
+ border-color: #e1dfdd;
2292
+ border-style: solid;
2293
+ border-width: 0;
2294
+ }
2295
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active .e-icons {
2296
+ color: #605e5c;
2297
+ }
2298
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active .e-tbar-btn-text {
2299
+ color: #201f1e;
2190
2300
  }
2191
2301
  .e-toolbar .e-tbar-btn.e-btn .e-icons {
2192
2302
  color: #605e5c;
@@ -2196,6 +2306,51 @@
2196
2306
  border: 0 solid #edebe9;
2197
2307
  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
2198
2308
  }
2309
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn {
2310
+ background: transparent;
2311
+ }
2312
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
2313
+ background: #edebe9;
2314
+ box-shadow: none;
2315
+ color: #201f1e;
2316
+ border-color: #605e5c;
2317
+ border-style: solid;
2318
+ border-width: 0;
2319
+ }
2320
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover .e-icons {
2321
+ color: #605e5c;
2322
+ }
2323
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
2324
+ color: #201f1e;
2325
+ }
2326
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
2327
+ background: #e1dfdd;
2328
+ box-shadow: none;
2329
+ color: #201f1e;
2330
+ border-color: #e1dfdd;
2331
+ border-style: solid;
2332
+ border-width: 0;
2333
+ }
2334
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active .e-icons {
2335
+ color: #605e5c;
2336
+ }
2337
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active .e-tbar-btn-text {
2338
+ color: #201f1e;
2339
+ }
2340
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus {
2341
+ background: #e1dfdd;
2342
+ box-shadow: none;
2343
+ color: #201f1e;
2344
+ border-color: #605e5c;
2345
+ border-style: solid;
2346
+ border-width: 0;
2347
+ }
2348
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus .e-icons {
2349
+ color: #605e5c;
2350
+ }
2351
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
2352
+ color: #201f1e;
2353
+ }
2199
2354
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
2200
2355
  outline: none;
2201
2356
  }
@@ -2208,28 +2363,51 @@
2208
2363
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
2209
2364
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
2210
2365
  background: #f3f2f1;
2211
- border: 0;
2212
2366
  box-shadow: none;
2213
- border-left: 0 #edebe9 #f3f2f1;
2367
+ border-color: #f3f2f1;
2368
+ border-style: solid;
2369
+ border-width: 0;
2370
+ }
2371
+ .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:focus,
2372
+ .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav):focus {
2373
+ border-color: #f3f2f1;
2374
+ border-style: solid;
2375
+ border-width: 0;
2214
2376
  }
2215
2377
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
2216
2378
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) .e-icons {
2217
2379
  color: #201f1e;
2218
2380
  }
2381
+ .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons:active,
2382
+ .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) .e-icons:active {
2383
+ color: #201f1e;
2384
+ }
2219
2385
  .e-toolbar .e-tbar-btn {
2220
2386
  background: transparent;
2221
2387
  box-shadow: none;
2222
2388
  color: #201f1e;
2389
+ border: none;
2223
2390
  }
2224
2391
  .e-toolbar .e-tbar-btn:focus {
2225
2392
  background: #e1dfdd;
2226
- border-color: #605e5c;
2227
2393
  border-radius: 0;
2228
2394
  color: #201f1e;
2395
+ border-color: #605e5c;
2396
+ border-style: solid;
2397
+ border-width: 0;
2398
+ box-shadow: none;
2399
+ }
2400
+ .e-toolbar .e-tbar-btn:focus .e-icons {
2401
+ color: #605e5c;
2402
+ }
2403
+ .e-toolbar .e-tbar-btn:focus .e-tbar-btn-text {
2404
+ color: #201f1e;
2229
2405
  }
2230
2406
  .e-toolbar .e-tbar-btn:hover {
2231
2407
  background: #edebe9;
2232
2408
  border-color: #605e5c;
2409
+ border-style: solid;
2410
+ border-width: 0;
2233
2411
  border-radius: 0;
2234
2412
  color: #201f1e;
2235
2413
  }
@@ -2238,6 +2416,7 @@
2238
2416
  }
2239
2417
  .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay {
2240
2418
  background: #f3f2f1;
2419
+ opacity: 0.5;
2241
2420
  }
2242
2421
  .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-tbar-btn-text {
2243
2422
  color: #201f1e;
@@ -2248,6 +2427,30 @@
2248
2427
  .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
2249
2428
  color: #201f1e;
2250
2429
  }
2430
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-flat.e-active .e-tbar-btn-text {
2431
+ color: #323130;
2432
+ }
2433
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-flat.e-active:focus {
2434
+ box-shadow: none;
2435
+ }
2436
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover .e-icons {
2437
+ color: #605e5c;
2438
+ }
2439
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
2440
+ color: #201f1e;
2441
+ }
2442
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover:active .e-icons {
2443
+ color: #605e5c;
2444
+ }
2445
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover:active .e-tbar-btn-text {
2446
+ color: #201f1e;
2447
+ }
2448
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:focus .e-icons {
2449
+ color: #605e5c;
2450
+ }
2451
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
2452
+ color: #201f1e;
2453
+ }
2251
2454
  .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
2252
2455
  border: solid #c8c6c4;
2253
2456
  border-width: 0 1px 0 0;
@@ -2270,10 +2473,17 @@
2270
2473
  .e-toolbar .e-hor-nav::after {
2271
2474
  content: "";
2272
2475
  }
2476
+ .e-toolbar .e-hor-nav.e-nav-active:active, .e-toolbar .e-hor-nav.e-nav-active:focus, .e-toolbar .e-hor-nav.e-nav-active:hover {
2477
+ border-bottom-right-radius: 0;
2478
+ }
2273
2479
  .e-toolbar .e-hor-nav:active {
2274
2480
  border: 0;
2275
2481
  box-shadow: none;
2276
2482
  color: #201f1e;
2483
+ background: #f3f2f1;
2484
+ }
2485
+ .e-toolbar .e-hor-nav:active .e-icons {
2486
+ color: #605e5c;
2277
2487
  }
2278
2488
  .e-toolbar .e-hor-nav:active::after {
2279
2489
  content: "";
@@ -2283,19 +2493,45 @@
2283
2493
  border-left: 0;
2284
2494
  color: #201f1e;
2285
2495
  }
2496
+ .e-toolbar .e-hor-nav:hover .e-icons {
2497
+ color: #605e5c;
2498
+ }
2499
+ .e-toolbar .e-hor-nav:hover:not(.e-nav-active) {
2500
+ border-color: #edebe9;
2501
+ border-style: solid;
2502
+ border-width: 0;
2503
+ }
2504
+ .e-toolbar .e-hor-nav:hover:active {
2505
+ background: #edebe9;
2506
+ border-color: #edebe9;
2507
+ border-style: solid;
2508
+ border-width: 0;
2509
+ }
2286
2510
  .e-toolbar .e-hor-nav:focus {
2287
2511
  background: #edebe9;
2288
- border-left: 0;
2289
- border-color: #605e5c;
2290
2512
  color: #201f1e;
2513
+ border-color: #605e5c;
2514
+ border-style: solid;
2515
+ border-width: 0;
2516
+ }
2517
+ .e-toolbar .e-hor-nav:focus .e-icons {
2518
+ color: #605e5c;
2291
2519
  }
2292
2520
  .e-toolbar .e-tbar-btn:active {
2293
2521
  background: #e1dfdd;
2294
2522
  border-color: #e1dfdd;
2523
+ border-style: solid;
2524
+ border-width: 0;
2295
2525
  border-radius: 0;
2296
2526
  box-shadow: none;
2297
2527
  color: #201f1e;
2298
2528
  }
2529
+ .e-toolbar .e-tbar-btn:active .e-icons {
2530
+ color: #605e5c;
2531
+ }
2532
+ .e-toolbar .e-tbar-btn:active .e-tbar-btn-text {
2533
+ color: #201f1e;
2534
+ }
2299
2535
 
2300
2536
  /*! component's theme wise override fluent-definitions and variables */
2301
2537
  /*! accordion icons */
@@ -2310,6 +2546,7 @@
2310
2546
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
2311
2547
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2312
2548
  font-size: 16px;
2549
+ vertical-align: middle;
2313
2550
  }
2314
2551
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel,
2315
2552
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel {
@@ -2355,15 +2592,21 @@
2355
2592
  min-height: 48px;
2356
2593
  min-width: 24px;
2357
2594
  right: 16px;
2595
+ font-size: 22px;
2358
2596
  }
2359
2597
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
2360
2598
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
2361
2599
  display: inline-block;
2362
2600
  padding: 0 12px 0 0;
2363
2601
  }
2602
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
2603
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
2604
+ font-size: 22px;
2605
+ }
2364
2606
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
2365
2607
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
2366
2608
  padding: 16px;
2609
+ font-size: 16px;
2367
2610
  }
2368
2611
  .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
2369
2612
  .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
@@ -2399,6 +2642,23 @@
2399
2642
  display: block;
2400
2643
  position: relative;
2401
2644
  }
2645
+ .e-accordion .e-acrdn-item {
2646
+ border-radius: 0;
2647
+ margin-top: 0;
2648
+ }
2649
+ .e-accordion .e-acrdn-item.e-select.e-selected:first-child {
2650
+ border-top: 1px none #edebe9;
2651
+ }
2652
+ .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
2653
+ border-bottom: 1px none #edebe9;
2654
+ }
2655
+ .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
2656
+ margin-bottom: 0;
2657
+ margin-top: 0;
2658
+ }
2659
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select {
2660
+ margin: 0;
2661
+ }
2402
2662
  .e-accordion .e-acrdn-item > .e-acrdn-header .e-acrdn-header-content {
2403
2663
  font-weight: 400;
2404
2664
  }
@@ -2425,7 +2685,11 @@
2425
2685
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
2426
2686
  cursor: pointer;
2427
2687
  }
2688
+ .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
2689
+ text-decoration: none;
2690
+ }
2428
2691
  .e-accordion .e-acrdn-item .e-acrdn-header {
2692
+ border-radius: 0;
2429
2693
  line-height: 22px;
2430
2694
  min-height: 38px;
2431
2695
  overflow: hidden;
@@ -2433,10 +2697,14 @@
2433
2697
  text-decoration: none;
2434
2698
  text-overflow: ellipsis;
2435
2699
  white-space: nowrap;
2700
+ margin-bottom: 0;
2436
2701
  }
2437
2702
  .e-accordion .e-acrdn-item .e-acrdn-header > * {
2438
2703
  display: inline-block;
2439
2704
  }
2705
+ .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2706
+ line-height: 22px;
2707
+ }
2440
2708
  .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
2441
2709
  display: table;
2442
2710
  font-size: 18px;
@@ -2459,6 +2727,9 @@
2459
2727
  display: inline-block;
2460
2728
  padding: 0 8px 0 0;
2461
2729
  }
2730
+ .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
2731
+ font-size: 12px;
2732
+ }
2462
2733
  .e-accordion .e-acrdn-item .e-acrdn-panel {
2463
2734
  font-size: 14px;
2464
2735
  overflow-y: hidden;
@@ -2542,10 +2813,86 @@
2542
2813
  .e-accordion .e-active {
2543
2814
  background: #fff;
2544
2815
  }
2816
+ .e-accordion .e-acrdn-item {
2817
+ border-color: #edebe9;
2818
+ border-style: solid;
2819
+ border-width: 0;
2820
+ border-radius: 0;
2821
+ }
2822
+ .e-accordion .e-acrdn-item.e-select:last-child {
2823
+ border-bottom: 0;
2824
+ border-radius: 0;
2825
+ }
2826
+ .e-accordion .e-acrdn-item:first-child .e-acrdn-header:focus {
2827
+ border-radius: 0;
2828
+ }
2829
+ .e-accordion .e-acrdn-item:last-child {
2830
+ border-bottom: 0;
2831
+ }
2832
+ .e-accordion .e-acrdn-item:last-child:not(.e-expand-state) .e-acrdn-header:focus {
2833
+ border-radius: 0;
2834
+ }
2835
+ .e-accordion .e-acrdn-item:last-child.e-selected .e-acrdn-header:focus {
2836
+ border-radius: 0;
2837
+ }
2838
+ .e-accordion .e-acrdn-item.e-item-focus {
2839
+ border-color: #edebe9;
2840
+ border-style: solid;
2841
+ border-width: 0;
2842
+ }
2843
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state {
2844
+ border-top: 1px none #edebe9;
2845
+ }
2846
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:focus {
2847
+ border-color: #201f1e;
2848
+ border-style: solid;
2849
+ border-width: 1px;
2850
+ }
2851
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
2852
+ background: #f3f2f1;
2853
+ }
2854
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-content {
2855
+ color: #201f1e;
2856
+ }
2857
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-icons {
2858
+ color: #605e5c;
2859
+ }
2860
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-icon .e-icons {
2861
+ color: #201f1e;
2862
+ }
2863
+ .e-accordion .e-acrdn-item.e-item-focus.e-expand-state.e-select, .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state {
2864
+ border-color: #edebe9;
2865
+ }
2866
+ .e-accordion .e-acrdn-item.e-expand-state.e-select {
2867
+ border-color: #edebe9;
2868
+ border-style: solid;
2869
+ border-width: 0;
2870
+ }
2871
+ .e-accordion .e-acrdn-item .e-acrdn-header {
2872
+ border: 0;
2873
+ }
2874
+ .e-accordion .e-acrdn-item.e-overlay.e-select.e-expand-state .e-acrdn-header .e-icons,
2875
+ .e-accordion .e-acrdn-item.e-overlay.e-select.e-expand-state .e-acrdn-header .e-acrdn-header-content {
2876
+ color: #201f1e;
2877
+ }
2545
2878
  .e-accordion .e-acrdn-item.e-overlay {
2546
2879
  background: #fff;
2880
+ opacity: 0.5;
2881
+ }
2882
+ .e-accordion .e-acrdn-item.e-overlay .e-acrdn-header .e-icons,
2883
+ .e-accordion .e-acrdn-item.e-overlay .e-acrdn-header .e-acrdn-header-content {
2884
+ color: #201f1e;
2885
+ }
2886
+ .e-accordion .e-acrdn-item.e-overlay.e-overlay.e-select.e-expand-state .e-acrdn-header .e-icons {
2887
+ color: #a19f9d;
2888
+ }
2889
+ .e-accordion .e-acrdn-item.e-overlay.e-overlay.e-select.e-expand-state .e-acrdn-header .e-acrdn-header-content {
2890
+ color: #201f1e;
2547
2891
  }
2548
2892
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus {
2893
+ border-color: #201f1e;
2894
+ border-style: solid;
2895
+ border-width: 1px;
2549
2896
  background: #f3f2f1;
2550
2897
  }
2551
2898
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
@@ -2554,11 +2901,25 @@
2554
2901
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
2555
2902
  background: #e1dfdd;
2556
2903
  }
2904
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
2905
+ color: #201f1e;
2906
+ }
2907
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-item:last-child {
2908
+ border-bottom: 1px none #edebe9;
2909
+ }
2557
2910
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-header .e-acrdn-header-content {
2558
2911
  color: #201f1e;
2559
2912
  }
2913
+ .e-accordion .e-acrdn-item.e-select {
2914
+ background: none;
2915
+ border-color: #edebe9;
2916
+ border-style: solid;
2917
+ border-width: 0;
2918
+ }
2560
2919
  .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
2561
2920
  color: #201f1e;
2921
+ background: none;
2922
+ border-top: 0;
2562
2923
  }
2563
2924
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2564
2925
  color: #201f1e;
@@ -2568,20 +2929,65 @@
2568
2929
  }
2569
2930
  .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
2570
2931
  background: #f3f2f1;
2932
+ border: 1px solid #201f1e;
2933
+ border-color: #201f1e;
2571
2934
  }
2572
2935
  .e-accordion .e-acrdn-item .e-acrdn-header:hover {
2936
+ border: 0;
2573
2937
  background: #f3f2f1;
2938
+ border-color: initial;
2574
2939
  }
2575
2940
  .e-accordion .e-acrdn-item .e-acrdn-header:active {
2941
+ border: 0;
2942
+ border-color: initial;
2576
2943
  background: #e1dfdd;
2577
2944
  }
2578
2945
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2579
- background: #f3f2f1;
2580
2946
  border: 1px solid #201f1e;
2947
+ box-shadow: none;
2948
+ background: #f3f2f1;
2949
+ }
2950
+ .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2951
+ .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
2952
+ .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-toggle-icon {
2953
+ color: #201f1e;
2954
+ }
2955
+ .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
2956
+ color: #201f1e;
2957
+ }
2958
+ .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons {
2959
+ color: #605e5c;
2960
+ }
2961
+ .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
2962
+ color: #605e5c;
2963
+ }
2964
+ .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-acrdn-header-content {
2965
+ color: #201f1e;
2581
2966
  }
2582
2967
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
2968
+ border-color: initial;
2969
+ border-style: solid;
2970
+ border-width: 0;
2583
2971
  background: #fff;
2584
2972
  }
2973
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-icons {
2974
+ color: #605e5c;
2975
+ }
2976
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons {
2977
+ color: #201f1e;
2978
+ }
2979
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content {
2980
+ color: #201f1e;
2981
+ }
2982
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content {
2983
+ color: #201f1e;
2984
+ }
2985
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon {
2986
+ color: #201f1e;
2987
+ }
2988
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover {
2989
+ border-color: initial;
2990
+ }
2585
2991
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
2586
2992
  color: #605e5c;
2587
2993
  }
@@ -2590,15 +2996,57 @@
2590
2996
  .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
2591
2997
  color: #201f1e;
2592
2998
  }
2999
+ .e-accordion .e-acrdn-item.e-select.e-item-focus {
3000
+ border-color: initial;
3001
+ }
3002
+ .e-accordion .e-acrdn-item.e-selected {
3003
+ border-color: #edebe9;
3004
+ border-style: solid;
3005
+ border-width: 0;
3006
+ }
2593
3007
  .e-accordion .e-acrdn-item.e-selected.e-select {
3008
+ border-color: #edebe9;
3009
+ border-style: solid;
3010
+ border-width: 0;
3011
+ }
3012
+ .e-accordion .e-acrdn-item.e-selected.e-select.e-active {
3013
+ background: #fff;
3014
+ }
3015
+ .e-accordion .e-acrdn-item.e-selected.e-select.e-select:last-child {
2594
3016
  border-bottom: 1px none #edebe9;
2595
- border-top: 1px none #edebe9;
3017
+ }
3018
+ .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
3019
+ color: #201f1e;
3020
+ }
3021
+ .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
3022
+ color: #605e5c;
3023
+ }
3024
+ .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3025
+ box-shadow: none;
2596
3026
  }
2597
3027
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2598
- border-top: 1px none #edebe9;
3028
+ border-color: #edebe9;
3029
+ border-style: solid;
3030
+ border-width: 0;
2599
3031
  }
2600
- .e-accordion .e-acrdn-item.e-selected .e-selected:last-child {
2601
- border-bottom: 1px none #edebe9;
3032
+ .e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-icons {
3033
+ color: #605e5c;
3034
+ }
3035
+ .e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-acrdn-header-content {
3036
+ color: #201f1e;
3037
+ }
3038
+ .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
3039
+ background: #f3f2f1;
3040
+ border-radius: 0;
3041
+ border-color: initial;
3042
+ border-style: solid;
3043
+ border-width: 0;
3044
+ }
3045
+ .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:focus {
3046
+ background: #f3f2f1;
3047
+ }
3048
+ .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:hover {
3049
+ border-color: initial;
2602
3050
  }
2603
3051
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-content {
2604
3052
  color: #201f1e;
@@ -3127,7 +3575,6 @@
3127
3575
  .e-bigger.e-contextmenu-container ul .e-menu-item {
3128
3576
  height: 40px;
3129
3577
  line-height: 40px;
3130
- padding: 0 12px;
3131
3578
  }
3132
3579
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
3133
3580
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
@@ -3257,18 +3704,6 @@
3257
3704
  /*! Bootstrap specific themes definition's */
3258
3705
  /*! Vertical Tab */
3259
3706
  /*! tab icons */
3260
- .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-left-arrow::before {
3261
- content: "\e748";
3262
- }
3263
- .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-right-arrow::before {
3264
- content: "\e765";
3265
- }
3266
- .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before {
3267
- content: "\e765";
3268
- }
3269
- .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
3270
- content: "\e748";
3271
- }
3272
3707
  .e-tab .e-tab-header .e-close-icon::before {
3273
3708
  content: "\e7e7";
3274
3709
  position: relative;
@@ -3297,12 +3732,6 @@
3297
3732
  content: "\e729";
3298
3733
  }
3299
3734
  }
3300
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before {
3301
- content: "\e776";
3302
- }
3303
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before {
3304
- content: "\e729";
3305
- }
3306
3735
  .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before {
3307
3736
  content: "More";
3308
3737
  }
@@ -3343,8 +3772,6 @@
3343
3772
  .e-tab.e-bigger .e-tab-header .e-toolbar-items {
3344
3773
  height: auto;
3345
3774
  min-height: auto;
3346
- height: 48px;
3347
- min-height: 48px;
3348
3775
  }
3349
3776
  .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,
3350
3777
  .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -3353,8 +3780,8 @@
3353
3780
  }
3354
3781
  @media screen and (max-width: 480px) {
3355
3782
  .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,
3356
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
3357
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
3783
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
3784
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
3358
3785
  margin: 0;
3359
3786
  }
3360
3787
  }
@@ -3364,17 +3791,21 @@
3364
3791
  }
3365
3792
  @media screen and (max-width: 480px) {
3366
3793
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
3367
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
3794
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
3368
3795
  margin: 0 2px 0 0;
3369
3796
  }
3370
3797
  }
3798
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
3799
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
3800
+ margin: 0;
3801
+ }
3371
3802
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
3372
3803
  .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
3373
3804
  margin: 0 2px 0 0;
3374
3805
  }
3375
3806
  @media screen and (max-width: 480px) {
3376
3807
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
3377
- .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
3808
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
3378
3809
  margin: 0 2px 0 0;
3379
3810
  }
3380
3811
  }
@@ -3384,7 +3815,6 @@
3384
3815
  }
3385
3816
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav,
3386
3817
  .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
3387
- width: 50px;
3388
3818
  width: 38px;
3389
3819
  }
3390
3820
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
@@ -3397,7 +3827,7 @@
3397
3827
  }
3398
3828
  @media screen and (max-width: 480px) {
3399
3829
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
3400
- .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
3830
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
3401
3831
  margin: 0 8px 0 0;
3402
3832
  }
3403
3833
  }
@@ -3414,7 +3844,7 @@
3414
3844
  }
3415
3845
  @media screen and (max-width: 480px) {
3416
3846
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
3417
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
3847
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
3418
3848
  padding: 0 15px;
3419
3849
  }
3420
3850
  }
@@ -3425,6 +3855,12 @@
3425
3855
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-text,
3426
3856
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-text {
3427
3857
  font-size: 16px;
3858
+ margin-bottom: 0;
3859
+ }
3860
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before,
3861
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before {
3862
+ position: relative;
3863
+ top: 2px;
3428
3864
  }
3429
3865
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
3430
3866
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
@@ -3433,10 +3869,15 @@
3433
3869
  }
3434
3870
  @media screen and (max-width: 480px) {
3435
3871
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
3436
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
3872
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
3437
3873
  margin: 0 2px 0 0;
3438
3874
  }
3439
3875
  }
3876
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before,
3877
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before {
3878
+ position: relative;
3879
+ top: 2px;
3880
+ }
3440
3881
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
3441
3882
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
3442
3883
  height: 48px;
@@ -3447,10 +3888,6 @@
3447
3888
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
3448
3889
  height: 48px;
3449
3890
  }
3450
- .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
3451
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap {
3452
- padding: 0;
3453
- }
3454
3891
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
3455
3892
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
3456
3893
  cursor: pointer;
@@ -3458,7 +3895,7 @@
3458
3895
  }
3459
3896
  @media screen and (max-width: 480px) {
3460
3897
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
3461
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
3898
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
3462
3899
  margin: 0 0 0 8px;
3463
3900
  }
3464
3901
  }
@@ -3470,9 +3907,9 @@
3470
3907
  }
3471
3908
  @media screen and (max-width: 480px) {
3472
3909
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
3473
- .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
3474
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
3475
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
3910
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
3911
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
3912
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
3476
3913
  font-size: 12px;
3477
3914
  }
3478
3915
  }
@@ -3481,6 +3918,7 @@
3481
3918
  height: 16px;
3482
3919
  min-width: 16px;
3483
3920
  width: 16px;
3921
+ line-height: 1;
3484
3922
  }
3485
3923
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
3486
3924
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before,
@@ -3498,7 +3936,7 @@
3498
3936
  }
3499
3937
  @media screen and (max-width: 480px) {
3500
3938
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
3501
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
3939
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
3502
3940
  margin: 0 0 0 10px;
3503
3941
  }
3504
3942
  }
@@ -3508,7 +3946,7 @@
3508
3946
  }
3509
3947
  @media screen and (max-width: 480px) {
3510
3948
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
3511
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
3949
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
3512
3950
  margin: 0 0 0 10px;
3513
3951
  }
3514
3952
  }
@@ -3568,7 +4006,7 @@
3568
4006
  }
3569
4007
  @media screen and (max-width: 480px) {
3570
4008
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
3571
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
4009
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
3572
4010
  padding: 0 24px;
3573
4011
  }
3574
4012
  }
@@ -3582,7 +4020,7 @@
3582
4020
  }
3583
4021
  @media screen and (max-width: 480px) {
3584
4022
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
3585
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
4023
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
3586
4024
  padding-right: 0;
3587
4025
  }
3588
4026
  }
@@ -3606,8 +4044,8 @@
3606
4044
  }
3607
4045
  @media screen and (max-width: 480px) {
3608
4046
  .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),
3609
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
3610
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
4047
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
4048
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
3611
4049
  min-height: 50px;
3612
4050
  }
3613
4051
  }
@@ -3620,10 +4058,10 @@
3620
4058
  }
3621
4059
  @media screen and (max-width: 480px) {
3622
4060
  .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,
3623
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
3624
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
3625
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
3626
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
4061
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
4062
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
4063
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
4064
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
3627
4065
  height: 50px;
3628
4066
  }
3629
4067
  }
@@ -3636,8 +4074,8 @@
3636
4074
  }
3637
4075
  @media screen and (max-width: 480px) {
3638
4076
  .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,
3639
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
3640
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
4077
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
4078
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
3641
4079
  margin: 0;
3642
4080
  padding-left: 0;
3643
4081
  padding-right: 0;
@@ -3651,7 +4089,7 @@
3651
4089
  }
3652
4090
  @media screen and (max-width: 480px) {
3653
4091
  .e-bigger .e-tab .e-tab-header .e-scroll-nav,
3654
- .e-tab.e-bigger .e-tab-header .e-scroll-nav {
4092
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
3655
4093
  padding: 0;
3656
4094
  }
3657
4095
  }
@@ -3672,7 +4110,7 @@
3672
4110
  }
3673
4111
  @media screen and (max-width: 480px) {
3674
4112
  .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
3675
- .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
4113
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
3676
4114
  font-size: 12px;
3677
4115
  height: 38px;
3678
4116
  line-height: 38px;
@@ -3696,7 +4134,7 @@
3696
4134
  }
3697
4135
  @media screen and (max-width: 480px) {
3698
4136
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
3699
- .e-tab.e-bigger .e-tab-header .e-hor-nav {
4137
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
3700
4138
  padding: 0;
3701
4139
  }
3702
4140
  }
@@ -3711,9 +4149,9 @@
3711
4149
  }
3712
4150
  @media screen and (max-width: 480px) {
3713
4151
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
3714
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
3715
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
3716
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
4152
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
4153
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
4154
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
3717
4155
  font-size: 12px;
3718
4156
  height: 38px;
3719
4157
  line-height: 38px;
@@ -3731,22 +4169,43 @@
3731
4169
  }
3732
4170
  @media screen and (max-width: 480px) {
3733
4171
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
3734
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
3735
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
3736
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
4172
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
4173
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
4174
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
3737
4175
  font-size: 16px;
3738
4176
  }
3739
4177
  }
4178
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
4179
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
4180
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
4181
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
4182
+ line-height: 38px;
4183
+ }
3740
4184
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
3741
4185
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before,
3742
4186
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
3743
4187
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
4188
+ line-height: 38px;
3744
4189
  top: 0;
3745
4190
  }
4191
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
4192
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
4193
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
4194
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
4195
+ line-height: 38px;
4196
+ }
3746
4197
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
3747
4198
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before,
3748
4199
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
3749
4200
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
4201
+ line-height: 38px;
4202
+ top: 0;
4203
+ }
4204
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
4205
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
4206
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
4207
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
4208
+ line-height: 38px;
3750
4209
  top: 0;
3751
4210
  }
3752
4211
  .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
@@ -3780,7 +4239,7 @@
3780
4239
  }
3781
4240
  @media screen and (max-width: 480px) {
3782
4241
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
3783
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
4242
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3784
4243
  margin: 0 2px 0 0;
3785
4244
  }
3786
4245
  }
@@ -3788,6 +4247,15 @@
3788
4247
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-text {
3789
4248
  padding-top: 1px;
3790
4249
  }
4250
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before,
4251
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before {
4252
+ top: 0;
4253
+ }
4254
+ .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,
4255
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-close-icon::before,
4256
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-close-icon::before {
4257
+ top: 0;
4258
+ }
3791
4259
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
3792
4260
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
3793
4261
  margin: 0;
@@ -3795,10 +4263,18 @@
3795
4263
  }
3796
4264
  @media screen and (max-width: 480px) {
3797
4265
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
3798
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
4266
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
3799
4267
  margin: 0 2px 0 0;
3800
4268
  }
3801
4269
  }
4270
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text,
4271
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text {
4272
+ padding-top: 1px;
4273
+ }
4274
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before,
4275
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before {
4276
+ top: 0;
4277
+ }
3802
4278
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom,
3803
4279
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop,
3804
4280
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom {
@@ -3814,16 +4290,15 @@
3814
4290
  height: 48px;
3815
4291
  padding: 0;
3816
4292
  }
3817
- .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,
3818
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap,
3819
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap {
3820
- height: 48px;
3821
- }
3822
4293
  .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,
3823
4294
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap,
3824
4295
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap {
3825
4296
  height: initial;
3826
4297
  }
4298
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active,
4299
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active {
4300
+ height: 48px;
4301
+ }
3827
4302
  .e-bigger .e-tab .e-tab-header.e-vertical,
3828
4303
  .e-tab.e-bigger .e-tab-header.e-vertical {
3829
4304
  max-width: 150px;
@@ -3835,7 +4310,7 @@
3835
4310
  }
3836
4311
  @media screen and (max-width: 480px) {
3837
4312
  .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
3838
- .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
4313
+ .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
3839
4314
  bottom: 0;
3840
4315
  top: 0;
3841
4316
  }
@@ -3861,6 +4336,11 @@
3861
4336
  .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon {
3862
4337
  right: -20px;
3863
4338
  }
4339
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon,
4340
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon {
4341
+ min-height: 38px;
4342
+ min-width: auto;
4343
+ }
3864
4344
  .e-bigger .e-tab .e-tab-header.e-vertical .e-scroll-nav,
3865
4345
  .e-tab.e-bigger .e-tab-header.e-vertical .e-scroll-nav {
3866
4346
  height: 24px;
@@ -3895,28 +4375,28 @@
3895
4375
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
3896
4376
  height: auto;
3897
4377
  }
3898
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
3899
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
4378
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
4379
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
3900
4380
  height: 72px;
3901
4381
  min-height: 72px;
3902
4382
  }
3903
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
3904
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
4383
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
4384
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
3905
4385
  height: 72px;
3906
4386
  }
3907
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
3908
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
4387
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
4388
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
3909
4389
  height: 72px;
3910
4390
  }
3911
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
3912
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
4391
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
4392
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
3913
4393
  height: 72px;
3914
4394
  }
3915
4395
  @media screen and (max-width: 480px) {
3916
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
3917
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
3918
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
3919
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
4396
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
4397
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
4398
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
4399
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
3920
4400
  font-size: 12px;
3921
4401
  }
3922
4402
  }
@@ -3969,6 +4449,10 @@
3969
4449
  height: 48px;
3970
4450
  padding: 0;
3971
4451
  }
4452
+ .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft,
4453
+ .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft {
4454
+ height: 48px;
4455
+ }
3972
4456
  .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
3973
4457
  .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
3974
4458
  .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
@@ -4033,6 +4517,14 @@
4033
4517
  .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
4034
4518
  top: 0;
4035
4519
  }
4520
+ .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),
4521
+ .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) {
4522
+ margin: 0;
4523
+ }
4524
+ .e-bigger .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator).e-active,
4525
+ .e-tab.e-bigger.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator).e-active {
4526
+ margin: 0;
4527
+ }
4036
4528
  .e-bigger .e-tab.e-fill .e-tab-header,
4037
4529
  .e-tab.e-bigger.e-fill .e-tab-header {
4038
4530
  height: 48px;
@@ -4040,7 +4532,7 @@
4040
4532
  }
4041
4533
  @media screen and (max-width: 480px) {
4042
4534
  .e-bigger .e-tab.e-fill .e-tab-header,
4043
- .e-tab.e-bigger.e-fill .e-tab-header {
4535
+ .e-tab.e-bigger.e-fill .e-tab-header {
4044
4536
  height: 42px;
4045
4537
  min-height: 42px;
4046
4538
  }
@@ -4052,7 +4544,7 @@
4052
4544
  }
4053
4545
  @media screen and (max-width: 480px) {
4054
4546
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
4055
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
4547
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
4056
4548
  min-height: 42px;
4057
4549
  }
4058
4550
  }
@@ -4068,10 +4560,11 @@
4068
4560
  height: 48px;
4069
4561
  margin: 0;
4070
4562
  min-height: 48px;
4563
+ padding: 0;
4071
4564
  }
4072
4565
  @media screen and (max-width: 480px) {
4073
4566
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
4074
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
4567
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
4075
4568
  height: 42px;
4076
4569
  min-height: 42px;
4077
4570
  }
@@ -4089,7 +4582,7 @@
4089
4582
  }
4090
4583
  @media screen and (max-width: 480px) {
4091
4584
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
4092
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
4585
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
4093
4586
  height: 42px;
4094
4587
  padding: 0 20px;
4095
4588
  }
@@ -4100,7 +4593,7 @@
4100
4593
  }
4101
4594
  @media screen and (max-width: 480px) {
4102
4595
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
4103
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
4596
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
4104
4597
  height: 42px;
4105
4598
  }
4106
4599
  }
@@ -4118,7 +4611,7 @@
4118
4611
  }
4119
4612
  @media screen and (max-width: 480px) {
4120
4613
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
4121
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
4614
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
4122
4615
  height: 42px;
4123
4616
  }
4124
4617
  }
@@ -4129,8 +4622,8 @@
4129
4622
  }
4130
4623
  @media screen and (max-width: 480px) {
4131
4624
  .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,
4132
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
4133
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
4625
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
4626
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
4134
4627
  height: 42px;
4135
4628
  }
4136
4629
  }
@@ -4173,6 +4666,10 @@
4173
4666
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
4174
4667
  height: 42px;
4175
4668
  }
4669
+ .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap,
4670
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
4671
+ height: 42px;
4672
+ }
4176
4673
  .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,
4177
4674
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus,
4178
4675
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
@@ -4185,8 +4682,8 @@
4185
4682
  }
4186
4683
  @media screen and (max-width: 480px) {
4187
4684
  .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,
4188
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
4189
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
4685
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
4686
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
4190
4687
  height: auto;
4191
4688
  }
4192
4689
  }
@@ -4194,8 +4691,8 @@
4194
4691
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
4195
4692
  margin: 0;
4196
4693
  }
4197
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
4198
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
4694
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
4695
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
4199
4696
  height: 70px;
4200
4697
  min-height: 70px;
4201
4698
  }
@@ -4208,7 +4705,7 @@
4208
4705
  }
4209
4706
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator),
4210
4707
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
4211
- margin: 0;
4708
+ padding: 0;
4212
4709
  }
4213
4710
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
4214
4711
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
@@ -4216,7 +4713,7 @@
4216
4713
  }
4217
4714
  @media screen and (max-width: 480px) {
4218
4715
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
4219
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
4716
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
4220
4717
  padding: 0 20px;
4221
4718
  }
4222
4719
  }
@@ -4228,10 +4725,6 @@
4228
4725
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
4229
4726
  margin-bottom: 0;
4230
4727
  }
4231
- .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
4232
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
4233
- height: 48px;
4234
- }
4235
4728
  .e-bigger .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap,
4236
4729
  .e-tab.e-bigger.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
4237
4730
  padding: 0 16px;
@@ -4254,19 +4747,13 @@
4254
4747
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
4255
4748
  margin: 0 10px 0 0;
4256
4749
  }
4257
- @media screen and (max-width: 480px) {
4258
- .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right,
4259
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
4260
- margin: 0 10px 0 0;
4261
- }
4262
- }
4263
4750
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
4264
4751
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
4265
4752
  margin: 0 10px 0 0;
4266
4753
  }
4267
4754
  @media screen and (max-width: 480px) {
4268
4755
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
4269
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
4756
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
4270
4757
  margin: 0 10px 0 0;
4271
4758
  }
4272
4759
  }
@@ -4276,7 +4763,7 @@
4276
4763
  }
4277
4764
  @media screen and (max-width: 480px) {
4278
4765
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
4279
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
4766
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
4280
4767
  margin: 0 8px 0 0;
4281
4768
  }
4282
4769
  }
@@ -4304,7 +4791,7 @@
4304
4791
  }
4305
4792
  @media screen and (max-width: 480px) {
4306
4793
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
4307
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
4794
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
4308
4795
  padding-left: 0;
4309
4796
  }
4310
4797
  }
@@ -4327,8 +4814,8 @@
4327
4814
  }
4328
4815
  @media screen and (max-width: 480px) {
4329
4816
  .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,
4330
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
4331
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
4817
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
4818
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
4332
4819
  margin: 0;
4333
4820
  padding-left: 0;
4334
4821
  padding-right: 0;
@@ -4387,6 +4874,7 @@
4387
4874
  .e-tab .e-tab-header::before {
4388
4875
  content: "";
4389
4876
  position: absolute;
4877
+ display: unset;
4390
4878
  }
4391
4879
  .e-tab .e-tab-header:not(.e-vertical)::before {
4392
4880
  bottom: 0;
@@ -4398,8 +4886,6 @@
4398
4886
  margin: 0;
4399
4887
  min-height: 44px;
4400
4888
  position: relative;
4401
- height: 44px;
4402
- min-height: 44px;
4403
4889
  }
4404
4890
  @media screen and (max-width: 480px) {
4405
4891
  .e-tab .e-tab-header .e-toolbar-items {
@@ -4450,9 +4936,12 @@
4450
4936
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device .e-scroll-right-nav {
4451
4937
  display: none;
4452
4938
  }
4939
+ .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-hscroll-bar {
4940
+ padding: 0;
4941
+ }
4453
4942
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
4454
- width: 40px;
4455
4943
  width: 32px;
4944
+ border-radius: 0;
4456
4945
  }
4457
4946
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
4458
4947
  margin: 0 2px 0 0;
@@ -4480,6 +4969,7 @@
4480
4969
  height: 2px;
4481
4970
  left: 0;
4482
4971
  right: 0;
4972
+ border-radius: 0;
4483
4973
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
4484
4974
  }
4485
4975
  .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -4529,6 +5019,10 @@
4529
5019
  font-size: 14px;
4530
5020
  font-weight: 400;
4531
5021
  text-transform: capitalize;
5022
+ -ms-flex-item-align: auto;
5023
+ -ms-grid-row-align: auto;
5024
+ align-self: auto;
5025
+ margin-bottom: 0;
4532
5026
  }
4533
5027
  @media screen and (max-width: 480px) {
4534
5028
  .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
@@ -4557,7 +5051,15 @@
4557
5051
  margin-bottom: 0;
4558
5052
  }
4559
5053
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
4560
- font-weight: 600;
5054
+ font-weight: 400;
5055
+ }
5056
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon::before {
5057
+ top: 2px;
5058
+ left: 0;
5059
+ }
5060
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-top.e-tab-icon::before,
5061
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-bottom.e-tab-icon::before {
5062
+ left: 0;
4561
5063
  }
4562
5064
  .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 {
4563
5065
  height: 44px;
@@ -4584,12 +5086,12 @@
4584
5086
  }
4585
5087
  @media screen and (max-width: 480px) {
4586
5088
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
4587
- .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
5089
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
4588
5090
  font-size: 12px;
4589
5091
  }
4590
5092
  }
4591
5093
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
4592
- top: 0;
5094
+ top: 1px;
4593
5095
  }
4594
5096
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
4595
5097
  display: -ms-inline-flexbox;
@@ -4597,6 +5099,7 @@
4597
5099
  height: 16px;
4598
5100
  min-width: 16px;
4599
5101
  width: 16px;
5102
+ line-height: 1;
4600
5103
  }
4601
5104
  @media screen and (max-width: 480px) {
4602
5105
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -4610,10 +5113,19 @@
4610
5113
  }
4611
5114
  @media screen and (max-width: 480px) {
4612
5115
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
4613
- .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
5116
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
4614
5117
  font-size: 20px;
4615
5118
  }
4616
5119
  }
5120
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
5121
+ position: relative;
5122
+ top: 2px;
5123
+ left: 0;
5124
+ }
5125
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-top.e-tab-icon::before,
5126
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-bottom.e-tab-icon::before {
5127
+ left: 0;
5128
+ }
4617
5129
  .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
4618
5130
  -ms-flex-pack: center;
4619
5131
  justify-content: center;
@@ -4729,6 +5241,7 @@
4729
5241
  }
4730
5242
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
4731
5243
  margin: 0;
5244
+ padding: 0;
4732
5245
  }
4733
5246
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
4734
5247
  height: 26px;
@@ -4913,7 +5426,7 @@
4913
5426
  }
4914
5427
  @media screen and (max-width: 480px) {
4915
5428
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
4916
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
5429
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
4917
5430
  font-size: 12px;
4918
5431
  height: 38px;
4919
5432
  line-height: 38px;
@@ -4930,14 +5443,25 @@
4930
5443
  }
4931
5444
  @media screen and (max-width: 480px) {
4932
5445
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
4933
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
5446
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
4934
5447
  font-size: 16px;
4935
5448
  }
4936
5449
  }
5450
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
5451
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
5452
+ line-height: 32px;
5453
+ }
4937
5454
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
4938
5455
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
5456
+ line-height: 32px;
4939
5457
  top: 0;
4940
5458
  }
5459
+ @media screen and (max-width: 480px) {
5460
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
5461
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
5462
+ line-height: 32px;
5463
+ }
5464
+ }
4941
5465
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
4942
5466
  transform: rotate(0deg);
4943
5467
  transition: none;
@@ -4958,8 +5482,24 @@
4958
5482
  transition: none;
4959
5483
  }
4960
5484
  }
5485
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
5486
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
5487
+ line-height: 32px;
5488
+ }
4961
5489
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
4962
5490
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
5491
+ line-height: 32px;
5492
+ top: 0;
5493
+ }
5494
+ @media screen and (max-width: 480px) {
5495
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
5496
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
5497
+ line-height: 32px;
5498
+ }
5499
+ }
5500
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
5501
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
5502
+ line-height: 32px;
4963
5503
  top: 0;
4964
5504
  }
4965
5505
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active {
@@ -4991,6 +5531,9 @@
4991
5531
  .e-tab .e-tab-header.e-horizontal-bottom::before {
4992
5532
  bottom: auto;
4993
5533
  }
5534
+ .e-tab .e-tab-header.e-horizontal-bottom .e-hscroll-bar {
5535
+ margin-top: 0;
5536
+ }
4994
5537
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
4995
5538
  margin: 0 2px 0 0;
4996
5539
  padding-bottom: 0;
@@ -5019,6 +5562,12 @@
5019
5562
  height: 44px;
5020
5563
  padding: 0;
5021
5564
  }
5565
+ .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 {
5566
+ top: unset;
5567
+ }
5568
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-tab-wrap:focus .e-close-icon::before {
5569
+ top: 0;
5570
+ }
5022
5571
  .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 {
5023
5572
  height: initial;
5024
5573
  }
@@ -5091,6 +5640,13 @@
5091
5640
  .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap::before {
5092
5641
  display: none;
5093
5642
  }
5643
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon {
5644
+ min-height: 44px;
5645
+ min-width: 33px;
5646
+ }
5647
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon .e-tab-icon {
5648
+ margin: 0;
5649
+ }
5094
5650
  .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 {
5095
5651
  right: -15px;
5096
5652
  }
@@ -5107,9 +5663,6 @@
5107
5663
  left: auto;
5108
5664
  right: 0;
5109
5665
  }
5110
- .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active {
5111
- position: relative;
5112
- }
5113
5666
  .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active:hover::before {
5114
5667
  bottom: 0;
5115
5668
  height: 100%;
@@ -5119,7 +5672,7 @@
5119
5672
  bottom: 10px;
5120
5673
  content: "";
5121
5674
  height: 60%;
5122
- left: 99%;
5675
+ left: 98%;
5123
5676
  position: absolute;
5124
5677
  right: 0;
5125
5678
  transition: bottom 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, height 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
@@ -5150,9 +5703,6 @@
5150
5703
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-pop .e-tab-text {
5151
5704
  width: auto;
5152
5705
  }
5153
- .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active {
5154
- position: relative;
5155
- }
5156
5706
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active:hover::before {
5157
5707
  bottom: 0;
5158
5708
  height: 100%;
@@ -5164,7 +5714,7 @@
5164
5714
  height: 60%;
5165
5715
  left: 0;
5166
5716
  position: absolute;
5167
- right: 99%;
5717
+ right: 98%;
5168
5718
  transition: bottom 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, height 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
5169
5719
  width: 2px;
5170
5720
  }
@@ -5224,7 +5774,7 @@
5224
5774
  }
5225
5775
  @media screen and (max-width: 480px) {
5226
5776
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
5227
- .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
5777
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
5228
5778
  font-size: 16px;
5229
5779
  }
5230
5780
  }
@@ -5291,40 +5841,72 @@
5291
5841
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
5292
5842
  width: 100%;
5293
5843
  }
5294
- .e-tab.e-vertical-icon .e-tab-header {
5844
+ .e-tab.e-vertical-icon > .e-tab-header {
5295
5845
  height: 62px;
5296
5846
  min-height: 62px;
5297
5847
  }
5298
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
5299
- .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 {
5848
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
5849
+ .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 {
5300
5850
  display: none;
5301
5851
  }
5302
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
5852
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
5303
5853
  height: 62px;
5304
5854
  }
5305
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
5855
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
5856
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
5857
+ position: unset;
5858
+ }
5859
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
5860
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
5861
+ border: unset;
5862
+ content: unset;
5863
+ display: none;
5864
+ position: unset;
5865
+ top: unset;
5866
+ width: unset;
5867
+ }
5868
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
5869
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
5870
+ content: unset;
5871
+ display: unset;
5872
+ position: unset;
5873
+ top: unset;
5874
+ width: unset;
5875
+ border: unset;
5876
+ }
5877
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
5306
5878
  height: 62px;
5307
5879
  }
5308
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
5880
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
5309
5881
  height: 62px;
5310
5882
  }
5311
5883
  @media screen and (max-width: 480px) {
5312
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
5313
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
5884
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
5885
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
5314
5886
  font-size: 12px;
5315
5887
  }
5316
5888
  }
5317
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
5318
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
5889
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator {
5890
+ width: 2px;
5891
+ }
5892
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
5893
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
5319
5894
  display: none;
5320
5895
  }
5321
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
5322
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
5896
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
5897
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
5323
5898
  position: relative;
5324
5899
  }
5325
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
5900
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
5326
5901
  height: 16px;
5327
5902
  }
5903
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
5904
+ .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 {
5905
+ top: unset;
5906
+ }
5907
+ .e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active {
5908
+ margin: 0;
5909
+ }
5328
5910
  .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
5329
5911
  height: inherit;
5330
5912
  }
@@ -5528,6 +6110,7 @@
5528
6110
  height: 44px;
5529
6111
  margin: 0;
5530
6112
  min-height: 44px;
6113
+ padding: 0;
5531
6114
  }
5532
6115
  @media screen and (max-width: 480px) {
5533
6116
  .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
@@ -5575,7 +6158,7 @@
5575
6158
  font-weight: 400;
5576
6159
  }
5577
6160
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
5578
- height: 32px;
6161
+ height: 44px;
5579
6162
  }
5580
6163
  @media screen and (max-width: 480px) {
5581
6164
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
@@ -5628,6 +6211,9 @@
5628
6211
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
5629
6212
  height: 32px;
5630
6213
  }
6214
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
6215
+ height: 32px;
6216
+ }
5631
6217
  .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 {
5632
6218
  height: 62px;
5633
6219
  }
@@ -5642,7 +6228,7 @@
5642
6228
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
5643
6229
  margin: 0;
5644
6230
  }
5645
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
6231
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
5646
6232
  height: 60px;
5647
6233
  min-height: 60px;
5648
6234
  }
@@ -5653,6 +6239,7 @@
5653
6239
  }
5654
6240
  .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
5655
6241
  margin: 0;
6242
+ padding: 0;
5656
6243
  }
5657
6244
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
5658
6245
  padding: 0 15px;
@@ -5668,12 +6255,12 @@
5668
6255
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
5669
6256
  margin-bottom: 0;
5670
6257
  }
5671
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
5672
- height: 44px;
5673
- }
5674
6258
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text {
5675
6259
  font-weight: 400;
5676
6260
  }
6261
+ .e-tab.e-background .e-tab-header.e-vertical .e-indicator {
6262
+ display: none;
6263
+ }
5677
6264
  .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
5678
6265
  padding: 0 12px;
5679
6266
  }
@@ -5716,6 +6303,9 @@
5716
6303
  margin-left: 20px;
5717
6304
  margin-right: 0;
5718
6305
  }
6306
+ .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) {
6307
+ margin: 0;
6308
+ }
5719
6309
  .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item {
5720
6310
  margin: 0;
5721
6311
  }
@@ -5816,6 +6406,9 @@
5816
6406
  font-size: 14px;
5817
6407
  font-weight: 400;
5818
6408
  text-transform: capitalize;
6409
+ -ms-flex-item-align: auto;
6410
+ -ms-grid-row-align: auto;
6411
+ align-self: auto;
5819
6412
  }
5820
6413
  @media screen and (max-width: 480px) {
5821
6414
  .e-tab-clone-element .e-tab-text {
@@ -5831,12 +6424,12 @@
5831
6424
  }
5832
6425
  @media screen and (max-width: 480px) {
5833
6426
  .e-tab-clone-element .e-close-icon,
5834
- .e-tab-clone-element .e-close-icon::before {
6427
+ .e-tab-clone-element .e-close-icon::before {
5835
6428
  font-size: 12px;
5836
6429
  }
5837
6430
  }
5838
6431
  .e-tab-clone-element .e-close-icon::before {
5839
- top: 0;
6432
+ top: 1px;
5840
6433
  }
5841
6434
  .e-tab-clone-element .e-icons.e-tab-icon {
5842
6435
  display: -ms-inline-flexbox;
@@ -5844,6 +6437,7 @@
5844
6437
  height: 16px;
5845
6438
  min-width: 16px;
5846
6439
  width: 16px;
6440
+ line-height: 1;
5847
6441
  }
5848
6442
  @media screen and (max-width: 480px) {
5849
6443
  .e-tab-clone-element .e-icons.e-tab-icon {
@@ -5857,7 +6451,7 @@
5857
6451
  }
5858
6452
  @media screen and (max-width: 480px) {
5859
6453
  .e-tab-clone-element .e-tab-icon,
5860
- .e-tab-clone-element .e-tab-icon::before {
6454
+ .e-tab-clone-element .e-tab-icon::before {
5861
6455
  font-size: 20px;
5862
6456
  }
5863
6457
  }
@@ -6001,6 +6595,9 @@
6001
6595
  }
6002
6596
  .e-bigger .e-tab-clone-element .e-tab-text {
6003
6597
  font-size: 16px;
6598
+ -ms-flex-item-align: auto;
6599
+ -ms-grid-row-align: auto;
6600
+ align-self: auto;
6004
6601
  }
6005
6602
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
6006
6603
  cursor: pointer;
@@ -6017,7 +6614,7 @@
6017
6614
  }
6018
6615
  @media screen and (max-width: 480px) {
6019
6616
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
6020
- .e-bigger .e-tab-clone-element .e-close-icon::before {
6617
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
6021
6618
  font-size: 12px;
6022
6619
  }
6023
6620
  }
@@ -6025,6 +6622,7 @@
6025
6622
  height: 16px;
6026
6623
  min-width: 16px;
6027
6624
  width: 16px;
6625
+ line-height: 1;
6028
6626
  }
6029
6627
  .e-bigger .e-tab-clone-element .e-tab-icon,
6030
6628
  .e-bigger .e-tab-clone-element .e-tab-icon::before {
@@ -6084,11 +6682,19 @@
6084
6682
  border: 0;
6085
6683
  border-radius: 0;
6086
6684
  box-shadow: none;
6685
+ font-weight: 400;
6087
6686
  border-bottom: 0;
6088
6687
  }
6688
+ .e-tab .e-tab-header::before {
6689
+ border-color: unset;
6690
+ border-style: solid;
6691
+ }
6692
+ .e-tab .e-tab-header:not(.e-vertical)::before {
6693
+ border-width: 0;
6694
+ }
6089
6695
  .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
6090
6696
  border-bottom: 0;
6091
- margin-bottom: 2px;
6697
+ margin-bottom: 0;
6092
6698
  }
6093
6699
  .e-tab .e-tab-header .e-toolbar-items {
6094
6700
  background: inherit;
@@ -6098,10 +6704,10 @@
6098
6704
  }
6099
6705
  .e-tab .e-tab-header .e-toolbar-item {
6100
6706
  background: inherit;
6101
- border: 1px solid transparent;
6707
+ border: 0;
6102
6708
  }
6103
6709
  .e-tab .e-tab-header .e-toolbar-item:hover {
6104
- background: #f3f2f1;
6710
+ background: #edebe9;
6105
6711
  }
6106
6712
  .e-tab .e-tab-header .e-toolbar-item .e-ripple-element {
6107
6713
  background: none;
@@ -6109,6 +6715,7 @@
6109
6715
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
6110
6716
  border-radius: 0;
6111
6717
  color: #201f1e;
6718
+ border: 0;
6112
6719
  }
6113
6720
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
6114
6721
  color: #605e5c;
@@ -6126,6 +6733,8 @@
6126
6733
  }
6127
6734
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
6128
6735
  background: none;
6736
+ border: 0;
6737
+ border-radius: 0;
6129
6738
  }
6130
6739
  @media screen and (max-width: 480px) {
6131
6740
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
@@ -6140,10 +6749,24 @@
6140
6749
  border: 0;
6141
6750
  border-radius: 0;
6142
6751
  }
6752
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
6753
+ border: 0;
6754
+ }
6143
6755
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
6144
6756
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
6145
6757
  color: #201f1e;
6146
6758
  }
6759
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
6760
+ position: unset;
6761
+ }
6762
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
6763
+ border: unset;
6764
+ content: unset;
6765
+ display: unset;
6766
+ position: unset;
6767
+ top: unset;
6768
+ width: unset;
6769
+ }
6147
6770
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
6148
6771
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
6149
6772
  color: #201f1e;
@@ -6196,6 +6819,8 @@
6196
6819
  }
6197
6820
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
6198
6821
  background: #edebe9;
6822
+ border: 0;
6823
+ border-radius: 0;
6199
6824
  }
6200
6825
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
6201
6826
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
@@ -6208,6 +6833,11 @@
6208
6833
  }
6209
6834
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
6210
6835
  background: #f3f2f1;
6836
+ border-color: unset;
6837
+ }
6838
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text,
6839
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
6840
+ color: #201f1e;
6211
6841
  }
6212
6842
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
6213
6843
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
@@ -6222,25 +6852,59 @@
6222
6852
  background: inherit;
6223
6853
  border: 0;
6224
6854
  }
6855
+ .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
6856
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow {
6857
+ color: #605e5c;
6858
+ border: 0;
6859
+ }
6225
6860
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:hover,
6226
6861
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover {
6227
6862
  background: #edebe9;
6228
6863
  color: #201f1e;
6864
+ border: 0;
6229
6865
  }
6230
6866
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
6231
6867
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
6232
6868
  box-shadow: none;
6869
+ border: 0;
6870
+ }
6871
+ .e-tab .e-tab-header .e-scroll-nav:focus,
6872
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
6873
+ background: inherit;
6233
6874
  }
6234
6875
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
6235
6876
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
6236
6877
  background: #f3f2f1;
6237
6878
  color: #605e5c;
6879
+ border: 0;
6238
6880
  }
6239
6881
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover,
6240
6882
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover {
6241
6883
  background: #edebe9;
6242
6884
  color: #201f1e;
6243
6885
  }
6886
+ .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active,
6887
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
6888
+ background: #f3f2f1;
6889
+ border-color: unset;
6890
+ color: #605e5c;
6891
+ }
6892
+ .e-tab .e-tab-header .e-scroll-nav:active,
6893
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
6894
+ box-shadow: none;
6895
+ background: inherit;
6896
+ border: 0;
6897
+ }
6898
+ .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow,
6899
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow {
6900
+ color: #605e5c;
6901
+ }
6902
+ .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow:hover,
6903
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow:hover {
6904
+ color: #201f1e;
6905
+ background: #edebe9;
6906
+ border-color: unset;
6907
+ }
6244
6908
  .e-tab .e-tab-header .e-hor-nav,
6245
6909
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) {
6246
6910
  background: transparent;
@@ -6251,6 +6915,7 @@
6251
6915
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
6252
6916
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon {
6253
6917
  color: #3b3a39;
6918
+ border: 0;
6254
6919
  }
6255
6920
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
6256
6921
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
@@ -6264,6 +6929,10 @@
6264
6929
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover {
6265
6930
  color: #201f1e;
6266
6931
  }
6932
+ .e-tab .e-tab-header .e-hor-nav:focus,
6933
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus {
6934
+ background: transparent;
6935
+ }
6267
6936
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
6268
6937
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
6269
6938
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
@@ -6286,6 +6955,7 @@
6286
6955
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
6287
6956
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active {
6288
6957
  background: #edebe9;
6958
+ color: #605e5c;
6289
6959
  border: 1px solid #edebe9;
6290
6960
  border-radius: 0;
6291
6961
  box-shadow: inset 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
@@ -6293,36 +6963,77 @@
6293
6963
  .e-tab .e-tab-header .e-hor-nav:hover,
6294
6964
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
6295
6965
  border: 0;
6966
+ background: transparent;
6296
6967
  }
6297
6968
  .e-tab .e-tab-header .e-hor-nav:hover:active,
6298
6969
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover:active {
6299
6970
  background: transparent;
6300
6971
  }
6972
+ .e-tab .e-tab-header .e-hor-nav:active,
6973
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
6974
+ box-shadow: none;
6975
+ background: transparent;
6976
+ }
6301
6977
  .e-tab .e-tab-header .e-hor-nav.e-nav-active,
6302
6978
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
6303
6979
  background: inherit;
6304
6980
  border: 0;
6305
6981
  box-shadow: none;
6982
+ border-radius: 0;
6983
+ }
6984
+ .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
6985
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-icons {
6986
+ color: #201f1e;
6987
+ }
6988
+ .e-tab .e-tab-header .e-hor-nav.e-nav-active:focus,
6989
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active:focus {
6990
+ border: 0;
6306
6991
  }
6307
6992
  .e-tab .e-tab-header.e-horizontal-bottom {
6308
- border-bottom: 0;
6309
- border-top: 0;
6993
+ border-color: unset;
6994
+ border-style: solid;
6995
+ border-width: 0;
6996
+ }
6997
+ .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] {
6998
+ border-color: unset;
6999
+ border-style: solid;
7000
+ border-width: 0;
7001
+ }
7002
+ .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] .e-toolbar-items {
7003
+ border-color: unset;
7004
+ border-style: solid;
7005
+ border-width: 0;
7006
+ }
7007
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item .e-tab-wrap:hover {
7008
+ border-radius: 0;
6310
7009
  }
6311
7010
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
6312
- border-bottom: 0;
7011
+ border-color: unset;
7012
+ border-style: solid;
7013
+ border-width: 0;
6313
7014
  margin-top: 2px;
7015
+ border-radius: 0;
7016
+ }
7017
+ .e-tab .e-tab-header.e-vertical {
7018
+ border-bottom: 0;
6314
7019
  }
6315
7020
  .e-tab .e-tab-header.e-vertical::before {
6316
- border-width: 0 1px 0 0;
7021
+ border-width: 0;
6317
7022
  }
6318
7023
  .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active {
6319
7024
  border-bottom: 0;
6320
7025
  border-top: 0;
6321
7026
  }
7027
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item .e-tab-wrap:hover {
7028
+ border-radius: 0;
7029
+ }
6322
7030
  .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
6323
7031
  border-radius: 0;
6324
7032
  border-right: 0;
6325
7033
  }
7034
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item .e-tab-wrap:hover {
7035
+ border-radius: 0;
7036
+ }
6326
7037
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
6327
7038
  border-left: 0;
6328
7039
  border-radius: 0;
@@ -6348,6 +7059,10 @@
6348
7059
  }
6349
7060
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover {
6350
7061
  background: rgba(243, 242, 241, 0.12);
7062
+ border-color: rgba(237, 235, 233, 0.12) transparent transparent;
7063
+ }
7064
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover:active:focus {
7065
+ background: rgba(243, 242, 241, 0.12);
6351
7066
  }
6352
7067
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
6353
7068
  color: #201f1e;
@@ -6358,6 +7073,9 @@
6358
7073
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus {
6359
7074
  background: rgba(243, 242, 241, 0.12);
6360
7075
  }
7076
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus:hover:active .e-nav-arrow {
7077
+ color: none;
7078
+ }
6361
7079
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
6362
7080
  background: none;
6363
7081
  }
@@ -6373,6 +7091,7 @@
6373
7091
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
6374
7092
  background: inherit;
6375
7093
  border: 0;
7094
+ color: #201f1e;
6376
7095
  }
6377
7096
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
6378
7097
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -6387,12 +7106,17 @@
6387
7106
  border: 0;
6388
7107
  box-shadow: none;
6389
7108
  }
7109
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active,
7110
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active {
7111
+ color: #605e5c;
7112
+ }
6390
7113
  .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-up-icon,
6391
7114
  .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-down-icon {
6392
7115
  border: 0;
6393
7116
  }
6394
7117
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
6395
7118
  background: #f3f2f1;
7119
+ border: 0;
6396
7120
  }
6397
7121
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
6398
7122
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
@@ -6407,6 +7131,11 @@
6407
7131
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
6408
7132
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
6409
7133
  color: #605e5c;
7134
+ background: #f3f2f1;
7135
+ border: 1px solid #edebe9;
7136
+ }
7137
+ .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus {
7138
+ border-color: rgba(237, 235, 233, 0.12) transparent transparent;
6410
7139
  }
6411
7140
  .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
6412
7141
  border: 0;
@@ -6437,6 +7166,9 @@
6437
7166
  .e-tab.e-fill .e-tab-header {
6438
7167
  border-bottom: 0;
6439
7168
  }
7169
+ .e-tab.e-fill .e-tab-header .e-toolbar-items.e-hscroll {
7170
+ border: 0;
7171
+ }
6440
7172
  .e-tab.e-fill .e-tab-header .e-toolbar-item {
6441
7173
  border: 0;
6442
7174
  }
@@ -6461,6 +7193,7 @@
6461
7193
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
6462
7194
  background: #0078d4;
6463
7195
  border-radius: 0;
7196
+ border-color: unset;
6464
7197
  }
6465
7198
  .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 {
6466
7199
  color: #fff;
@@ -6468,6 +7201,9 @@
6468
7201
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
6469
7202
  margin-top: 0;
6470
7203
  }
7204
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
7205
+ border: unset;
7206
+ }
6471
7207
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text,
6472
7208
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
6473
7209
  color: #fff;
@@ -6478,6 +7214,22 @@
6478
7214
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
6479
7215
  color: #fff;
6480
7216
  }
7217
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item:active:hover .e-tab-text,
7218
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item:active:hover .e-tab-icon {
7219
+ color: #201f1e;
7220
+ }
7221
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover {
7222
+ background: #edebe9;
7223
+ }
7224
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-text {
7225
+ color: #201f1e;
7226
+ }
7227
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-icon {
7228
+ color: #605e5c;
7229
+ }
7230
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-close-icon {
7231
+ color: #605e5c;
7232
+ }
6481
7233
  .e-tab.e-fill .e-tab-header.e-horizontal-bottom {
6482
7234
  border-bottom: 0;
6483
7235
  border-top: 0;
@@ -6530,6 +7282,13 @@
6530
7282
  }
6531
7283
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
6532
7284
  background: #f3f2f1;
7285
+ border-color: unset;
7286
+ }
7287
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
7288
+ color: #3b3a39;
7289
+ }
7290
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
7291
+ color: #201f1e;
6533
7292
  }
6534
7293
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6535
7294
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
@@ -6542,8 +7301,12 @@
6542
7301
  .e-tab.e-background .e-tab-header .e-toolbar-items {
6543
7302
  background: inherit;
6544
7303
  }
7304
+ .e-tab.e-background .e-tab-header .e-toolbar-items.e-hscroll {
7305
+ border: 0;
7306
+ }
6545
7307
  .e-tab.e-background .e-tab-header .e-indicator {
6546
7308
  background: #fff;
7309
+ bottom: 0;
6547
7310
  }
6548
7311
  .e-tab.e-background .e-tab-header .e-toolbar-item {
6549
7312
  border: 0;
@@ -6553,27 +7316,35 @@
6553
7316
  }
6554
7317
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
6555
7318
  background: inherit;
7319
+ border-color: unset;
6556
7320
  }
6557
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text,
6558
7321
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
6559
7322
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
6560
7323
  color: #deecf9;
6561
7324
  }
7325
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
7326
+ color: #fff;
7327
+ }
6562
7328
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover {
6563
7329
  color: #fff;
6564
7330
  }
6565
7331
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
6566
7332
  background: #005ba1;
7333
+ background-color: #005ba1;
7334
+ border-color: unset;
7335
+ }
7336
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
7337
+ color: #fff;
6567
7338
  }
6568
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
6569
7339
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
6570
7340
  color: #fff;
6571
7341
  }
6572
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
6573
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
6574
7342
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
6575
7343
  color: #fff;
6576
7344
  }
7345
+ .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 {
7346
+ color: #fff;
7347
+ }
6577
7348
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
6578
7349
  border: 0;
6579
7350
  margin: 0;
@@ -6581,16 +7352,44 @@
6581
7352
  }
6582
7353
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
6583
7354
  background: none;
7355
+ border-color: unset;
6584
7356
  border-radius: 0;
7357
+ border-style: solid;
7358
+ border-width: 0;
7359
+ }
7360
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
7361
+ color: #0078d4;
7362
+ }
7363
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
7364
+ color: #0078d4;
6585
7365
  }
6586
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
6587
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon,
6588
7366
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-close-icon {
6589
7367
  color: #0078d4;
6590
7368
  }
6591
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
7369
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
7370
+ background: none;
7371
+ border-color: unset;
7372
+ }
7373
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
7374
+ color: #0078d4;
7375
+ }
6592
7376
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
6593
- color: #fff;
7377
+ color: #0078d4;
7378
+ }
7379
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
7380
+ color: #0078d4;
7381
+ }
7382
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:hover {
7383
+ color: #0078d4;
7384
+ }
7385
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:active {
7386
+ color: #0078d4;
7387
+ }
7388
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus {
7389
+ background: none;
7390
+ }
7391
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus .e-tab-icon,
7392
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus .e-tab-text {
6594
7393
  color: #0078d4;
6595
7394
  }
6596
7395
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
@@ -6598,20 +7397,26 @@
6598
7397
  }
6599
7398
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6600
7399
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
6601
- color: #fff;
6602
7400
  color: #0078d4;
6603
7401
  }
7402
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
7403
+ color: #0078d4;
7404
+ }
7405
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
7406
+ color: #0078d4;
7407
+ }
7408
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
7409
+ border: unset;
7410
+ }
6604
7411
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text,
6605
7412
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
6606
- color: #fff;
6607
7413
  color: #0078d4;
6608
7414
  }
6609
7415
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon {
6610
- color: #fff;
6611
7416
  color: #0078d4;
6612
7417
  }
6613
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
6614
- color: #fff;
7418
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover,
7419
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text:hover {
6615
7420
  color: #0078d4;
6616
7421
  }
6617
7422
  .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 {
@@ -6626,10 +7431,6 @@
6626
7431
  background: inherit;
6627
7432
  }
6628
7433
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
6629
- .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon {
6630
- color: #deecf9;
6631
- }
6632
- .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
6633
7434
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon,
6634
7435
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-close-icon {
6635
7436
  color: #605e5c;
@@ -6640,9 +7441,17 @@
6640
7441
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
6641
7442
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
6642
7443
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
6643
- color: #fff;
6644
7444
  color: #201f1e;
6645
7445
  }
7446
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text {
7447
+ color: #605e5c;
7448
+ }
7449
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
7450
+ color: #605e5c;
7451
+ }
7452
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-close-icon {
7453
+ color: #605e5c;
7454
+ }
6646
7455
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav,
6647
7456
  .e-tab.e-background .e-tab-header .e-scroll-nav {
6648
7457
  background: #0078d4;
@@ -6650,30 +7459,40 @@
6650
7459
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
6651
7460
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
6652
7461
  color: #fff;
7462
+ border: 0;
6653
7463
  }
6654
7464
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
6655
7465
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
6656
- background: inherit;
6657
7466
  background: #005ba1;
6658
7467
  color: #fff;
7468
+ border-color: unset;
7469
+ }
7470
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active,
7471
+ .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:active {
7472
+ background: unset;
7473
+ color: #fff;
6659
7474
  }
6660
7475
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
6661
7476
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
6662
7477
  color: #fff;
7478
+ border: 0;
7479
+ background: #f3f2f1;
6663
7480
  }
6664
7481
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
6665
7482
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
6666
7483
  background: inherit;
6667
7484
  color: #fff;
6668
7485
  }
7486
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active,
7487
+ .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active {
7488
+ background: #f3f2f1;
7489
+ border-color: unset;
7490
+ color: #fff;
7491
+ }
6669
7492
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
6670
7493
  .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
6671
7494
  animation: none;
6672
7495
  }
6673
- .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow,
6674
- .e-tab.e-background .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow {
6675
- color: #fff;
6676
- }
6677
7496
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
6678
7497
  .e-tab.e-background .e-tab-header .e-hor-nav {
6679
7498
  background: #0078d4;
@@ -6683,12 +7502,20 @@
6683
7502
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
6684
7503
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon {
6685
7504
  color: #fff;
6686
- color: #fff;
7505
+ border: 0;
6687
7506
  }
6688
7507
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover,
6689
7508
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover,
6690
7509
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
6691
7510
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
7511
+ background: inherit;
7512
+ border-color: #edebe9;
7513
+ color: #fff;
7514
+ }
7515
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:active:hover,
7516
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:active:hover,
7517
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:active:hover,
7518
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:active:hover {
6692
7519
  background: inherit;
6693
7520
  color: #fff;
6694
7521
  }
@@ -6698,24 +7525,63 @@
6698
7525
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
6699
7526
  color: #fff;
6700
7527
  background: #005ba1;
7528
+ border: 1px solid #edebe9;
7529
+ }
7530
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:hover,
7531
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:hover,
7532
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
7533
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
7534
+ background: #005ba1;
7535
+ }
7536
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
7537
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active,
7538
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:active,
7539
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:active {
7540
+ background: #005ba1;
7541
+ border-color: #edebe9;
7542
+ color: #fff;
6701
7543
  }
6702
7544
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
6703
7545
  .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
6704
7546
  animation: none;
6705
7547
  }
6706
- .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active,
6707
- .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active {
6708
- background: #0078d4;
6709
- }
6710
7548
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
6711
7549
  .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
6712
7550
  color: #fff;
6713
7551
  }
6714
- .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
6715
- .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-down-icon,
6716
- .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon,
6717
- .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-down-icon {
6718
- color: #fff;
7552
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
7553
+ border: 0;
7554
+ margin: 0;
7555
+ }
7556
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap {
7557
+ border-color: unset;
7558
+ border-radius: 0;
7559
+ border-style: solid;
7560
+ border-width: 0;
7561
+ }
7562
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
7563
+ border-color: unset;
7564
+ border-style: solid;
7565
+ border-width: 0;
7566
+ margin: 0;
7567
+ }
7568
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active .e-tab-wrap {
7569
+ border-color: unset;
7570
+ border-radius: 0;
7571
+ border-style: solid;
7572
+ border-width: 0;
7573
+ }
7574
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
7575
+ border-color: unset;
7576
+ border-style: solid;
7577
+ border-width: 0;
7578
+ margin: 0;
7579
+ }
7580
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active .e-tab-wrap {
7581
+ border-color: unset;
7582
+ border-radius: 0;
7583
+ border-style: solid;
7584
+ border-width: 0;
6719
7585
  }
6720
7586
  .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
6721
7587
  border: 0;
@@ -6780,32 +7646,50 @@
6780
7646
  }
6781
7647
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
6782
7648
  background: #005ba1;
7649
+ border-color: unset;
6783
7650
  }
6784
7651
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
6785
7652
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
6786
7653
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon {
6787
- color: #deecf9;
6788
7654
  color: #fff;
6789
7655
  }
6790
7656
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
6791
7657
  background: #fff;
7658
+ border-color: unset;
6792
7659
  }
6793
7660
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6794
7661
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
6795
- color: #3b3a39;
6796
7662
  color: #0078d4;
6797
7663
  }
6798
7664
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
6799
7665
  background: #fff;
7666
+ border: 0;
7667
+ border-radius: 0;
7668
+ }
7669
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
7670
+ color: #0078d4;
7671
+ }
7672
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
7673
+ color: #0078d4;
7674
+ }
7675
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
7676
+ color: #0078d4;
7677
+ }
7678
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
7679
+ color: #0078d4;
7680
+ }
7681
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
7682
+ color: #0078d4;
6800
7683
  }
6801
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6802
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon,
6803
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon,
6804
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
6805
- .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon,
6806
7684
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
6807
7685
  color: #0078d4;
6808
7686
  }
7687
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
7688
+ color: #0078d4;
7689
+ }
7690
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
7691
+ color: #0078d4;
7692
+ }
6809
7693
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap, .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap {
6810
7694
  background: rgba(0, 120, 212, 0);
6811
7695
  }
@@ -6828,6 +7712,8 @@
6828
7712
  .e-tab .e-content .e-item {
6829
7713
  background: inherit;
6830
7714
  color: #201f1e;
7715
+ font-size: 12px;
7716
+ line-height: 18px;
6831
7717
  }
6832
7718
 
6833
7719
  .e-tab-clone-element {
@@ -6837,6 +7723,7 @@
6837
7723
  .e-tab-clone-element .e-tab-wrap {
6838
7724
  border-radius: 0;
6839
7725
  color: #323130;
7726
+ border: 0;
6840
7727
  }
6841
7728
  .e-tab-clone-element .e-tab-wrap .e-tab-icon {
6842
7729
  color: #323130;
@@ -8755,7 +9642,7 @@ ejs-sidebar {
8755
9642
  }
8756
9643
  .e-menu-wrapper .e-menu,
8757
9644
  .e-menu-container .e-menu {
8758
- background-color: inherit;
9645
+ background-color: #fff;
8759
9646
  color: #201f1e;
8760
9647
  }
8761
9648
  .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,