@syncfusion/ej2-navigations 20.3.60 → 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 (226) hide show
  1. package/.eslintrc.json +16 -1
  2. package/CHANGELOG.md +26 -0
  3. package/dist/ej2-navigations.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js +2 -2
  5. package/dist/ej2-navigations.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es2015.js +263 -212
  7. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  8. package/dist/es6/ej2-navigations.es5.js +260 -209
  9. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  10. package/dist/global/ej2-navigations.min.js +2 -2
  11. package/dist/global/ej2-navigations.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +12 -12
  14. package/src/accordion/accordion.js +20 -19
  15. package/src/appbar/appbar-model.d.ts +15 -15
  16. package/src/appbar/appbar.d.ts +15 -15
  17. package/src/appbar/appbar.js +3 -3
  18. package/src/breadcrumb/breadcrumb-model.d.ts +1 -1
  19. package/src/breadcrumb/breadcrumb.js +10 -5
  20. package/src/carousel/carousel.js +10 -10
  21. package/src/common/menu-base.js +19 -12
  22. package/src/menu/menu.js +2 -2
  23. package/src/sidebar/sidebar.d.ts +1 -0
  24. package/src/sidebar/sidebar.js +6 -2
  25. package/src/tab/tab-model.d.ts +9 -0
  26. package/src/tab/tab.d.ts +9 -0
  27. package/src/tab/tab.js +28 -18
  28. package/src/toolbar/toolbar-model.d.ts +9 -0
  29. package/src/toolbar/toolbar.d.ts +11 -0
  30. package/src/toolbar/toolbar.js +132 -123
  31. package/src/treeview/treeview-model.d.ts +133 -45
  32. package/src/treeview/treeview.d.ts +135 -48
  33. package/src/treeview/treeview.js +30 -14
  34. package/styles/accordion/_bootstrap-dark-definition.scss +100 -0
  35. package/styles/accordion/_bootstrap-definition.scss +100 -0
  36. package/styles/accordion/_bootstrap4-definition.scss +95 -1
  37. package/styles/accordion/_bootstrap5-definition.scss +99 -3
  38. package/styles/accordion/_fabric-dark-definition.scss +100 -0
  39. package/styles/accordion/_fabric-definition.scss +100 -0
  40. package/styles/accordion/_fluent-definition.scss +98 -2
  41. package/styles/accordion/_fusionnew-definition.scss +99 -3
  42. package/styles/accordion/_highcontrast-definition.scss +98 -3
  43. package/styles/accordion/_highcontrast-light-definition.scss +98 -3
  44. package/styles/accordion/_layout.scss +25 -91
  45. package/styles/accordion/_material-dark-definition.scss +100 -0
  46. package/styles/accordion/_material-definition.scss +100 -0
  47. package/styles/accordion/_material3-definition.scss +99 -3
  48. package/styles/accordion/_tailwind-definition.scss +99 -2
  49. package/styles/accordion/_theme.scss +184 -345
  50. package/styles/accordion/bootstrap-dark.css +202 -16
  51. package/styles/accordion/bootstrap.css +202 -16
  52. package/styles/accordion/bootstrap4.css +171 -17
  53. package/styles/accordion/bootstrap5-dark.css +202 -13
  54. package/styles/accordion/bootstrap5.css +202 -13
  55. package/styles/accordion/fabric-dark.css +209 -11
  56. package/styles/accordion/fabric.css +209 -11
  57. package/styles/accordion/fluent-dark.css +217 -5
  58. package/styles/accordion/fluent.css +217 -5
  59. package/styles/accordion/highcontrast-light.css +186 -52
  60. package/styles/accordion/highcontrast.css +186 -52
  61. package/styles/accordion/material-dark.css +210 -16
  62. package/styles/accordion/material.css +209 -15
  63. package/styles/accordion/tailwind-dark.css +199 -8
  64. package/styles/accordion/tailwind.css +199 -8
  65. package/styles/bootstrap-dark.css +999 -145
  66. package/styles/bootstrap.css +986 -132
  67. package/styles/bootstrap4.css +888 -167
  68. package/styles/bootstrap5-dark.css +949 -179
  69. package/styles/bootstrap5.css +949 -179
  70. package/styles/context-menu/_layout.scss +0 -3
  71. package/styles/context-menu/bootstrap5-dark.css +0 -1
  72. package/styles/context-menu/bootstrap5.css +0 -1
  73. package/styles/context-menu/fluent-dark.css +0 -1
  74. package/styles/context-menu/fluent.css +0 -1
  75. package/styles/context-menu/tailwind-dark.css +0 -1
  76. package/styles/context-menu/tailwind.css +0 -1
  77. package/styles/fabric-dark.css +1068 -232
  78. package/styles/fabric.css +1067 -231
  79. package/styles/fluent-dark.css +1014 -123
  80. package/styles/fluent.css +1012 -121
  81. package/styles/h-scroll/_bootstrap-dark-definition.scss +8 -0
  82. package/styles/h-scroll/_bootstrap-definition.scss +8 -0
  83. package/styles/h-scroll/_bootstrap4-definition.scss +8 -0
  84. package/styles/h-scroll/_bootstrap5-definition.scss +8 -0
  85. package/styles/h-scroll/_fabric-dark-definition.scss +8 -0
  86. package/styles/h-scroll/_fabric-definition.scss +8 -0
  87. package/styles/h-scroll/_fluent-definition.scss +8 -0
  88. package/styles/h-scroll/_fusionnew-definition.scss +8 -0
  89. package/styles/h-scroll/_highcontrast-definition.scss +6 -1
  90. package/styles/h-scroll/_highcontrast-light-definition.scss +6 -1
  91. package/styles/h-scroll/_layout.scss +1 -4
  92. package/styles/h-scroll/_material-dark-definition.scss +8 -0
  93. package/styles/h-scroll/_material-definition.scss +8 -0
  94. package/styles/h-scroll/_material3-definition.scss +8 -0
  95. package/styles/h-scroll/_tailwind-definition.scss +8 -0
  96. package/styles/h-scroll/_theme.scss +12 -40
  97. package/styles/h-scroll/bootstrap-dark.css +13 -0
  98. package/styles/h-scroll/bootstrap.css +13 -0
  99. package/styles/h-scroll/bootstrap4.css +7 -0
  100. package/styles/h-scroll/bootstrap5-dark.css +12 -0
  101. package/styles/h-scroll/bootstrap5.css +12 -0
  102. package/styles/h-scroll/fabric-dark.css +15 -2
  103. package/styles/h-scroll/fabric.css +15 -2
  104. package/styles/h-scroll/fluent-dark.css +13 -0
  105. package/styles/h-scroll/fluent.css +13 -0
  106. package/styles/h-scroll/highcontrast-light.css +8 -7
  107. package/styles/h-scroll/highcontrast.css +10 -9
  108. package/styles/h-scroll/icons/_fabric-dark.scss +2 -2
  109. package/styles/h-scroll/icons/_fabric.scss +2 -2
  110. package/styles/h-scroll/icons/_highcontrast.scss +2 -2
  111. package/styles/h-scroll/material-dark.css +13 -2
  112. package/styles/h-scroll/material.css +13 -2
  113. package/styles/h-scroll/tailwind-dark.css +12 -0
  114. package/styles/h-scroll/tailwind.css +12 -0
  115. package/styles/highcontrast-light.css +918 -369
  116. package/styles/highcontrast.css +925 -370
  117. package/styles/material-dark.css +1184 -114
  118. package/styles/material.css +1162 -92
  119. package/styles/menu/_theme.scss +1 -1
  120. package/styles/menu/fluent-dark.css +1 -1
  121. package/styles/menu/fluent.css +1 -1
  122. package/styles/tab/_bootstrap-dark-definition.scss +271 -15
  123. package/styles/tab/_bootstrap-definition.scss +266 -9
  124. package/styles/tab/_bootstrap4-definition.scss +266 -9
  125. package/styles/tab/_bootstrap5-definition.scss +270 -13
  126. package/styles/tab/_fabric-dark-definition.scss +270 -13
  127. package/styles/tab/_fabric-definition.scss +270 -13
  128. package/styles/tab/_fluent-definition.scss +269 -12
  129. package/styles/tab/_fusionnew-definition.scss +268 -11
  130. package/styles/tab/_highcontrast-definition.scss +271 -14
  131. package/styles/tab/_highcontrast-light-definition.scss +271 -14
  132. package/styles/tab/_layout.scss +295 -988
  133. package/styles/tab/_material-dark-definition.scss +266 -9
  134. package/styles/tab/_material-definition.scss +266 -9
  135. package/styles/tab/_material3-definition.scss +268 -11
  136. package/styles/tab/_tailwind-definition.scss +267 -10
  137. package/styles/tab/_theme.scss +305 -843
  138. package/styles/tab/bootstrap-dark.css +587 -109
  139. package/styles/tab/bootstrap.css +574 -96
  140. package/styles/tab/bootstrap4.css +546 -114
  141. package/styles/tab/bootstrap5-dark.css +523 -134
  142. package/styles/tab/bootstrap5.css +523 -134
  143. package/styles/tab/fabric-dark.css +614 -199
  144. package/styles/tab/fabric.css +612 -197
  145. package/styles/tab/fluent-dark.css +546 -102
  146. package/styles/tab/fluent.css +546 -102
  147. package/styles/tab/highcontrast-light.css +520 -250
  148. package/styles/tab/highcontrast.css +520 -244
  149. package/styles/tab/icons/_bootstrap-dark.scss +0 -33
  150. package/styles/tab/icons/_bootstrap.scss +0 -33
  151. package/styles/tab/icons/_bootstrap4.scss +0 -26
  152. package/styles/tab/icons/_bootstrap5.scss +0 -37
  153. package/styles/tab/icons/_fabric-dark.scss +0 -33
  154. package/styles/tab/icons/_fabric.scss +0 -33
  155. package/styles/tab/icons/_fluent.scss +0 -33
  156. package/styles/tab/icons/_fusionnew.scss +0 -37
  157. package/styles/tab/icons/_highcontrast-light.scss +0 -37
  158. package/styles/tab/icons/_highcontrast.scss +0 -26
  159. package/styles/tab/icons/_material-dark.scss +0 -37
  160. package/styles/tab/icons/_material.scss +0 -37
  161. package/styles/tab/icons/_material3.scss +0 -37
  162. package/styles/tab/icons/_tailwind.scss +0 -37
  163. package/styles/tab/material-dark.css +705 -54
  164. package/styles/tab/material.css +705 -54
  165. package/styles/tab/tailwind-dark.css +706 -71
  166. package/styles/tab/tailwind.css +706 -71
  167. package/styles/tailwind-dark.css +1145 -99
  168. package/styles/tailwind.css +1144 -98
  169. package/styles/toolbar/_bootstrap-dark-definition.scss +93 -0
  170. package/styles/toolbar/_bootstrap-definition.scss +93 -0
  171. package/styles/toolbar/_bootstrap4-definition.scss +94 -1
  172. package/styles/toolbar/_bootstrap5-definition.scss +94 -8
  173. package/styles/toolbar/_fabric-dark-definition.scss +92 -3
  174. package/styles/toolbar/_fabric-definition.scss +92 -3
  175. package/styles/toolbar/_fluent-definition.scss +96 -8
  176. package/styles/toolbar/_fusionnew-definition.scss +94 -8
  177. package/styles/toolbar/_highcontrast-definition.scss +93 -4
  178. package/styles/toolbar/_highcontrast-light-definition.scss +93 -4
  179. package/styles/toolbar/_layout.scss +48 -177
  180. package/styles/toolbar/_material-dark-definition.scss +93 -0
  181. package/styles/toolbar/_material-definition.scss +93 -0
  182. package/styles/toolbar/_material3-definition.scss +94 -8
  183. package/styles/toolbar/_tailwind-definition.scss +94 -6
  184. package/styles/toolbar/_theme.scss +169 -278
  185. package/styles/toolbar/bootstrap-dark.css +196 -19
  186. package/styles/toolbar/bootstrap.css +196 -19
  187. package/styles/toolbar/bootstrap4.css +164 -36
  188. package/styles/toolbar/bootstrap5-dark.css +210 -29
  189. package/styles/toolbar/bootstrap5.css +210 -29
  190. package/styles/toolbar/fabric-dark.css +219 -9
  191. package/styles/toolbar/fabric.css +220 -10
  192. package/styles/toolbar/fluent-dark.css +233 -10
  193. package/styles/toolbar/fluent.css +233 -10
  194. package/styles/toolbar/highcontrast-light.css +199 -43
  195. package/styles/toolbar/highcontrast.css +200 -44
  196. package/styles/toolbar/material-dark.css +233 -19
  197. package/styles/toolbar/material.css +233 -19
  198. package/styles/toolbar/tailwind-dark.css +224 -15
  199. package/styles/toolbar/tailwind.css +223 -14
  200. package/styles/treeview/_material-definition.scss +1 -1
  201. package/styles/treeview/_theme.scss +11 -1
  202. package/styles/treeview/fluent-dark.css +2 -2
  203. package/styles/treeview/material.css +2 -2
  204. package/styles/treeview/tailwind.css +2 -2
  205. package/styles/v-scroll/_highcontrast-definition.scss +0 -1
  206. package/styles/v-scroll/_highcontrast-light-definition.scss +0 -1
  207. package/styles/v-scroll/_theme.scss +0 -26
  208. package/styles/v-scroll/bootstrap5-dark.css +2 -2
  209. package/styles/v-scroll/bootstrap5.css +2 -2
  210. package/styles/v-scroll/fabric-dark.css +2 -2
  211. package/styles/v-scroll/fabric.css +2 -2
  212. package/styles/v-scroll/fluent-dark.css +2 -2
  213. package/styles/v-scroll/fluent.css +2 -2
  214. package/styles/v-scroll/highcontrast-light.css +2 -14
  215. package/styles/v-scroll/highcontrast.css +2 -14
  216. package/styles/v-scroll/icons/_bootstrap5.scss +2 -2
  217. package/styles/v-scroll/icons/_fabric-dark.scss +2 -2
  218. package/styles/v-scroll/icons/_fabric.scss +2 -2
  219. package/styles/v-scroll/icons/_fluent.scss +2 -2
  220. package/styles/v-scroll/icons/_fusionnew.scss +2 -2
  221. package/styles/v-scroll/icons/_highcontrast-light.scss +2 -2
  222. package/styles/v-scroll/icons/_highcontrast.scss +2 -2
  223. package/styles/v-scroll/icons/_material3.scss +2 -2
  224. package/styles/v-scroll/icons/_tailwind.scss +2 -2
  225. package/styles/v-scroll/tailwind-dark.css +2 -2
  226. package/styles/v-scroll/tailwind.css +2 -2
@@ -865,6 +865,7 @@
865
865
  text-align: center;
866
866
  vertical-align: middle;
867
867
  width: 100%;
868
+ font-size: 12px;
868
869
  }
869
870
  .e-hscroll .e-hscroll-bar .e-hscroll-content .e-overlay {
870
871
  pointer-events: none;
@@ -912,18 +913,25 @@
912
913
  background: rgba(0, 0, 0, 0.12);
913
914
  border: 0;
914
915
  color: #000;
915
- border-color: rgba(0, 0, 0, 0.12);
916
+ }
917
+ .e-hscroll.e-rtl .e-scroll-nav:hover:active {
918
+ background: rgba(0, 0, 0, 0.12);
916
919
  }
917
920
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
918
921
  background: rgba(0, 0, 0, 0.12);
919
922
  border: 0;
920
923
  color: #000;
921
924
  }
925
+ .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
926
+ color: rgba(0, 0, 0, 0.54);
927
+ }
922
928
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
923
929
  background: rgba(0, 0, 0, 0.12);
924
930
  border: 0;
925
931
  color: #000;
926
- border-color: rgba(0, 0, 0, 0.12);
932
+ }
933
+ .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-icons {
934
+ color: rgba(0, 0, 0, 0.54);
927
935
  }
928
936
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
929
937
  background: #bdbdbd;
@@ -931,6 +939,9 @@
931
939
  box-shadow: none;
932
940
  color: #000;
933
941
  }
942
+ .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active .e-icons {
943
+ color: rgba(0, 0, 0, 0.54);
944
+ }
934
945
  .e-hscroll .e-scroll-nav {
935
946
  background: #fafafa;
936
947
  }
@@ -1228,10 +1239,18 @@
1228
1239
  height: 56px;
1229
1240
  min-height: 56px;
1230
1241
  }
1242
+ .e-bigger .e-toolbar .e-tbar-btn .e-tbar-btn-text,
1243
+ .e-toolbar.e-bigger .e-tbar-btn .e-tbar-btn-text {
1244
+ font-size: 14px;
1245
+ }
1231
1246
  .e-bigger .e-toolbar .e-tbar-btn .e-icons,
1232
1247
  .e-toolbar.e-bigger .e-tbar-btn .e-icons {
1233
1248
  font-size: 14px;
1234
1249
  }
1250
+ .e-bigger .e-toolbar .e-tbar-btn .e-icons.e-btn-icon,
1251
+ .e-toolbar.e-bigger .e-tbar-btn .e-icons.e-btn-icon {
1252
+ font-size: 14px;
1253
+ }
1235
1254
  .e-bigger .e-toolbar.e-extended-toolbar.e-tbar-extended,
1236
1255
  .e-toolbar.e-bigger.e-extended-toolbar.e-tbar-extended {
1237
1256
  border-bottom: 0;
@@ -1319,24 +1338,23 @@
1319
1338
  .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon,
1320
1339
  .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon {
1321
1340
  min-width: 27px;
1341
+ font-size: 14px;
1322
1342
  }
1323
1343
  .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn,
1324
1344
  .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
1325
1345
  min-height: 30px;
1326
1346
  padding: 0 16px;
1347
+ line-height: 35px;
1327
1348
  }
1328
1349
  .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
1329
1350
  .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
1330
1351
  margin-left: 0;
1331
1352
  padding: 0;
1332
1353
  }
1333
- .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icon-left,
1334
- .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icon-left {
1335
- padding-right: 16px;
1336
- }
1337
1354
  .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
1338
1355
  .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
1339
1356
  padding: 0;
1357
+ font-size: 14px;
1340
1358
  }
1341
1359
  .e-bigger .e-toolbar .e-toolbar-items,
1342
1360
  .e-toolbar.e-bigger .e-toolbar-items {
@@ -1348,6 +1366,10 @@
1348
1366
  margin-right: 24px;
1349
1367
  white-space: normal;
1350
1368
  }
1369
+ .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item:not(.e-separator),
1370
+ .e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item:not(.e-separator) {
1371
+ margin: 0;
1372
+ }
1351
1373
  .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
1352
1374
  .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
1353
1375
  .e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
@@ -1421,6 +1443,19 @@
1421
1443
  min-height: 0;
1422
1444
  min-width: 0;
1423
1445
  padding: 0 6px;
1446
+ line-height: 35px;
1447
+ }
1448
+ .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,
1449
+ .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
1450
+ .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
1451
+ .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active,
1452
+ .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
1453
+ .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
1454
+ .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
1455
+ .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
1456
+ .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
1457
+ .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
1458
+ padding: 0 6px;
1424
1459
  }
1425
1460
  .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
1426
1461
  .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,
@@ -1468,6 +1503,7 @@
1468
1503
  }
1469
1504
  .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator),
1470
1505
  .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator) {
1506
+ margin: 0;
1471
1507
  min-width: 48px;
1472
1508
  padding: 5px;
1473
1509
  }
@@ -1509,6 +1545,18 @@
1509
1545
  min-width: 0;
1510
1546
  padding: 0 6px;
1511
1547
  }
1548
+ .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,
1549
+ .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
1550
+ .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
1551
+ .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:active,
1552
+ .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover,
1553
+ .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus,
1554
+ .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active,
1555
+ .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
1556
+ .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
1557
+ .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
1558
+ padding: 0 6px;
1559
+ }
1512
1560
  .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1513
1561
  .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn {
1514
1562
  line-height: 35px;
@@ -1584,6 +1632,7 @@
1584
1632
  }
1585
1633
  .e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended {
1586
1634
  padding-right: 3px;
1635
+ margin-left: 0;
1587
1636
  }
1588
1637
  .e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-icon-left {
1589
1638
  padding-left: 0;
@@ -1608,6 +1657,7 @@
1608
1657
  padding-left: 3px;
1609
1658
  padding-right: 3px;
1610
1659
  padding-top: 0;
1660
+ margin-left: -1px;
1611
1661
  }
1612
1662
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-toolbar-text .e-tbar-btn-text {
1613
1663
  display: none;
@@ -1627,6 +1677,7 @@
1627
1677
  white-space: normal;
1628
1678
  }
1629
1679
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator) {
1680
+ margin: 0;
1630
1681
  height: 100%;
1631
1682
  min-width: 34px;
1632
1683
  padding: 3.5px;
@@ -1673,6 +1724,9 @@
1673
1724
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn {
1674
1725
  line-height: 25px;
1675
1726
  }
1727
+ .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 {
1728
+ padding: 0 1.5px;
1729
+ }
1676
1730
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
1677
1731
  margin: 7.5px 3px;
1678
1732
  min-height: 25px;
@@ -1684,6 +1738,7 @@
1684
1738
  min-height: 25px;
1685
1739
  min-width: 24px;
1686
1740
  padding: 0;
1741
+ font-size: 14px;
1687
1742
  }
1688
1743
  .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-separator:last-of-type {
1689
1744
  display: -ms-inline-flexbox;
@@ -1756,15 +1811,15 @@
1756
1811
  justify-content: flex-start;
1757
1812
  min-height: 24px;
1758
1813
  padding: 0 16px;
1814
+ border: none;
1815
+ border-radius: 2px;
1816
+ margin: 0;
1759
1817
  }
1760
1818
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
1761
1819
  margin: 0;
1762
1820
  padding: 0;
1763
1821
  width: auto;
1764
1822
  }
1765
- .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icon-left {
1766
- padding-right: 16px;
1767
- }
1768
1823
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
1769
1824
  padding: 0;
1770
1825
  }
@@ -1876,10 +1931,6 @@
1876
1931
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1877
1932
  margin-right: 3px;
1878
1933
  }
1879
- .e-toolbar.e-rtl .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icon-left {
1880
- padding-left: 16px;
1881
- padding-right: 0;
1882
- }
1883
1934
  .e-toolbar.e-rtl .e-hor-nav {
1884
1935
  left: 0;
1885
1936
  right: auto;
@@ -1910,6 +1961,7 @@
1910
1961
  text-align: center;
1911
1962
  vertical-align: middle;
1912
1963
  width: 100%;
1964
+ font-size: 12px;
1913
1965
  }
1914
1966
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
1915
1967
  line-height: 25px;
@@ -1931,6 +1983,9 @@
1931
1983
  margin-right: 18px;
1932
1984
  white-space: normal;
1933
1985
  }
1986
+ .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item:not(.e-separator) {
1987
+ margin: 0;
1988
+ }
1934
1989
  .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
1935
1990
  .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
1936
1991
  display: none;
@@ -2060,6 +2115,14 @@
2060
2115
  min-height: 0;
2061
2116
  min-width: 0;
2062
2117
  padding: 0 1.5px;
2118
+ border-radius: 2px;
2119
+ line-height: 25px;
2120
+ }
2121
+ .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 {
2122
+ padding: 0 1.5px;
2123
+ }
2124
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
2125
+ outline: 0;
2063
2126
  }
2064
2127
  .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
2065
2128
  padding: 0;
@@ -2071,6 +2134,7 @@
2071
2134
  margin: 0;
2072
2135
  min-width: 24px;
2073
2136
  width: auto;
2137
+ padding-bottom: 0;
2074
2138
  }
2075
2139
  .e-toolbar .e-toolbar-items .e-toolbar-item > * {
2076
2140
  -ms-flex-item-align: center;
@@ -2217,28 +2281,60 @@
2217
2281
  background: #fafafa;
2218
2282
  box-shadow: none;
2219
2283
  color: rgba(0, 0, 0, 0.87);
2284
+ border: none;
2220
2285
  }
2221
2286
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
2222
2287
  color: rgba(0, 0, 0, 0.87);
2223
2288
  }
2224
2289
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
2225
2290
  background: rgba(0, 0, 0, 0.12);
2226
- border-color: rgba(0, 0, 0, 0.12);
2227
2291
  border-radius: 0;
2228
2292
  color: rgba(0, 0, 0, 0.87);
2293
+ border-color: rgba(0, 0, 0, 0.12);
2294
+ border-style: solid;
2295
+ border-width: 0;
2296
+ box-shadow: none;
2297
+ }
2298
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2299
+ color: rgba(0, 0, 0, 0.54);
2300
+ }
2301
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
2302
+ color: rgba(0, 0, 0, 0.87);
2229
2303
  }
2230
2304
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
2231
2305
  background: rgba(0, 0, 0, 0.12);
2232
- border-color: rgba(0, 0, 0, 0.12);
2233
2306
  border-radius: 0;
2234
2307
  color: rgba(0, 0, 0, 0.87);
2308
+ border-color: rgba(0, 0, 0, 0.12);
2309
+ border-style: solid;
2310
+ border-width: 0;
2311
+ }
2312
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover:active .e-icons {
2313
+ color: rgba(0, 0, 0, 0.54);
2314
+ }
2315
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover:active .e-tbar-btn-text {
2316
+ color: rgba(0, 0, 0, 0.87);
2317
+ }
2318
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2319
+ color: rgba(0, 0, 0, 0.54);
2320
+ }
2321
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
2322
+ color: rgba(0, 0, 0, 0.87);
2235
2323
  }
2236
2324
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
2237
2325
  background: #bdbdbd;
2238
- border-color: #bdbdbd;
2239
2326
  border-radius: 0;
2240
2327
  box-shadow: none;
2241
2328
  color: rgba(0, 0, 0, 0.87);
2329
+ border-color: #bdbdbd;
2330
+ border-style: solid;
2331
+ border-width: 0;
2332
+ }
2333
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active .e-icons {
2334
+ color: rgba(0, 0, 0, 0.54);
2335
+ }
2336
+ .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active .e-tbar-btn-text {
2337
+ color: rgba(0, 0, 0, 0.87);
2242
2338
  }
2243
2339
  .e-toolbar .e-tbar-btn.e-btn .e-icons {
2244
2340
  color: rgba(0, 0, 0, 0.54);
@@ -2248,6 +2344,54 @@
2248
2344
  border: 1px none rgba(0, 0, 0, 0.12);
2249
2345
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
2250
2346
  }
2347
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn {
2348
+ background: #fafafa;
2349
+ }
2350
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
2351
+ background: rgba(0, 0, 0, 0.12);
2352
+ box-shadow: none;
2353
+ color: rgba(0, 0, 0, 0.87);
2354
+ border-color: rgba(0, 0, 0, 0.12);
2355
+ border-style: solid;
2356
+ border-width: 0;
2357
+ }
2358
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover .e-icons {
2359
+ color: rgba(0, 0, 0, 0.54);
2360
+ }
2361
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
2362
+ color: rgba(0, 0, 0, 0.87);
2363
+ }
2364
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
2365
+ background: #bdbdbd;
2366
+ box-shadow: none;
2367
+ color: rgba(0, 0, 0, 0.87);
2368
+ border-color: #bdbdbd;
2369
+ border-style: solid;
2370
+ border-width: 0;
2371
+ }
2372
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active .e-icons {
2373
+ color: rgba(0, 0, 0, 0.54);
2374
+ }
2375
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active .e-tbar-btn-text {
2376
+ color: rgba(0, 0, 0, 0.87);
2377
+ }
2378
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus {
2379
+ background: rgba(0, 0, 0, 0.12);
2380
+ box-shadow: none;
2381
+ color: rgba(0, 0, 0, 0.87);
2382
+ border-color: rgba(0, 0, 0, 0.12);
2383
+ border-style: solid;
2384
+ border-width: 0;
2385
+ }
2386
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus .e-icons {
2387
+ color: rgba(0, 0, 0, 0.54);
2388
+ }
2389
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
2390
+ color: rgba(0, 0, 0, 0.87);
2391
+ }
2392
+ .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
2393
+ outline: 0;
2394
+ }
2251
2395
  .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
2252
2396
  background: transparent;
2253
2397
  }
@@ -2257,28 +2401,51 @@
2257
2401
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
2258
2402
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
2259
2403
  background: rgba(0, 0, 0, 0.12);
2260
- border: 0;
2261
2404
  box-shadow: none;
2262
- border-left: 1px none rgba(0, 0, 0, 0.12);
2405
+ border-color: rgba(0, 0, 0, 0.12);
2406
+ border-style: solid;
2407
+ border-width: 0;
2408
+ }
2409
+ .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:focus,
2410
+ .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav):focus {
2411
+ border-color: rgba(0, 0, 0, 0.12);
2412
+ border-style: solid;
2413
+ border-width: 0;
2263
2414
  }
2264
2415
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
2265
2416
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) .e-icons {
2266
2417
  color: rgba(0, 0, 0, 0.87);
2267
2418
  }
2419
+ .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons:active,
2420
+ .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) .e-icons:active {
2421
+ color: rgba(0, 0, 0, 0.87);
2422
+ }
2268
2423
  .e-toolbar .e-tbar-btn {
2269
2424
  background: #fafafa;
2270
2425
  box-shadow: none;
2271
2426
  color: rgba(0, 0, 0, 0.87);
2427
+ border: none;
2272
2428
  }
2273
2429
  .e-toolbar .e-tbar-btn:focus {
2274
2430
  background: rgba(0, 0, 0, 0.12);
2275
- border-color: rgba(0, 0, 0, 0.12);
2276
2431
  border-radius: 0;
2277
2432
  color: rgba(0, 0, 0, 0.87);
2433
+ border-color: rgba(0, 0, 0, 0.12);
2434
+ border-style: solid;
2435
+ border-width: 0;
2436
+ box-shadow: none;
2437
+ }
2438
+ .e-toolbar .e-tbar-btn:focus .e-icons {
2439
+ color: rgba(0, 0, 0, 0.54);
2440
+ }
2441
+ .e-toolbar .e-tbar-btn:focus .e-tbar-btn-text {
2442
+ color: rgba(0, 0, 0, 0.87);
2278
2443
  }
2279
2444
  .e-toolbar .e-tbar-btn:hover {
2280
2445
  background: rgba(0, 0, 0, 0.12);
2281
2446
  border-color: rgba(0, 0, 0, 0.12);
2447
+ border-style: solid;
2448
+ border-width: 0;
2282
2449
  border-radius: 0;
2283
2450
  color: rgba(0, 0, 0, 0.87);
2284
2451
  }
@@ -2287,6 +2454,7 @@
2287
2454
  }
2288
2455
  .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay {
2289
2456
  background: #fafafa;
2457
+ opacity: 0.5;
2290
2458
  }
2291
2459
  .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-tbar-btn-text {
2292
2460
  color: rgba(0, 0, 0, 0.38);
@@ -2297,6 +2465,30 @@
2297
2465
  .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
2298
2466
  color: rgba(0, 0, 0, 0.87);
2299
2467
  }
2468
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-flat.e-active .e-tbar-btn-text {
2469
+ color: rgba(0, 0, 0, 0.87);
2470
+ }
2471
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-flat.e-active:focus {
2472
+ box-shadow: none;
2473
+ }
2474
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover .e-icons {
2475
+ color: rgba(0, 0, 0, 0.54);
2476
+ }
2477
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
2478
+ color: rgba(0, 0, 0, 0.87);
2479
+ }
2480
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover:active .e-icons {
2481
+ color: rgba(0, 0, 0, 0.54);
2482
+ }
2483
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover:active .e-tbar-btn-text {
2484
+ color: rgba(0, 0, 0, 0.87);
2485
+ }
2486
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:focus .e-icons {
2487
+ color: rgba(0, 0, 0, 0.54);
2488
+ }
2489
+ .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
2490
+ color: rgba(0, 0, 0, 0.87);
2491
+ }
2300
2492
  .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
2301
2493
  border: solid rgba(0, 0, 0, 0.12);
2302
2494
  border-width: 0 0.5px 0 0;
@@ -2329,10 +2521,17 @@
2329
2521
  visibility: hidden;
2330
2522
  width: 1px;
2331
2523
  }
2524
+ .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 {
2525
+ border-bottom-right-radius: 0;
2526
+ }
2332
2527
  .e-toolbar .e-hor-nav:active {
2333
2528
  border: 0;
2334
2529
  box-shadow: none;
2335
2530
  color: rgba(0, 0, 0, 0.87);
2531
+ background: #fafafa;
2532
+ }
2533
+ .e-toolbar .e-hor-nav:active .e-icons {
2534
+ color: rgba(0, 0, 0, 0.54);
2336
2535
  }
2337
2536
  .e-toolbar .e-hor-nav:active::after {
2338
2537
  animation: tbar-popup-shadow 0.6s ease-out 0ms;
@@ -2343,19 +2542,45 @@
2343
2542
  border-left: 0;
2344
2543
  color: rgba(0, 0, 0, 0.87);
2345
2544
  }
2346
- .e-toolbar .e-hor-nav:focus {
2545
+ .e-toolbar .e-hor-nav:hover .e-icons {
2546
+ color: rgba(0, 0, 0, 0.54);
2547
+ }
2548
+ .e-toolbar .e-hor-nav:hover:not(.e-nav-active) {
2549
+ border-color: rgba(0, 0, 0, 0.12);
2550
+ border-style: solid;
2551
+ border-width: 0;
2552
+ }
2553
+ .e-toolbar .e-hor-nav:hover:active {
2347
2554
  background: rgba(0, 0, 0, 0.12);
2348
- border-left: 0;
2349
2555
  border-color: rgba(0, 0, 0, 0.12);
2556
+ border-style: solid;
2557
+ border-width: 0;
2558
+ }
2559
+ .e-toolbar .e-hor-nav:focus {
2560
+ background: rgba(0, 0, 0, 0.12);
2350
2561
  color: rgba(0, 0, 0, 0.87);
2562
+ border-color: rgba(0, 0, 0, 0.12);
2563
+ border-style: solid;
2564
+ border-width: 0;
2565
+ }
2566
+ .e-toolbar .e-hor-nav:focus .e-icons {
2567
+ color: rgba(0, 0, 0, 0.54);
2351
2568
  }
2352
2569
  .e-toolbar .e-tbar-btn:active {
2353
2570
  background: #bdbdbd;
2354
2571
  border-color: #bdbdbd;
2572
+ border-style: solid;
2573
+ border-width: 0;
2355
2574
  border-radius: 0;
2356
2575
  box-shadow: none;
2357
2576
  color: rgba(0, 0, 0, 0.87);
2358
2577
  }
2578
+ .e-toolbar .e-tbar-btn:active .e-icons {
2579
+ color: rgba(0, 0, 0, 0.54);
2580
+ }
2581
+ .e-toolbar .e-tbar-btn:active .e-tbar-btn-text {
2582
+ color: rgba(0, 0, 0, 0.87);
2583
+ }
2359
2584
 
2360
2585
  /*! component's theme wise override material-definitions and variables */
2361
2586
  /*! accordion icons */
@@ -2370,6 +2595,7 @@
2370
2595
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
2371
2596
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2372
2597
  font-size: 16px;
2598
+ vertical-align: middle;
2373
2599
  }
2374
2600
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel,
2375
2601
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel {
@@ -2415,15 +2641,21 @@
2415
2641
  min-height: 48px;
2416
2642
  min-width: 30px;
2417
2643
  right: 16px;
2644
+ font-size: 12px;
2418
2645
  }
2419
2646
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
2420
2647
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
2421
2648
  display: inline-block;
2422
2649
  padding: 0 14px 0 0;
2423
2650
  }
2651
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
2652
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
2653
+ font-size: 12px;
2654
+ }
2424
2655
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
2425
2656
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
2426
2657
  padding: 16px;
2658
+ font-size: 14px;
2427
2659
  }
2428
2660
  .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,
2429
2661
  .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 {
@@ -2459,12 +2691,23 @@
2459
2691
  display: block;
2460
2692
  position: relative;
2461
2693
  }
2694
+ .e-accordion .e-acrdn-item {
2695
+ border-radius: 0;
2696
+ margin-top: 0;
2697
+ }
2462
2698
  .e-accordion .e-acrdn-item.e-select.e-selected:first-child {
2463
2699
  border-top: 0;
2464
2700
  }
2465
2701
  .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
2466
2702
  border-bottom: 0;
2467
2703
  }
2704
+ .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
2705
+ margin-bottom: 0;
2706
+ margin-top: 0;
2707
+ }
2708
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select {
2709
+ margin: 0;
2710
+ }
2468
2711
  .e-accordion .e-acrdn-item > .e-acrdn-header .e-acrdn-header-content {
2469
2712
  font-weight: normal;
2470
2713
  }
@@ -2478,7 +2721,7 @@
2478
2721
  height: auto;
2479
2722
  }
2480
2723
  .e-accordion .e-acrdn-item {
2481
- overflow: hidden;
2724
+ overflow: visible;
2482
2725
  padding-top: 0;
2483
2726
  position: relative;
2484
2727
  }
@@ -2491,7 +2734,11 @@
2491
2734
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
2492
2735
  cursor: pointer;
2493
2736
  }
2737
+ .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 {
2738
+ text-decoration: none;
2739
+ }
2494
2740
  .e-accordion .e-acrdn-item .e-acrdn-header {
2741
+ border-radius: 0;
2495
2742
  line-height: 35px;
2496
2743
  min-height: 36px;
2497
2744
  overflow: hidden;
@@ -2499,10 +2746,14 @@
2499
2746
  text-decoration: none;
2500
2747
  text-overflow: ellipsis;
2501
2748
  white-space: nowrap;
2749
+ margin-bottom: 0;
2502
2750
  }
2503
2751
  .e-accordion .e-acrdn-item .e-acrdn-header > * {
2504
2752
  display: inline-block;
2505
2753
  }
2754
+ .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2755
+ line-height: 35px;
2756
+ }
2506
2757
  .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
2507
2758
  display: table;
2508
2759
  font-size: 12px;
@@ -2525,6 +2776,9 @@
2525
2776
  display: inline-block;
2526
2777
  padding: 0 8px 0 0;
2527
2778
  }
2779
+ .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
2780
+ font-size: 12px;
2781
+ }
2528
2782
  .e-accordion .e-acrdn-item .e-acrdn-panel {
2529
2783
  font-size: 13px;
2530
2784
  overflow-y: hidden;
@@ -2603,34 +2857,118 @@
2603
2857
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2604
2858
  background: #fff;
2605
2859
  border: 1px solid rgba(0, 0, 0, 0.12);
2860
+ border-radius: 0;
2606
2861
  }
2607
2862
  .e-accordion .e-active {
2608
2863
  background: #fff;
2609
2864
  }
2865
+ .e-accordion .e-acrdn-item {
2866
+ border-color: rgba(0, 0, 0, 0.12);
2867
+ border-style: solid;
2868
+ border-width: 0;
2869
+ border-radius: 0;
2870
+ }
2871
+ .e-accordion .e-acrdn-item.e-select:last-child {
2872
+ border-bottom: 1px solid transparent;
2873
+ border-radius: 0;
2874
+ }
2875
+ .e-accordion .e-acrdn-item:first-child .e-acrdn-header:focus {
2876
+ border-radius: 0;
2877
+ }
2878
+ .e-accordion .e-acrdn-item:last-child {
2879
+ border-bottom: 0;
2880
+ }
2881
+ .e-accordion .e-acrdn-item:last-child:not(.e-expand-state) .e-acrdn-header:focus {
2882
+ border-radius: 0;
2883
+ }
2884
+ .e-accordion .e-acrdn-item:last-child.e-selected .e-acrdn-header:focus {
2885
+ border-radius: 0;
2886
+ }
2887
+ .e-accordion .e-acrdn-item.e-item-focus {
2888
+ border-color: rgba(0, 0, 0, 0.12);
2889
+ border-style: solid;
2890
+ border-width: 0;
2891
+ }
2610
2892
  .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state {
2611
2893
  border-top: 1px solid #fff;
2612
2894
  }
2895
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:focus {
2896
+ border-color: rgba(0, 0, 0, 0.12);
2897
+ border-style: solid;
2898
+ border-width: 0;
2899
+ }
2900
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
2901
+ background: #eee;
2902
+ }
2903
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-content {
2904
+ color: #e3165b;
2905
+ }
2906
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-icons {
2907
+ color: rgba(0, 0, 0, 0.54);
2908
+ }
2909
+ .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 {
2910
+ color: #e3165b;
2911
+ }
2613
2912
  .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 {
2614
2913
  border-color: #eee;
2615
2914
  }
2616
2915
  .e-accordion .e-acrdn-item.e-expand-state.e-select {
2617
- border-bottom: 1px solid #fff;
2618
- border-top: 1px solid #fff;
2916
+ border-color: #fff;
2917
+ border-style: solid;
2918
+ border-width: 1px 0 1px 0;
2919
+ }
2920
+ .e-accordion .e-acrdn-item .e-acrdn-header {
2921
+ border: 0;
2922
+ }
2923
+ .e-accordion .e-acrdn-item.e-overlay.e-select.e-expand-state .e-acrdn-header .e-icons,
2924
+ .e-accordion .e-acrdn-item.e-overlay.e-select.e-expand-state .e-acrdn-header .e-acrdn-header-content {
2925
+ color: #e3165b;
2619
2926
  }
2620
2927
  .e-accordion .e-acrdn-item.e-overlay {
2621
2928
  background: #fff;
2929
+ opacity: 0.5;
2930
+ }
2931
+ .e-accordion .e-acrdn-item.e-overlay .e-acrdn-header .e-icons,
2932
+ .e-accordion .e-acrdn-item.e-overlay .e-acrdn-header .e-acrdn-header-content {
2933
+ color: rgba(0, 0, 0, 0.87);
2934
+ }
2935
+ .e-accordion .e-acrdn-item.e-overlay.e-overlay.e-select.e-expand-state .e-acrdn-header .e-icons {
2936
+ color: #e3165b;
2937
+ }
2938
+ .e-accordion .e-acrdn-item.e-overlay.e-overlay.e-select.e-expand-state .e-acrdn-header .e-acrdn-header-content {
2939
+ color: #e3165b;
2622
2940
  }
2623
2941
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus {
2942
+ border-color: rgba(0, 0, 0, 0.12);
2943
+ border-style: solid;
2944
+ border-width: 0;
2945
+ background: #eee;
2946
+ }
2947
+ .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
2624
2948
  background: #eee;
2625
2949
  }
2950
+ .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
2951
+ background: #fff;
2952
+ }
2953
+ .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 {
2954
+ color: #e3165b;
2955
+ }
2956
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-item:last-child {
2957
+ border-bottom: 1px none rgba(0, 0, 0, 0.12);
2958
+ }
2626
2959
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-header .e-acrdn-header-content {
2627
2960
  color: rgba(0, 0, 0, 0.87);
2628
2961
  }
2962
+ .e-accordion .e-acrdn-item.e-select {
2963
+ background: none;
2964
+ border-color: transparent;
2965
+ border-style: solid;
2966
+ border-width: 1px 0 1px 0;
2967
+ }
2629
2968
  .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
2630
2969
  color: rgba(0, 0, 0, 0.87);
2631
- }
2632
- .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-content-icon {
2633
- color: rgba(0, 0, 0, 0.54);
2970
+ background: none;
2971
+ border-top: 0;
2634
2972
  }
2635
2973
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2636
2974
  color: rgba(0, 0, 0, 0.87);
@@ -2640,19 +2978,65 @@
2640
2978
  }
2641
2979
  .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
2642
2980
  background: #eee;
2981
+ border: 0;
2982
+ border-color: initial;
2643
2983
  }
2644
2984
  .e-accordion .e-acrdn-item .e-acrdn-header:hover {
2985
+ border: 0;
2645
2986
  background: transparent;
2987
+ border-color: initial;
2646
2988
  }
2647
2989
  .e-accordion .e-acrdn-item .e-acrdn-header:active {
2990
+ border: 0;
2991
+ border-color: initial;
2648
2992
  background: transparent;
2649
2993
  }
2650
2994
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2995
+ border: 0;
2996
+ box-shadow: none;
2651
2997
  background: #eee;
2652
2998
  }
2999
+ .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
3000
+ .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
3001
+ .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-toggle-icon {
3002
+ color: rgba(0, 0, 0, 0.87);
3003
+ }
3004
+ .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
3005
+ color: rgba(0, 0, 0, 0.87);
3006
+ }
3007
+ .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons {
3008
+ color: rgba(0, 0, 0, 0.54);
3009
+ }
3010
+ .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
3011
+ color: rgba(0, 0, 0, 0.54);
3012
+ }
3013
+ .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 {
3014
+ color: rgba(0, 0, 0, 0.87);
3015
+ }
2653
3016
  .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 {
3017
+ border-color: initial;
3018
+ border-style: solid;
3019
+ border-width: 0;
2654
3020
  background: #fff;
2655
3021
  }
3022
+ .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 {
3023
+ color: rgba(0, 0, 0, 0.54);
3024
+ }
3025
+ .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 {
3026
+ color: #e3165b;
3027
+ }
3028
+ .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 {
3029
+ color: #e3165b;
3030
+ }
3031
+ .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 {
3032
+ color: #e3165b;
3033
+ }
3034
+ .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 {
3035
+ color: #e3165b;
3036
+ }
3037
+ .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 {
3038
+ border-color: initial;
3039
+ }
2656
3040
  .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 {
2657
3041
  color: rgba(0, 0, 0, 0.54);
2658
3042
  }
@@ -2661,22 +3045,57 @@
2661
3045
  .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
2662
3046
  color: #e3165b;
2663
3047
  }
2664
- .e-accordion .e-acrdn-item.e-select {
2665
- border-bottom: 1px solid transparent;
2666
- border-top: 1px solid transparent;
2667
- }
2668
3048
  .e-accordion .e-acrdn-item.e-select.e-item-focus {
2669
3049
  border-color: #eee;
2670
3050
  }
3051
+ .e-accordion .e-acrdn-item.e-selected {
3052
+ border-color: rgba(0, 0, 0, 0.12);
3053
+ border-style: solid;
3054
+ border-width: 0 0 1px 0;
3055
+ }
2671
3056
  .e-accordion .e-acrdn-item.e-selected.e-select {
2672
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2673
- border-top: 1px solid rgba(0, 0, 0, 0.12);
3057
+ border-color: rgba(0, 0, 0, 0.12);
3058
+ border-style: solid;
3059
+ border-width: 1px 0 1px 0;
3060
+ }
3061
+ .e-accordion .e-acrdn-item.e-selected.e-select.e-active {
3062
+ background: #fff;
3063
+ }
3064
+ .e-accordion .e-acrdn-item.e-selected.e-select.e-select:last-child {
3065
+ border-bottom: 0;
3066
+ }
3067
+ .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
3068
+ color: rgba(0, 0, 0, 0.87);
3069
+ }
3070
+ .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
3071
+ color: rgba(0, 0, 0, 0.54);
3072
+ }
3073
+ .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3074
+ box-shadow: none;
2674
3075
  }
2675
3076
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2676
- border-top: 1px solid transparent;
3077
+ border-color: transparent transparent rgba(0, 0, 0, 0.12);
3078
+ border-style: solid;
3079
+ border-width: 1px 0 1px 0;
2677
3080
  }
2678
- .e-accordion .e-acrdn-item.e-selected .e-selected:last-child {
2679
- border-bottom: 1px none rgba(0, 0, 0, 0.12);
3081
+ .e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-icons {
3082
+ color: rgba(0, 0, 0, 0.54);
3083
+ }
3084
+ .e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-acrdn-header-content {
3085
+ color: #e3165b;
3086
+ }
3087
+ .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
3088
+ background: transparent;
3089
+ border-radius: 0;
3090
+ border-color: initial;
3091
+ border-style: solid;
3092
+ border-width: 0;
3093
+ }
3094
+ .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:focus {
3095
+ background: #eee;
3096
+ }
3097
+ .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:hover {
3098
+ border-color: initial;
2680
3099
  }
2681
3100
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-content {
2682
3101
  color: rgba(0, 0, 0, 0.87);
@@ -3373,33 +3792,15 @@
3373
3792
  /*! Material specific themes definition's */
3374
3793
  /*! Vertical Tab */
3375
3794
  /*! tab icons */
3376
- .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-left-arrow::before {
3377
- content: "\e913";
3378
- }
3379
- .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-right-arrow::before {
3380
- content: "\e904";
3381
- }
3382
- .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before {
3383
- content: "\e904";
3384
- }
3385
- .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
3386
- content: "\e913";
3387
- }
3388
3795
  .e-tab .e-tab-header .e-close-icon::before {
3389
3796
  content: "\e7fc";
3390
3797
  position: relative;
3391
3798
  }
3392
- .e-tab .e-tab-header .e-popup-up-icon::before {
3393
- content: "\e916";
3394
- }
3395
3799
  @media screen and (max-width: 480px) {
3396
3800
  .e-tab .e-tab-header .e-popup-up-icon::before {
3397
3801
  content: "\e984";
3398
3802
  }
3399
3803
  }
3400
- .e-tab .e-tab-header .e-popup-down-icon::before {
3401
- content: "\e916";
3402
- }
3403
3804
  @media screen and (max-width: 480px) {
3404
3805
  .e-tab .e-tab-header .e-popup-down-icon::before {
3405
3806
  content: "\e984";
@@ -3413,12 +3814,6 @@
3413
3814
  content: "\e83d";
3414
3815
  }
3415
3816
  }
3416
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before {
3417
- content: "\e910";
3418
- }
3419
- .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before {
3420
- content: "\e916";
3421
- }
3422
3817
  .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before {
3423
3818
  content: "More";
3424
3819
  }
@@ -3482,6 +3877,10 @@
3482
3877
  margin: 0;
3483
3878
  }
3484
3879
  }
3880
+ .e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
3881
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
3882
+ margin: 0;
3883
+ }
3485
3884
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
3486
3885
  .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
3487
3886
  margin: 0;
@@ -3538,6 +3937,12 @@
3538
3937
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-text,
3539
3938
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-text {
3540
3939
  font-size: 14px;
3940
+ margin-bottom: 0;
3941
+ }
3942
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before,
3943
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before {
3944
+ position: relative;
3945
+ top: 1px;
3541
3946
  }
3542
3947
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
3543
3948
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
@@ -3550,6 +3955,11 @@
3550
3955
  margin: 0;
3551
3956
  }
3552
3957
  }
3958
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before,
3959
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before {
3960
+ position: relative;
3961
+ top: 1px;
3962
+ }
3553
3963
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
3554
3964
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
3555
3965
  height: 48px;
@@ -3560,10 +3970,6 @@
3560
3970
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
3561
3971
  height: 48px;
3562
3972
  }
3563
- .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
3564
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap {
3565
- padding: 0;
3566
- }
3567
3973
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
3568
3974
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
3569
3975
  cursor: pointer;
@@ -3594,6 +4000,7 @@
3594
4000
  height: 24px;
3595
4001
  min-width: 24px;
3596
4002
  width: 24px;
4003
+ line-height: 1;
3597
4004
  }
3598
4005
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
3599
4006
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before,
@@ -3605,6 +4012,16 @@
3605
4012
  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
3606
4013
  padding: 0 24px;
3607
4014
  }
4015
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
4016
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
4017
+ margin: 0 0 0 12px;
4018
+ }
4019
+ @media screen and (max-width: 480px) {
4020
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right,
4021
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right {
4022
+ margin: 0;
4023
+ }
4024
+ }
3608
4025
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
3609
4026
  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
3610
4027
  margin: 0 0 0 12px;
@@ -3840,16 +4257,37 @@
3840
4257
  font-size: 16px;
3841
4258
  }
3842
4259
  }
4260
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
4261
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
4262
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
4263
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
4264
+ line-height: 24px;
4265
+ }
3843
4266
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
3844
4267
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before,
3845
4268
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
3846
4269
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
4270
+ line-height: 24px;
3847
4271
  top: 0;
3848
4272
  }
4273
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
4274
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
4275
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
4276
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
4277
+ line-height: 24px;
4278
+ }
3849
4279
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
3850
4280
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before,
3851
4281
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
3852
4282
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
4283
+ line-height: 24px;
4284
+ top: 0;
4285
+ }
4286
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
4287
+ .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
4288
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
4289
+ .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
4290
+ line-height: 24px;
3853
4291
  top: 0;
3854
4292
  }
3855
4293
  .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
@@ -3891,6 +4329,15 @@
3891
4329
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-text {
3892
4330
  padding-top: 0;
3893
4331
  }
4332
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before,
4333
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before {
4334
+ top: 0;
4335
+ }
4336
+ .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,
4337
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-close-icon::before,
4338
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-close-icon::before {
4339
+ top: 0;
4340
+ }
3894
4341
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
3895
4342
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
3896
4343
  margin: 0;
@@ -3902,6 +4349,14 @@
3902
4349
  margin: 0;
3903
4350
  }
3904
4351
  }
4352
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text,
4353
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text {
4354
+ padding-top: 0;
4355
+ }
4356
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before,
4357
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before {
4358
+ top: 0;
4359
+ }
3905
4360
  .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,
3906
4361
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop,
3907
4362
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom {
@@ -3917,16 +4372,15 @@
3917
4372
  height: 48px;
3918
4373
  padding: 0;
3919
4374
  }
3920
- .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,
3921
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap,
3922
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap {
3923
- height: 48px;
3924
- }
3925
4375
  .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,
3926
4376
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap,
3927
4377
  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap {
3928
4378
  height: initial;
3929
4379
  }
4380
+ .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active,
4381
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active {
4382
+ height: 48px;
4383
+ }
3930
4384
  .e-bigger .e-tab .e-tab-header.e-vertical,
3931
4385
  .e-tab.e-bigger .e-tab-header.e-vertical {
3932
4386
  max-width: 150px;
@@ -3964,6 +4418,11 @@
3964
4418
  .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon {
3965
4419
  right: -24px;
3966
4420
  }
4421
+ .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon,
4422
+ .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon {
4423
+ min-height: 38px;
4424
+ min-width: auto;
4425
+ }
3967
4426
  .e-bigger .e-tab .e-tab-header.e-vertical .e-scroll-nav,
3968
4427
  .e-tab.e-bigger .e-tab-header.e-vertical .e-scroll-nav {
3969
4428
  height: 24px;
@@ -4072,6 +4531,10 @@
4072
4531
  height: 48px;
4073
4532
  padding: 0;
4074
4533
  }
4534
+ .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft,
4535
+ .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft {
4536
+ height: 48px;
4537
+ }
4075
4538
  .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
4076
4539
  .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
4077
4540
  .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
@@ -4136,6 +4599,14 @@
4136
4599
  .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
4137
4600
  top: 0;
4138
4601
  }
4602
+ .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),
4603
+ .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) {
4604
+ margin: 0;
4605
+ }
4606
+ .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,
4607
+ .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 {
4608
+ margin: 0;
4609
+ }
4139
4610
  .e-bigger .e-tab.e-fill .e-tab-header,
4140
4611
  .e-tab.e-bigger.e-fill .e-tab-header {
4141
4612
  height: 46px;
@@ -4171,6 +4642,7 @@
4171
4642
  height: 46px;
4172
4643
  margin: 0;
4173
4644
  min-height: 46px;
4645
+ padding: 0;
4174
4646
  }
4175
4647
  @media screen and (max-width: 480px) {
4176
4648
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
@@ -4276,6 +4748,10 @@
4276
4748
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
4277
4749
  height: 46px;
4278
4750
  }
4751
+ .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap,
4752
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
4753
+ height: 46px;
4754
+ }
4279
4755
  .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,
4280
4756
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus,
4281
4757
  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
@@ -4311,7 +4787,7 @@
4311
4787
  }
4312
4788
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator),
4313
4789
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
4314
- margin: 0;
4790
+ padding: 0;
4315
4791
  }
4316
4792
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
4317
4793
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
@@ -4331,10 +4807,6 @@
4331
4807
  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
4332
4808
  margin-bottom: 0;
4333
4809
  }
4334
- .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
4335
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
4336
- height: 48px;
4337
- }
4338
4810
  .e-bigger .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap,
4339
4811
  .e-tab.e-bigger.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
4340
4812
  padding: 0 24px;
@@ -4353,6 +4825,10 @@
4353
4825
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
4354
4826
  margin: 0;
4355
4827
  }
4828
+ .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right,
4829
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
4830
+ margin: 0;
4831
+ }
4356
4832
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
4357
4833
  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
4358
4834
  margin: 0 12px 0 0;
@@ -4480,6 +4956,7 @@
4480
4956
  .e-tab .e-tab-header::before {
4481
4957
  content: "";
4482
4958
  position: absolute;
4959
+ display: unset;
4483
4960
  }
4484
4961
  .e-tab .e-tab-header:not(.e-vertical)::before {
4485
4962
  bottom: 0;
@@ -4509,14 +4986,44 @@
4509
4986
  margin: 0;
4510
4987
  }
4511
4988
  }
4989
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active {
4990
+ position: unset;
4991
+ }
4992
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active:hover::before {
4993
+ left: unset;
4994
+ right: unset;
4995
+ }
4996
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before {
4997
+ background-color: unset;
4998
+ bottom: unset;
4999
+ content: unset;
5000
+ height: unset;
5001
+ left: unset;
5002
+ position: unset;
5003
+ right: unset;
5004
+ transition: unset;
5005
+ }
5006
+ .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after {
5007
+ color: unset;
5008
+ content: unset;
5009
+ display: unset;
5010
+ font-weight: unset;
5011
+ height: unset;
5012
+ overflow: unset;
5013
+ visibility: unset;
5014
+ }
4512
5015
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device {
4513
5016
  padding: 0;
4514
5017
  }
4515
5018
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device .e-scroll-right-nav {
4516
5019
  display: none;
4517
5020
  }
5021
+ .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-hscroll-bar {
5022
+ padding: 0;
5023
+ }
4518
5024
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
4519
5025
  width: 40px;
5026
+ border-radius: 0;
4520
5027
  }
4521
5028
  .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
4522
5029
  margin: 0;
@@ -4544,6 +5051,7 @@
4544
5051
  height: 2px;
4545
5052
  left: 0;
4546
5053
  right: 0;
5054
+ border-radius: 0;
4547
5055
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
4548
5056
  }
4549
5057
  .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -4593,6 +5101,10 @@
4593
5101
  font-size: 13px;
4594
5102
  font-weight: 500;
4595
5103
  text-transform: uppercase;
5104
+ -ms-flex-item-align: auto;
5105
+ -ms-grid-row-align: auto;
5106
+ align-self: auto;
5107
+ margin-bottom: 0;
4596
5108
  }
4597
5109
  @media screen and (max-width: 480px) {
4598
5110
  .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
@@ -4623,6 +5135,14 @@
4623
5135
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
4624
5136
  font-weight: 500;
4625
5137
  }
5138
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon::before {
5139
+ top: 1px;
5140
+ left: 2px;
5141
+ }
5142
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-top.e-tab-icon::before,
5143
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-bottom.e-tab-icon::before {
5144
+ left: 0;
5145
+ }
4626
5146
  .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 {
4627
5147
  height: 36px;
4628
5148
  padding: 0;
@@ -4653,7 +5173,7 @@
4653
5173
  }
4654
5174
  }
4655
5175
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
4656
- top: 0;
5176
+ top: 1px;
4657
5177
  }
4658
5178
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
4659
5179
  display: -ms-inline-flexbox;
@@ -4661,6 +5181,7 @@
4661
5181
  height: 20px;
4662
5182
  min-width: 20px;
4663
5183
  width: 20px;
5184
+ line-height: 1;
4664
5185
  }
4665
5186
  @media screen and (max-width: 480px) {
4666
5187
  .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -4678,6 +5199,15 @@
4678
5199
  font-size: 20px;
4679
5200
  }
4680
5201
  }
5202
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
5203
+ position: relative;
5204
+ top: 1px;
5205
+ left: 2px;
5206
+ }
5207
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-top.e-tab-icon::before,
5208
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-bottom.e-tab-icon::before {
5209
+ left: 0;
5210
+ }
4681
5211
  .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
4682
5212
  -ms-flex-pack: center;
4683
5213
  justify-content: center;
@@ -4688,6 +5218,14 @@
4688
5218
  padding: 0 24px;
4689
5219
  }
4690
5220
  }
5221
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-right {
5222
+ margin: 0 0 0 8px;
5223
+ }
5224
+ @media screen and (max-width: 480px) {
5225
+ .e-tab .e-tab-header .e-toolbar-item .e-icon-right {
5226
+ margin: 0;
5227
+ }
5228
+ }
4691
5229
  .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
4692
5230
  margin: 0 0 0 10px;
4693
5231
  }
@@ -4785,6 +5323,7 @@
4785
5323
  }
4786
5324
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
4787
5325
  margin: 0;
5326
+ padding: 0;
4788
5327
  }
4789
5328
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
4790
5329
  height: 36px;
@@ -4990,10 +5529,21 @@
4990
5529
  font-size: 16px;
4991
5530
  }
4992
5531
  }
5532
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
5533
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
5534
+ line-height: 24px;
5535
+ }
4993
5536
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
4994
5537
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
5538
+ line-height: 24px;
4995
5539
  top: 0;
4996
5540
  }
5541
+ @media screen and (max-width: 480px) {
5542
+ .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
5543
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
5544
+ line-height: 24px;
5545
+ }
5546
+ }
4997
5547
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
4998
5548
  transform: rotate(180deg);
4999
5549
  transition: transform 0.1s ease;
@@ -5014,13 +5564,58 @@
5014
5564
  transition: none;
5015
5565
  }
5016
5566
  }
5567
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
5568
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
5569
+ line-height: 24px;
5570
+ }
5017
5571
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
5018
5572
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
5573
+ line-height: 24px;
5574
+ top: 0;
5575
+ }
5576
+ @media screen and (max-width: 480px) {
5577
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
5578
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
5579
+ line-height: 24px;
5580
+ }
5581
+ }
5582
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
5583
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
5584
+ line-height: 24px;
5019
5585
  top: 0;
5020
5586
  }
5587
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active {
5588
+ position: unset;
5589
+ }
5590
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active:hover::before {
5591
+ left: unset;
5592
+ right: unset;
5593
+ }
5594
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::before {
5595
+ background-color: unset;
5596
+ content: unset;
5597
+ height: unset;
5598
+ left: unset;
5599
+ position: unset;
5600
+ right: unset;
5601
+ top: unset;
5602
+ transition: unset;
5603
+ }
5604
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after {
5605
+ color: unset;
5606
+ content: unset;
5607
+ display: unset;
5608
+ font-weight: unset;
5609
+ height: unset;
5610
+ overflow: unset;
5611
+ visibility: unset;
5612
+ }
5021
5613
  .e-tab .e-tab-header.e-horizontal-bottom::before {
5022
5614
  bottom: auto;
5023
5615
  }
5616
+ .e-tab .e-tab-header.e-horizontal-bottom .e-hscroll-bar {
5617
+ margin-top: 0;
5618
+ }
5024
5619
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
5025
5620
  margin: 0;
5026
5621
  padding-bottom: 0;
@@ -5049,6 +5644,12 @@
5049
5644
  height: 36px;
5050
5645
  padding: 0;
5051
5646
  }
5647
+ .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 {
5648
+ top: unset;
5649
+ }
5650
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-tab-wrap:focus .e-close-icon::before {
5651
+ top: 0;
5652
+ }
5052
5653
  .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 {
5053
5654
  height: initial;
5054
5655
  }
@@ -5121,6 +5722,13 @@
5121
5722
  .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap::before {
5122
5723
  display: none;
5123
5724
  }
5725
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon {
5726
+ min-height: 36px;
5727
+ min-width: 33px;
5728
+ }
5729
+ .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon .e-tab-icon {
5730
+ margin: 0;
5731
+ }
5124
5732
  .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 {
5125
5733
  right: -18px;
5126
5734
  }
@@ -5137,6 +5745,30 @@
5137
5745
  left: auto;
5138
5746
  right: 0;
5139
5747
  }
5748
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active:hover::before {
5749
+ bottom: unset;
5750
+ height: unset;
5751
+ }
5752
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::before {
5753
+ background-color: unset;
5754
+ bottom: unset;
5755
+ content: unset;
5756
+ height: unset;
5757
+ left: unset;
5758
+ position: unset;
5759
+ right: unset;
5760
+ transition: unset;
5761
+ width: unset;
5762
+ }
5763
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::after {
5764
+ color: unset;
5765
+ content: unset;
5766
+ display: unset;
5767
+ font-weight: unset;
5768
+ height: unset;
5769
+ overflow: unset;
5770
+ visibility: unset;
5771
+ }
5140
5772
  .e-tab .e-tab-header.e-vertical.e-vertical-right {
5141
5773
  float: right;
5142
5774
  }
@@ -5153,6 +5785,30 @@
5153
5785
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-pop .e-tab-text {
5154
5786
  width: auto;
5155
5787
  }
5788
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active:hover::before {
5789
+ bottom: unset;
5790
+ height: unset;
5791
+ }
5792
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::before {
5793
+ background-color: unset;
5794
+ bottom: unset;
5795
+ content: unset;
5796
+ height: unset;
5797
+ left: unset;
5798
+ position: unset;
5799
+ right: unset;
5800
+ transition: unset;
5801
+ width: unset;
5802
+ }
5803
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::after {
5804
+ color: unset;
5805
+ content: unset;
5806
+ display: unset;
5807
+ font-weight: unset;
5808
+ height: unset;
5809
+ overflow: unset;
5810
+ visibility: unset;
5811
+ }
5156
5812
  .e-tab .e-tab-header.e-vertical .e-scroll-nav {
5157
5813
  height: 16px;
5158
5814
  -ms-flex-pack: center;
@@ -5278,6 +5934,28 @@
5278
5934
  .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
5279
5935
  height: 62px;
5280
5936
  }
5937
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
5938
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
5939
+ position: unset;
5940
+ }
5941
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
5942
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
5943
+ border: unset;
5944
+ content: unset;
5945
+ display: none;
5946
+ position: unset;
5947
+ top: unset;
5948
+ width: unset;
5949
+ }
5950
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
5951
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
5952
+ content: unset;
5953
+ display: unset;
5954
+ position: unset;
5955
+ top: unset;
5956
+ width: unset;
5957
+ border: unset;
5958
+ }
5281
5959
  .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
5282
5960
  height: 62px;
5283
5961
  }
@@ -5290,6 +5968,9 @@
5290
5968
  font-size: 12px;
5291
5969
  }
5292
5970
  }
5971
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator {
5972
+ width: 2px;
5973
+ }
5293
5974
  .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
5294
5975
  .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
5295
5976
  display: none;
@@ -5301,6 +5982,13 @@
5301
5982
  .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
5302
5983
  height: 16px;
5303
5984
  }
5985
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
5986
+ .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 {
5987
+ top: unset;
5988
+ }
5989
+ .e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active {
5990
+ margin: 0;
5991
+ }
5304
5992
  .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
5305
5993
  height: inherit;
5306
5994
  }
@@ -5504,6 +6192,7 @@
5504
6192
  height: 34px;
5505
6193
  margin: 0;
5506
6194
  min-height: 34px;
6195
+ padding: 0;
5507
6196
  }
5508
6197
  @media screen and (max-width: 480px) {
5509
6198
  .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
@@ -5604,6 +6293,9 @@
5604
6293
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
5605
6294
  height: 34px;
5606
6295
  }
6296
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
6297
+ height: 34px;
6298
+ }
5607
6299
  .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 {
5608
6300
  height: 60px;
5609
6301
  }
@@ -5629,6 +6321,7 @@
5629
6321
  }
5630
6322
  .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
5631
6323
  margin: 0;
6324
+ padding: 0;
5632
6325
  }
5633
6326
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
5634
6327
  padding: 0 18px;
@@ -5644,12 +6337,12 @@
5644
6337
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
5645
6338
  margin-bottom: 0;
5646
6339
  }
5647
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
5648
- height: 36px;
5649
- }
5650
6340
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text {
5651
6341
  font-weight: 500;
5652
6342
  }
6343
+ .e-tab.e-background .e-tab-header.e-vertical .e-indicator {
6344
+ display: block;
6345
+ }
5653
6346
  .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap {
5654
6347
  padding: 0 18px;
5655
6348
  }
@@ -5674,6 +6367,9 @@
5674
6367
  .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
5675
6368
  margin: 0;
5676
6369
  }
6370
+ .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right {
6371
+ margin: 0;
6372
+ }
5677
6373
  .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
5678
6374
  margin: 0 10px 0 0;
5679
6375
  }
@@ -5689,6 +6385,9 @@
5689
6385
  margin-left: 20px;
5690
6386
  margin-right: 0;
5691
6387
  }
6388
+ .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) {
6389
+ margin: 0;
6390
+ }
5692
6391
  .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item {
5693
6392
  margin: 0;
5694
6393
  }
@@ -5789,6 +6488,9 @@
5789
6488
  font-size: 13px;
5790
6489
  font-weight: 500;
5791
6490
  text-transform: uppercase;
6491
+ -ms-flex-item-align: auto;
6492
+ -ms-grid-row-align: auto;
6493
+ align-self: auto;
5792
6494
  }
5793
6495
  @media screen and (max-width: 480px) {
5794
6496
  .e-tab-clone-element .e-tab-text {
@@ -5809,7 +6511,7 @@
5809
6511
  }
5810
6512
  }
5811
6513
  .e-tab-clone-element .e-close-icon::before {
5812
- top: 0;
6514
+ top: 1px;
5813
6515
  }
5814
6516
  .e-tab-clone-element .e-icons.e-tab-icon {
5815
6517
  display: -ms-inline-flexbox;
@@ -5817,6 +6519,7 @@
5817
6519
  height: 20px;
5818
6520
  min-width: 20px;
5819
6521
  width: 20px;
6522
+ line-height: 1;
5820
6523
  }
5821
6524
  @media screen and (max-width: 480px) {
5822
6525
  .e-tab-clone-element .e-icons.e-tab-icon {
@@ -5844,6 +6547,14 @@
5844
6547
  padding: 0 24px;
5845
6548
  }
5846
6549
  }
6550
+ .e-tab-clone-element .e-icon-right {
6551
+ margin: 0 0 0 8px;
6552
+ }
6553
+ @media screen and (max-width: 480px) {
6554
+ .e-tab-clone-element .e-icon-right {
6555
+ margin: 0;
6556
+ }
6557
+ }
5847
6558
  .e-tab-clone-element .e-icon-left + .e-tab-text {
5848
6559
  margin: 0 0 0 10px;
5849
6560
  }
@@ -5966,6 +6677,9 @@
5966
6677
  }
5967
6678
  .e-bigger .e-tab-clone-element .e-tab-text {
5968
6679
  font-size: 14px;
6680
+ -ms-flex-item-align: auto;
6681
+ -ms-grid-row-align: auto;
6682
+ align-self: auto;
5969
6683
  }
5970
6684
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
5971
6685
  cursor: pointer;
@@ -5990,6 +6704,7 @@
5990
6704
  height: 24px;
5991
6705
  min-width: 24px;
5992
6706
  width: 24px;
6707
+ line-height: 1;
5993
6708
  }
5994
6709
  .e-bigger .e-tab-clone-element .e-tab-icon,
5995
6710
  .e-bigger .e-tab-clone-element .e-tab-icon::before {
@@ -5998,6 +6713,14 @@
5998
6713
  .e-bigger .e-tab-clone-element.e-icon .e-tab-wrap {
5999
6714
  padding: 0 24px;
6000
6715
  }
6716
+ .e-bigger .e-tab-clone-element .e-icon-right {
6717
+ margin: 0 0 0 12px;
6718
+ }
6719
+ @media screen and (max-width: 480px) {
6720
+ .e-bigger .e-tab-clone-element .e-icon-right {
6721
+ margin: 0;
6722
+ }
6723
+ }
6001
6724
  .e-bigger .e-tab-clone-element .e-icon-left + .e-tab-text {
6002
6725
  margin: 0 0 0 12px;
6003
6726
  }
@@ -6040,10 +6763,20 @@
6040
6763
  background: inherit;
6041
6764
  border: 0;
6042
6765
  border-radius: 0;
6766
+ box-shadow: none;
6767
+ font-weight: normal;
6043
6768
  border-bottom: 0;
6044
6769
  }
6770
+ .e-tab .e-tab-header::before {
6771
+ border-color: unset;
6772
+ border-style: solid;
6773
+ }
6774
+ .e-tab .e-tab-header:not(.e-vertical)::before {
6775
+ border-width: 0;
6776
+ }
6045
6777
  .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
6046
6778
  border-bottom: initial;
6779
+ margin-bottom: 0;
6047
6780
  }
6048
6781
  .e-tab .e-tab-header .e-toolbar-items {
6049
6782
  background: inherit;
@@ -6055,12 +6788,16 @@
6055
6788
  background: inherit;
6056
6789
  border: none;
6057
6790
  }
6791
+ .e-tab .e-tab-header .e-toolbar-item:hover {
6792
+ background: inherit;
6793
+ }
6058
6794
  .e-tab .e-tab-header .e-toolbar-item .e-ripple-element {
6059
6795
  background: rgba(227, 22, 91, 0.12);
6060
6796
  }
6061
6797
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
6062
6798
  border-radius: 0;
6063
6799
  color: rgba(0, 0, 0, 0.54);
6800
+ border: 0;
6064
6801
  }
6065
6802
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
6066
6803
  color: rgba(0, 0, 0, 0.54);
@@ -6078,6 +6815,8 @@
6078
6815
  }
6079
6816
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
6080
6817
  background: inherit;
6818
+ border: 0;
6819
+ border-radius: 0;
6081
6820
  }
6082
6821
  @media screen and (max-width: 480px) {
6083
6822
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
@@ -6092,10 +6831,24 @@
6092
6831
  border: none;
6093
6832
  border-radius: 0;
6094
6833
  }
6834
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
6835
+ border: 0;
6836
+ }
6095
6837
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
6096
6838
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
6097
6839
  color: #e3165b;
6098
6840
  }
6841
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
6842
+ position: unset;
6843
+ }
6844
+ .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
6845
+ border: unset;
6846
+ content: unset;
6847
+ display: unset;
6848
+ position: unset;
6849
+ top: unset;
6850
+ width: unset;
6851
+ }
6099
6852
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
6100
6853
  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
6101
6854
  color: #e3165b;
@@ -6148,14 +6901,25 @@
6148
6901
  }
6149
6902
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
6150
6903
  background: #eee;
6904
+ border: 0;
6905
+ border-radius: 0;
6151
6906
  }
6152
6907
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
6153
6908
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
6154
6909
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
6155
6910
  color: rgba(0, 0, 0, 0.87);
6156
6911
  }
6912
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
6913
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
6914
+ color: rgba(0, 0, 0, 0.87);
6915
+ }
6157
6916
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
6158
6917
  background: #eee;
6918
+ border-color: unset;
6919
+ }
6920
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text,
6921
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
6922
+ color: rgba(0, 0, 0, 0.54);
6159
6923
  }
6160
6924
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
6161
6925
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
@@ -6173,26 +6937,46 @@
6173
6937
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
6174
6938
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow {
6175
6939
  color: rgba(0, 0, 0, 0.54);
6940
+ border: 0;
6176
6941
  }
6177
6942
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:hover,
6178
6943
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover {
6179
6944
  background: initial;
6180
6945
  color: rgba(0, 0, 0, 0.87);
6946
+ border: 0;
6181
6947
  }
6182
6948
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
6183
6949
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
6184
6950
  box-shadow: none;
6951
+ border: 0;
6952
+ }
6953
+ .e-tab .e-tab-header .e-scroll-nav:focus,
6954
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
6955
+ background: inherit;
6185
6956
  }
6186
6957
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
6187
6958
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
6188
6959
  background: rgba(0, 0, 0, 0.12);
6189
6960
  color: rgba(0, 0, 0, 0.87);
6961
+ border: 0;
6190
6962
  }
6191
6963
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover,
6192
6964
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover {
6193
6965
  background: initial;
6194
6966
  color: rgba(0, 0, 0, 0.87);
6195
6967
  }
6968
+ .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active,
6969
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
6970
+ background: rgba(0, 0, 0, 0.12);
6971
+ border-color: unset;
6972
+ color: rgba(0, 0, 0, 0.87);
6973
+ }
6974
+ .e-tab .e-tab-header .e-scroll-nav:active,
6975
+ .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
6976
+ box-shadow: none;
6977
+ background: inherit;
6978
+ border: 0;
6979
+ }
6196
6980
  .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow,
6197
6981
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow {
6198
6982
  color: rgba(0, 0, 0, 0.54);
@@ -6200,6 +6984,8 @@
6200
6984
  .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow:hover,
6201
6985
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-overlay .e-nav-arrow:hover {
6202
6986
  color: rgba(0, 0, 0, 0.54);
6987
+ background: initial;
6988
+ border-color: unset;
6203
6989
  }
6204
6990
  .e-tab .e-tab-header .e-hor-nav,
6205
6991
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) {
@@ -6211,6 +6997,7 @@
6211
6997
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
6212
6998
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon {
6213
6999
  color: rgba(0, 0, 0, 0.54);
7000
+ border: 0;
6214
7001
  }
6215
7002
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
6216
7003
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
@@ -6224,6 +7011,10 @@
6224
7011
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover {
6225
7012
  color: rgba(0, 0, 0, 0.87);
6226
7013
  }
7014
+ .e-tab .e-tab-header .e-hor-nav:focus,
7015
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus {
7016
+ background: transparent;
7017
+ }
6227
7018
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
6228
7019
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
6229
7020
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
@@ -6246,6 +7037,7 @@
6246
7037
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
6247
7038
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active {
6248
7039
  background: initial;
7040
+ color: rgba(0, 0, 0, 0.87);
6249
7041
  border: 0;
6250
7042
  border-radius: 0;
6251
7043
  box-shadow: none;
@@ -6253,38 +7045,77 @@
6253
7045
  .e-tab .e-tab-header .e-hor-nav:hover,
6254
7046
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
6255
7047
  border: 0;
7048
+ background: transparent;
6256
7049
  }
6257
7050
  .e-tab .e-tab-header .e-hor-nav:hover:active,
6258
7051
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover:active {
6259
7052
  background: transparent;
6260
7053
  }
7054
+ .e-tab .e-tab-header .e-hor-nav:active,
7055
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
7056
+ box-shadow: none;
7057
+ background: transparent;
7058
+ }
6261
7059
  .e-tab .e-tab-header .e-hor-nav.e-nav-active,
6262
7060
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
6263
7061
  background: inherit;
6264
7062
  border: 0;
6265
7063
  box-shadow: none;
7064
+ border-radius: 0;
7065
+ }
7066
+ .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
7067
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-icons {
7068
+ color: rgba(0, 0, 0, 0.87);
7069
+ }
7070
+ .e-tab .e-tab-header .e-hor-nav.e-nav-active:focus,
7071
+ .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active:focus {
7072
+ border: 0;
6266
7073
  }
6267
7074
  .e-tab .e-tab-header.e-horizontal-bottom {
6268
- border-bottom: 0;
6269
- border-top: 0;
7075
+ border-color: unset;
7076
+ border-style: solid;
7077
+ border-width: 0;
7078
+ }
7079
+ .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] {
7080
+ border-color: unset;
7081
+ border-style: solid;
7082
+ border-width: 0;
7083
+ }
7084
+ .e-tab .e-tab-header.e-horizontal-bottom[style*="overflow: hidden"] .e-toolbar-items {
7085
+ border-color: unset;
7086
+ border-style: solid;
7087
+ border-width: 0;
7088
+ }
7089
+ .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item .e-tab-wrap:hover {
7090
+ border-radius: 0;
6270
7091
  }
6271
7092
  .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
6272
- border-bottom: 0;
7093
+ border-color: inherit unset unset;
7094
+ border-style: solid;
7095
+ border-width: 0;
7096
+ margin-top: 0;
6273
7097
  border-radius: 0;
6274
- border-top: initial;
6275
- border-top-color: inherit;
7098
+ }
7099
+ .e-tab .e-tab-header.e-vertical {
7100
+ border-bottom: 0;
6276
7101
  }
6277
7102
  .e-tab .e-tab-header.e-vertical::before {
6278
- border-width: 0 1px 0 0;
7103
+ border-width: 0;
6279
7104
  }
6280
7105
  .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active {
6281
7106
  border-bottom: 0;
6282
7107
  border-top: 0;
6283
7108
  }
7109
+ .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item .e-tab-wrap:hover {
7110
+ border-radius: 0;
7111
+ }
6284
7112
  .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
6285
7113
  border-radius: 0;
6286
7114
  border-right: initial;
6287
7115
  }
7116
+ .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item .e-tab-wrap:hover {
7117
+ border-radius: 0;
7118
+ }
6288
7119
  .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
6289
7120
  border-left: initial;
6290
7121
  border-radius: 0;
@@ -6310,6 +7141,10 @@
6310
7141
  }
6311
7142
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover {
6312
7143
  background: rgba(0, 0, 0, 0.12);
7144
+ border-color: rgba(0, 0, 0, 0.12) transparent transparent;
7145
+ }
7146
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover:active:focus {
7147
+ background: rgba(0, 0, 0, 0.12);
6313
7148
  }
6314
7149
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
6315
7150
  color: rgba(0, 0, 0, 0.87);
@@ -6320,6 +7155,9 @@
6320
7155
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus {
6321
7156
  background: rgba(0, 0, 0, 0.12);
6322
7157
  }
7158
+ .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus:hover:active .e-nav-arrow {
7159
+ color: none;
7160
+ }
6323
7161
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
6324
7162
  background: none;
6325
7163
  }
@@ -6335,6 +7173,7 @@
6335
7173
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
6336
7174
  background: inherit;
6337
7175
  border: 0;
7176
+ color: rgba(0, 0, 0, 0.87);
6338
7177
  }
6339
7178
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
6340
7179
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -6349,23 +7188,36 @@
6349
7188
  border: 0;
6350
7189
  box-shadow: none;
6351
7190
  }
7191
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active,
7192
+ .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active {
7193
+ color: rgba(0, 0, 0, 0.87);
7194
+ }
6352
7195
  .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-up-icon,
6353
7196
  .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-down-icon {
6354
7197
  border: 0;
6355
7198
  }
6356
7199
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
6357
7200
  background: rgba(227, 22, 91, 0.12);
7201
+ border: 0;
6358
7202
  }
6359
7203
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
6360
7204
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
6361
7205
  color: #e3165b;
6362
7206
  }
7207
+ .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon {
7208
+ color: #e3165b;
7209
+ }
6363
7210
  .e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
6364
7211
  color: rgba(0, 0, 0, 0.87);
6365
7212
  }
6366
7213
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
6367
7214
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
6368
7215
  color: rgba(0, 0, 0, 0.87);
7216
+ background: rgba(0, 0, 0, 0.12);
7217
+ border: initial;
7218
+ }
7219
+ .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus {
7220
+ border-color: rgba(0, 0, 0, 0.12) transparent transparent;
6369
7221
  }
6370
7222
  .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
6371
7223
  border: 0;
@@ -6396,6 +7248,9 @@
6396
7248
  .e-tab.e-fill .e-tab-header {
6397
7249
  border-bottom: 2px Solid #e3165b;
6398
7250
  }
7251
+ .e-tab.e-fill .e-tab-header .e-toolbar-items.e-hscroll {
7252
+ border: 0;
7253
+ }
6399
7254
  .e-tab.e-fill .e-tab-header .e-toolbar-item {
6400
7255
  border: 0;
6401
7256
  }
@@ -6408,6 +7263,9 @@
6408
7263
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
6409
7264
  color: rgba(0, 0, 0, 0.87);
6410
7265
  }
7266
+ .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
7267
+ color: rgba(0, 0, 0, 0.87);
7268
+ }
6411
7269
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
6412
7270
  margin-top: 0;
6413
7271
  }
@@ -6417,6 +7275,7 @@
6417
7275
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
6418
7276
  background: #e3165b;
6419
7277
  border-radius: 0;
7278
+ border-color: unset;
6420
7279
  }
6421
7280
  .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 {
6422
7281
  color: white;
@@ -6424,6 +7283,9 @@
6424
7283
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
6425
7284
  margin-top: 0;
6426
7285
  }
7286
+ .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
7287
+ border: unset;
7288
+ }
6427
7289
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text,
6428
7290
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
6429
7291
  color: white;
@@ -6434,6 +7296,22 @@
6434
7296
  .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
6435
7297
  color: white;
6436
7298
  }
7299
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item:active:hover .e-tab-text,
7300
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item:active:hover .e-tab-icon {
7301
+ color: rgba(0, 0, 0, 0.54);
7302
+ }
7303
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover {
7304
+ background: #eee;
7305
+ }
7306
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-text {
7307
+ color: rgba(0, 0, 0, 0.87);
7308
+ }
7309
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-tab-icon {
7310
+ color: rgba(0, 0, 0, 0.87);
7311
+ }
7312
+ .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-tab-wrap:hover .e-close-icon {
7313
+ color: rgba(0, 0, 0, 0.87);
7314
+ }
6437
7315
  .e-tab.e-fill .e-tab-header.e-horizontal-bottom {
6438
7316
  border-bottom: 0;
6439
7317
  border-top: 2px Solid #e3165b;
@@ -6486,6 +7364,13 @@
6486
7364
  }
6487
7365
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
6488
7366
  background: rgba(227, 22, 91, 0.8);
7367
+ border-color: unset;
7368
+ }
7369
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
7370
+ color: white;
7371
+ }
7372
+ .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
7373
+ color: rgba(0, 0, 0, 0.87);
6489
7374
  }
6490
7375
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6491
7376
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
@@ -6498,8 +7383,12 @@
6498
7383
  .e-tab.e-background .e-tab-header .e-toolbar-items {
6499
7384
  background: #3f51b5;
6500
7385
  }
7386
+ .e-tab.e-background .e-tab-header .e-toolbar-items.e-hscroll {
7387
+ border: 0;
7388
+ }
6501
7389
  .e-tab.e-background .e-tab-header .e-indicator {
6502
7390
  background: #fff;
7391
+ bottom: 0;
6503
7392
  }
6504
7393
  .e-tab.e-background .e-tab-header .e-toolbar-item {
6505
7394
  border: 0;
@@ -6509,37 +7398,82 @@
6509
7398
  }
6510
7399
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
6511
7400
  background: #3f51b5;
7401
+ border-color: unset;
6512
7402
  }
6513
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text,
6514
7403
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
6515
7404
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
6516
7405
  color: rgba(255, 255, 255, 0.7);
6517
7406
  }
7407
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
7408
+ color: rgba(255, 255, 255, 0.7);
7409
+ }
6518
7410
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover {
6519
7411
  color: rgba(255, 255, 255, 0.54);
6520
7412
  }
6521
7413
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
6522
7414
  background: inherit;
7415
+ background-color: inherit;
7416
+ border-color: unset;
7417
+ }
7418
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
7419
+ color: white;
6523
7420
  }
6524
- .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
6525
7421
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
6526
7422
  color: white;
6527
7423
  }
7424
+ .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
7425
+ color: rgba(255, 255, 255, 0.7);
7426
+ }
6528
7427
  .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 {
6529
7428
  color: #fff;
6530
7429
  }
6531
7430
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
6532
7431
  border: 0;
6533
7432
  margin: 0;
7433
+ background: inherit;
6534
7434
  }
6535
7435
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
6536
7436
  background: #3f51b5;
7437
+ border-color: unset;
6537
7438
  border-radius: 0;
7439
+ border-style: solid;
7440
+ border-width: 0;
7441
+ }
7442
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
7443
+ color: white;
7444
+ }
7445
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
7446
+ color: white;
7447
+ }
7448
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-close-icon {
7449
+ color: rgba(255, 255, 255, 0.7);
7450
+ }
7451
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
7452
+ background: #3f51b5;
7453
+ border-color: unset;
7454
+ }
7455
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
7456
+ color: white;
6538
7457
  }
6539
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
6540
7458
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
6541
7459
  color: white;
6542
7460
  }
7461
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
7462
+ color: rgba(255, 255, 255, 0.7);
7463
+ }
7464
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:hover {
7465
+ color: #fff;
7466
+ }
7467
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon:active {
7468
+ color: #fff;
7469
+ }
7470
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus {
7471
+ background: inherit;
7472
+ }
7473
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus .e-tab-icon,
7474
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover:focus .e-tab-text {
7475
+ color: white;
7476
+ }
6543
7477
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
6544
7478
  background: inherit;
6545
7479
  }
@@ -6547,6 +7481,15 @@
6547
7481
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
6548
7482
  color: white;
6549
7483
  }
7484
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
7485
+ color: white;
7486
+ }
7487
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
7488
+ color: rgba(255, 255, 255, 0.7);
7489
+ }
7490
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
7491
+ border: unset;
7492
+ }
6550
7493
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text,
6551
7494
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
6552
7495
  color: white;
@@ -6554,7 +7497,8 @@
6554
7497
  .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon {
6555
7498
  color: rgba(255, 255, 255, 0.7);
6556
7499
  }
6557
- .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
7500
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover,
7501
+ .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text:hover {
6558
7502
  color: white;
6559
7503
  }
6560
7504
  .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 {
@@ -6569,7 +7513,8 @@
6569
7513
  background: #3f51b5;
6570
7514
  }
6571
7515
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
6572
- .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon {
7516
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon,
7517
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-close-icon {
6573
7518
  color: rgba(255, 255, 255, 0.7);
6574
7519
  }
6575
7520
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
@@ -6580,38 +7525,79 @@
6580
7525
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
6581
7526
  color: white;
6582
7527
  }
7528
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text {
7529
+ color: rgba(255, 255, 255, 0.7);
7530
+ }
7531
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
7532
+ color: rgba(255, 255, 255, 0.7);
7533
+ }
7534
+ .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-close-icon {
7535
+ color: rgba(255, 255, 255, 0.7);
7536
+ }
7537
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav,
7538
+ .e-tab.e-background .e-tab-header .e-scroll-nav {
7539
+ background: inherit;
7540
+ }
6583
7541
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
6584
7542
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
6585
7543
  color: rgba(255, 255, 255, 0.7);
7544
+ border: 0;
6586
7545
  }
6587
7546
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
6588
7547
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
6589
7548
  background: inherit;
6590
7549
  color: #fff;
7550
+ border-color: unset;
7551
+ }
7552
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active,
7553
+ .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:active {
7554
+ background: unset;
7555
+ color: rgba(255, 255, 255, 0.7);
6591
7556
  }
6592
7557
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
6593
7558
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
6594
7559
  color: #fff;
7560
+ border: 0;
7561
+ background: rgba(0, 0, 0, 0.12);
6595
7562
  }
6596
7563
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
6597
7564
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
6598
7565
  background: inherit;
6599
7566
  color: #fff;
6600
7567
  }
7568
+ .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active,
7569
+ .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active {
7570
+ background: rgba(0, 0, 0, 0.12);
7571
+ border-color: unset;
7572
+ color: #fff;
7573
+ }
6601
7574
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
6602
7575
  .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
6603
7576
  animation: hscroll-alt-popup-shadow 1s ease-out 0ms;
6604
7577
  }
7578
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
7579
+ .e-tab.e-background .e-tab-header .e-hor-nav {
7580
+ background: transparent;
7581
+ }
6605
7582
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
6606
7583
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon,
6607
7584
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
6608
7585
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon {
6609
7586
  color: rgba(255, 255, 255, 0.7);
7587
+ border: 0;
6610
7588
  }
6611
7589
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover,
6612
7590
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover,
6613
7591
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
6614
7592
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
7593
+ background: inherit;
7594
+ border-color: unset;
7595
+ color: #fff;
7596
+ }
7597
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:active:hover,
7598
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:active:hover,
7599
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:active:hover,
7600
+ .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:active:hover {
6615
7601
  background: inherit;
6616
7602
  color: #fff;
6617
7603
  }
@@ -6620,6 +7606,22 @@
6620
7606
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
6621
7607
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
6622
7608
  color: #fff;
7609
+ background: rgba(0, 0, 0, 0.12);
7610
+ border: initial;
7611
+ }
7612
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:hover,
7613
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:hover,
7614
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
7615
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
7616
+ background: inherit;
7617
+ }
7618
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
7619
+ .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active,
7620
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon:active,
7621
+ .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon:active {
7622
+ background: initial;
7623
+ border-color: unset;
7624
+ color: #fff;
6623
7625
  }
6624
7626
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
6625
7627
  .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
@@ -6629,6 +7631,40 @@
6629
7631
  .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
6630
7632
  color: #fff;
6631
7633
  }
7634
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
7635
+ border: 0;
7636
+ margin: 0;
7637
+ }
7638
+ .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap {
7639
+ border-color: unset;
7640
+ border-radius: 0;
7641
+ border-style: solid;
7642
+ border-width: 0;
7643
+ }
7644
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
7645
+ border-color: unset;
7646
+ border-style: solid;
7647
+ border-width: 0;
7648
+ margin: 0;
7649
+ }
7650
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active .e-tab-wrap {
7651
+ border-color: unset;
7652
+ border-radius: 0;
7653
+ border-style: solid;
7654
+ border-width: 0;
7655
+ }
7656
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
7657
+ border-color: unset;
7658
+ border-style: solid;
7659
+ border-width: 0;
7660
+ margin: 0;
7661
+ }
7662
+ .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active .e-tab-wrap {
7663
+ border-color: unset;
7664
+ border-radius: 0;
7665
+ border-style: solid;
7666
+ border-width: 0;
7667
+ }
6632
7668
  .e-tab.e-background .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
6633
7669
  border: 0;
6634
7670
  }
@@ -6692,6 +7728,7 @@
6692
7728
  }
6693
7729
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
6694
7730
  background: rgba(255, 255, 255, 0.12);
7731
+ border-color: unset;
6695
7732
  }
6696
7733
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
6697
7734
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
@@ -6700,11 +7737,41 @@
6700
7737
  }
6701
7738
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
6702
7739
  background: rgba(255, 255, 255, 0.12);
7740
+ border-color: unset;
6703
7741
  }
6704
7742
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6705
7743
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
6706
7744
  color: white;
6707
7745
  }
7746
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
7747
+ background: #3f51b5;
7748
+ border: 0;
7749
+ border-radius: 0;
7750
+ }
7751
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
7752
+ color: white;
7753
+ }
7754
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
7755
+ color: white;
7756
+ }
7757
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
7758
+ color: rgba(255, 255, 255, 0.7);
7759
+ }
7760
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
7761
+ color: white;
7762
+ }
7763
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
7764
+ color: white;
7765
+ }
7766
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
7767
+ color: rgba(255, 255, 255, 0.7);
7768
+ }
7769
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text {
7770
+ color: white;
7771
+ }
7772
+ .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
7773
+ color: rgba(255, 255, 255, 0.7);
7774
+ }
6708
7775
  .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 {
6709
7776
  background: rgba(63, 81, 181, 0);
6710
7777
  }
@@ -6727,6 +7794,8 @@
6727
7794
  .e-tab .e-content .e-item {
6728
7795
  background: inherit;
6729
7796
  color: #000;
7797
+ font-size: 12px;
7798
+ line-height: 18px;
6730
7799
  }
6731
7800
 
6732
7801
  .e-tab-clone-element {
@@ -6736,6 +7805,7 @@
6736
7805
  .e-tab-clone-element .e-tab-wrap {
6737
7806
  border-radius: 0;
6738
7807
  color: rgba(0, 0, 0, 0.54);
7808
+ border: 0;
6739
7809
  }
6740
7810
  .e-tab-clone-element .e-tab-wrap .e-tab-icon {
6741
7811
  color: rgba(0, 0, 0, 0.54);
@@ -7356,10 +8426,10 @@
7356
8426
  color: rgba(0, 0, 0, 0.54);
7357
8427
  }
7358
8428
  .e-treeview .e-list-item.e-active > .e-text-content {
7359
- color: #e3165b;
8429
+ color: #cc1351;
7360
8430
  }
7361
8431
  .e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
7362
- color: #e3165b;
8432
+ color: #cc1351;
7363
8433
  }
7364
8434
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-collapsible,
7365
8435
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {