@syncfusion/ej2-navigations 20.3.56 → 20.3.57

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 (59) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/ej2-navigations.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +24 -19
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +24 -19
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -8
  13. package/src/treeview/treeview.js +24 -19
  14. package/styles/bootstrap-dark.css +97 -102
  15. package/styles/bootstrap.css +97 -102
  16. package/styles/bootstrap4.css +97 -102
  17. package/styles/bootstrap5-dark.css +97 -102
  18. package/styles/bootstrap5.css +97 -102
  19. package/styles/fabric-dark.css +108 -108
  20. package/styles/fabric.css +108 -108
  21. package/styles/fluent-dark.css +97 -101
  22. package/styles/fluent.css +97 -101
  23. package/styles/highcontrast-light.css +108 -108
  24. package/styles/highcontrast.css +108 -108
  25. package/styles/material-dark.css +95 -95
  26. package/styles/material.css +95 -95
  27. package/styles/pager/bootstrap-dark.css +9 -9
  28. package/styles/pager/bootstrap.css +9 -9
  29. package/styles/pager/bootstrap4.css +9 -9
  30. package/styles/pager/bootstrap5-dark.css +9 -9
  31. package/styles/pager/bootstrap5.css +9 -9
  32. package/styles/pager/fabric-dark.css +9 -9
  33. package/styles/pager/fabric.css +9 -9
  34. package/styles/pager/fluent-dark.css +9 -9
  35. package/styles/pager/fluent.css +9 -9
  36. package/styles/pager/highcontrast-light.css +9 -9
  37. package/styles/pager/highcontrast.css +9 -9
  38. package/styles/pager/material-dark.css +9 -9
  39. package/styles/pager/material.css +9 -9
  40. package/styles/pager/tailwind-dark.css +9 -9
  41. package/styles/pager/tailwind.css +9 -9
  42. package/styles/tab/_layout.scss +6 -19
  43. package/styles/tab/bootstrap-dark.css +88 -93
  44. package/styles/tab/bootstrap.css +88 -93
  45. package/styles/tab/bootstrap4.css +88 -93
  46. package/styles/tab/bootstrap5-dark.css +88 -93
  47. package/styles/tab/bootstrap5.css +88 -93
  48. package/styles/tab/fabric-dark.css +99 -99
  49. package/styles/tab/fabric.css +99 -99
  50. package/styles/tab/fluent-dark.css +88 -92
  51. package/styles/tab/fluent.css +88 -92
  52. package/styles/tab/highcontrast-light.css +99 -99
  53. package/styles/tab/highcontrast.css +99 -99
  54. package/styles/tab/material-dark.css +86 -86
  55. package/styles/tab/material.css +86 -86
  56. package/styles/tab/tailwind-dark.css +86 -86
  57. package/styles/tab/tailwind.css +86 -86
  58. package/styles/tailwind-dark.css +95 -95
  59. package/styles/tailwind.css +95 -95
@@ -98,8 +98,8 @@
98
98
  }
99
99
  @media screen and (max-width: 480px) {
100
100
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
101
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
102
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
101
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
102
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
103
103
  margin: 0 8px 0 0;
104
104
  }
105
105
  }
@@ -109,7 +109,7 @@
109
109
  }
110
110
  @media screen and (max-width: 480px) {
111
111
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
112
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
112
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
113
113
  margin: 0;
114
114
  }
115
115
  }
@@ -119,7 +119,7 @@
119
119
  }
120
120
  @media screen and (max-width: 480px) {
121
121
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
122
- .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
122
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
123
123
  margin: 0;
124
124
  }
125
125
  }
@@ -141,7 +141,7 @@
141
141
  }
142
142
  @media screen and (max-width: 480px) {
143
143
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
144
- .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
144
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
145
145
  margin: 0 8px 0 0;
146
146
  }
147
147
  }
@@ -158,7 +158,7 @@
158
158
  }
159
159
  @media screen and (max-width: 480px) {
160
160
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
161
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
161
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
162
162
  padding: 0 8px;
163
163
  }
164
164
  }
@@ -181,7 +181,7 @@
181
181
  }
182
182
  @media screen and (max-width: 480px) {
183
183
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
184
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
184
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
185
185
  margin: 0 8px 0 0;
186
186
  }
187
187
  }
@@ -209,7 +209,7 @@
209
209
  }
210
210
  @media screen and (max-width: 480px) {
211
211
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
212
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
212
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
213
213
  margin: 0 0 0 8px;
214
214
  }
215
215
  }
@@ -221,9 +221,9 @@
221
221
  }
222
222
  @media screen and (max-width: 480px) {
223
223
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
224
- .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
225
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
226
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
224
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
225
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
226
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
227
227
  font-size: 12px;
228
228
  }
229
229
  }
@@ -249,7 +249,7 @@
249
249
  }
250
250
  @media screen and (max-width: 480px) {
251
251
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
252
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
252
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
253
253
  margin: 0 0 0 8px;
254
254
  }
255
255
  }
@@ -319,7 +319,7 @@
319
319
  }
320
320
  @media screen and (max-width: 480px) {
321
321
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
322
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
322
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
323
323
  padding: 0 12px;
324
324
  }
325
325
  }
@@ -334,7 +334,7 @@
334
334
  }
335
335
  @media screen and (max-width: 480px) {
336
336
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
337
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
337
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
338
338
  padding-right: 0;
339
339
  }
340
340
  }
@@ -358,8 +358,8 @@
358
358
  }
359
359
  @media screen and (max-width: 480px) {
360
360
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator),
361
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
362
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
361
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
362
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
363
363
  min-height: 50px;
364
364
  }
365
365
  }
@@ -372,10 +372,10 @@
372
372
  }
373
373
  @media screen and (max-width: 480px) {
374
374
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap,
375
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
376
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
377
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
378
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
375
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
376
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
377
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
378
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
379
379
  height: 50px;
380
380
  }
381
381
  }
@@ -388,8 +388,8 @@
388
388
  }
389
389
  @media screen and (max-width: 480px) {
390
390
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
391
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
392
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
391
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
392
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
393
393
  margin: 0;
394
394
  padding-left: 0;
395
395
  padding-right: 0;
@@ -403,7 +403,7 @@
403
403
  }
404
404
  @media screen and (max-width: 480px) {
405
405
  .e-bigger .e-tab .e-tab-header .e-scroll-nav,
406
- .e-tab.e-bigger .e-tab-header .e-scroll-nav {
406
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
407
407
  padding: 0 8px;
408
408
  }
409
409
  }
@@ -424,7 +424,7 @@
424
424
  }
425
425
  @media screen and (max-width: 480px) {
426
426
  .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
427
- .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
427
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
428
428
  font-size: 14px;
429
429
  height: 32px;
430
430
  line-height: 32px;
@@ -449,7 +449,7 @@
449
449
  }
450
450
  @media screen and (max-width: 480px) {
451
451
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
452
- .e-tab.e-bigger .e-tab-header .e-hor-nav {
452
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
453
453
  padding: 0 8px;
454
454
  }
455
455
  }
@@ -464,9 +464,9 @@
464
464
  }
465
465
  @media screen and (max-width: 480px) {
466
466
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
467
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
468
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
469
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
467
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
468
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
469
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
470
470
  font-size: 14px;
471
471
  height: 32px;
472
472
  line-height: 32px;
@@ -485,9 +485,9 @@
485
485
  }
486
486
  @media screen and (max-width: 480px) {
487
487
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
488
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
489
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
490
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
488
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
489
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
490
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
491
491
  font-size: 16px;
492
492
  }
493
493
  }
@@ -536,7 +536,7 @@
536
536
  }
537
537
  @media screen and (max-width: 480px) {
538
538
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
539
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
539
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
540
540
  margin: 0 8px 0 0;
541
541
  }
542
542
  }
@@ -551,7 +551,7 @@
551
551
  }
552
552
  @media screen and (max-width: 480px) {
553
553
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
554
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
554
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
555
555
  margin: 0;
556
556
  }
557
557
  }
@@ -602,7 +602,7 @@
602
602
  }
603
603
  @media screen and (max-width: 480px) {
604
604
  .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
605
- .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
605
+ .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
606
606
  bottom: 0;
607
607
  top: 0;
608
608
  }
@@ -667,35 +667,35 @@
667
667
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
668
668
  height: auto;
669
669
  }
670
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
671
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
670
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
671
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
672
672
  height: 72px;
673
673
  min-height: 72px;
674
674
  }
675
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
676
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
675
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
676
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
677
677
  height: 72px;
678
678
  }
679
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
680
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before,
681
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
682
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
679
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
680
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before,
681
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
682
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
683
683
  bottom: -10px;
684
684
  top: auto;
685
685
  }
686
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
687
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
686
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
687
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
688
688
  height: 72px;
689
689
  }
690
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
691
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
690
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
691
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
692
692
  height: 72px;
693
693
  }
694
694
  @media screen and (max-width: 480px) {
695
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
696
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
697
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
698
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
695
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
696
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
697
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
698
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
699
699
  font-size: 12px;
700
700
  }
701
701
  }
@@ -826,7 +826,7 @@
826
826
  }
827
827
  @media screen and (max-width: 480px) {
828
828
  .e-bigger .e-tab.e-fill .e-tab-header,
829
- .e-tab.e-bigger.e-fill .e-tab-header {
829
+ .e-tab.e-bigger.e-fill .e-tab-header {
830
830
  height: 48px;
831
831
  min-height: 48px;
832
832
  }
@@ -838,7 +838,7 @@
838
838
  }
839
839
  @media screen and (max-width: 480px) {
840
840
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
841
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
841
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
842
842
  min-height: 48px;
843
843
  }
844
844
  }
@@ -857,7 +857,7 @@
857
857
  }
858
858
  @media screen and (max-width: 480px) {
859
859
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
860
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
860
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
861
861
  height: 48px;
862
862
  min-height: 48px;
863
863
  }
@@ -875,7 +875,7 @@
875
875
  }
876
876
  @media screen and (max-width: 480px) {
877
877
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
878
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
878
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
879
879
  height: 48px;
880
880
  padding: 0 10px;
881
881
  }
@@ -887,7 +887,7 @@
887
887
  }
888
888
  @media screen and (max-width: 480px) {
889
889
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
890
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
890
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
891
891
  height: 48px;
892
892
  }
893
893
  }
@@ -906,7 +906,7 @@
906
906
  }
907
907
  @media screen and (max-width: 480px) {
908
908
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
909
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
909
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
910
910
  height: 48px;
911
911
  }
912
912
  }
@@ -918,8 +918,8 @@
918
918
  }
919
919
  @media screen and (max-width: 480px) {
920
920
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap,
921
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
922
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
921
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
922
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
923
923
  height: 48px;
924
924
  }
925
925
  }
@@ -984,8 +984,8 @@
984
984
  }
985
985
  @media screen and (max-width: 480px) {
986
986
  .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
987
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
988
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
987
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
988
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
989
989
  height: auto;
990
990
  }
991
991
  }
@@ -997,8 +997,8 @@
997
997
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
998
998
  margin: 0;
999
999
  }
1000
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
1001
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
1000
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
1001
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
1002
1002
  height: 70px;
1003
1003
  min-height: 70px;
1004
1004
  }
@@ -1019,7 +1019,7 @@
1019
1019
  }
1020
1020
  @media screen and (max-width: 480px) {
1021
1021
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1022
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1022
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1023
1023
  padding: 0 12px;
1024
1024
  }
1025
1025
  }
@@ -1065,7 +1065,7 @@
1065
1065
  }
1066
1066
  @media screen and (max-width: 480px) {
1067
1067
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1068
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1068
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1069
1069
  margin: 0 8px 0 0;
1070
1070
  }
1071
1071
  }
@@ -1075,7 +1075,7 @@
1075
1075
  }
1076
1076
  @media screen and (max-width: 480px) {
1077
1077
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
1078
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1078
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1079
1079
  margin: 0 8px 0 0;
1080
1080
  }
1081
1081
  }
@@ -1103,7 +1103,7 @@
1103
1103
  }
1104
1104
  @media screen and (max-width: 480px) {
1105
1105
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
1106
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1106
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1107
1107
  padding-left: 0;
1108
1108
  }
1109
1109
  }
@@ -1126,8 +1126,8 @@
1126
1126
  }
1127
1127
  @media screen and (max-width: 480px) {
1128
1128
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
1129
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1130
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1129
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1130
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1131
1131
  margin: 0;
1132
1132
  padding-left: 0;
1133
1133
  padding-right: 0;
@@ -1381,7 +1381,7 @@
1381
1381
  }
1382
1382
  @media screen and (max-width: 480px) {
1383
1383
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
1384
- .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1384
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1385
1385
  font-size: 12px;
1386
1386
  }
1387
1387
  }
@@ -1408,7 +1408,7 @@
1408
1408
  }
1409
1409
  @media screen and (max-width: 480px) {
1410
1410
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
1411
- .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1411
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1412
1412
  font-size: 20px;
1413
1413
  }
1414
1414
  }
@@ -1708,7 +1708,7 @@
1708
1708
  }
1709
1709
  @media screen and (max-width: 480px) {
1710
1710
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
1711
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1711
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1712
1712
  font-size: 14px;
1713
1713
  height: 32px;
1714
1714
  line-height: 32px;
@@ -1726,7 +1726,7 @@
1726
1726
  }
1727
1727
  @media screen and (max-width: 480px) {
1728
1728
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1729
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1729
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1730
1730
  font-size: 16px;
1731
1731
  }
1732
1732
  }
@@ -1971,7 +1971,7 @@
1971
1971
  }
1972
1972
  @media screen and (max-width: 480px) {
1973
1973
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
1974
- .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
1974
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
1975
1975
  font-size: 15px;
1976
1976
  }
1977
1977
  }
@@ -2038,27 +2038,27 @@
2038
2038
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
2039
2039
  width: 100%;
2040
2040
  }
2041
- .e-tab.e-vertical-icon .e-tab-header {
2041
+ .e-tab.e-vertical-icon > .e-tab-header {
2042
2042
  height: 62px;
2043
2043
  min-height: 62px;
2044
2044
  }
2045
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2046
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2045
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2046
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2047
2047
  display: none;
2048
2048
  }
2049
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
2049
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
2050
2050
  height: 62px;
2051
2051
  }
2052
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2053
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2052
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2053
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2054
2054
  position: static;
2055
2055
  }
2056
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2057
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2056
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2057
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2058
2058
  content: none;
2059
2059
  }
2060
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2061
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2060
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2061
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2062
2062
  content: "";
2063
2063
  display: block;
2064
2064
  position: absolute;
@@ -2066,34 +2066,34 @@
2066
2066
  width: calc(100% - 16px);
2067
2067
  border: 1px solid #ffd939;
2068
2068
  }
2069
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
2069
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
2070
2070
  height: 62px;
2071
2071
  }
2072
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
2072
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
2073
2073
  height: 62px;
2074
2074
  }
2075
2075
  @media screen and (max-width: 480px) {
2076
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2077
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2076
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2077
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2078
2078
  font-size: 12px;
2079
2079
  }
2080
2080
  }
2081
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-indicator {
2081
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator {
2082
2082
  width: 3px;
2083
2083
  }
2084
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2085
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2084
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2085
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2086
2086
  display: none;
2087
2087
  }
2088
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2089
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2088
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2089
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2090
2090
  position: relative;
2091
2091
  }
2092
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
2092
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
2093
2093
  height: 16px;
2094
2094
  }
2095
- .e-tab.e-vertical-icon .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2096
- .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 {
2095
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2096
+ .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 {
2097
2097
  top: 0;
2098
2098
  }
2099
2099
  .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
@@ -2432,7 +2432,7 @@
2432
2432
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2433
2433
  margin: 0;
2434
2434
  }
2435
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2435
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2436
2436
  height: 60px;
2437
2437
  min-height: 60px;
2438
2438
  }
@@ -2632,7 +2632,7 @@
2632
2632
  }
2633
2633
  @media screen and (max-width: 480px) {
2634
2634
  .e-tab-clone-element .e-close-icon,
2635
- .e-tab-clone-element .e-close-icon::before {
2635
+ .e-tab-clone-element .e-close-icon::before {
2636
2636
  font-size: 12px;
2637
2637
  }
2638
2638
  }
@@ -2659,7 +2659,7 @@
2659
2659
  }
2660
2660
  @media screen and (max-width: 480px) {
2661
2661
  .e-tab-clone-element .e-tab-icon,
2662
- .e-tab-clone-element .e-tab-icon::before {
2662
+ .e-tab-clone-element .e-tab-icon::before {
2663
2663
  font-size: 20px;
2664
2664
  }
2665
2665
  }
@@ -2815,7 +2815,7 @@
2815
2815
  }
2816
2816
  @media screen and (max-width: 480px) {
2817
2817
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
2818
- .e-bigger .e-tab-clone-element .e-close-icon::before {
2818
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
2819
2819
  font-size: 12px;
2820
2820
  }
2821
2821
  }