@syncfusion/ej2-navigations 20.3.52 → 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 +11 -11
  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
@@ -93,8 +93,8 @@
93
93
  }
94
94
  @media screen and (max-width: 480px) {
95
95
  .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,
96
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
97
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
96
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
97
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
98
98
  margin: 0 8px 0 0;
99
99
  }
100
100
  }
@@ -104,7 +104,7 @@
104
104
  }
105
105
  @media screen and (max-width: 480px) {
106
106
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
107
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
107
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
108
108
  margin: 0;
109
109
  }
110
110
  }
@@ -114,7 +114,7 @@
114
114
  }
115
115
  @media screen and (max-width: 480px) {
116
116
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
117
- .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
117
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
118
118
  margin: 0;
119
119
  }
120
120
  }
@@ -136,7 +136,7 @@
136
136
  }
137
137
  @media screen and (max-width: 480px) {
138
138
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
139
- .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
139
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
140
140
  margin: 0 8px 0 0;
141
141
  }
142
142
  }
@@ -153,7 +153,7 @@
153
153
  }
154
154
  @media screen and (max-width: 480px) {
155
155
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
156
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
156
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
157
157
  padding: 0 8px;
158
158
  }
159
159
  }
@@ -176,7 +176,7 @@
176
176
  }
177
177
  @media screen and (max-width: 480px) {
178
178
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
179
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
179
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
180
180
  margin: 0 8px 0 0;
181
181
  }
182
182
  }
@@ -204,7 +204,7 @@
204
204
  }
205
205
  @media screen and (max-width: 480px) {
206
206
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
207
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
207
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
208
208
  margin: 0 0 0 8px;
209
209
  }
210
210
  }
@@ -216,9 +216,9 @@
216
216
  }
217
217
  @media screen and (max-width: 480px) {
218
218
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
219
- .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
220
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
221
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
219
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
220
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
221
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
222
222
  font-size: 12px;
223
223
  }
224
224
  }
@@ -244,7 +244,7 @@
244
244
  }
245
245
  @media screen and (max-width: 480px) {
246
246
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
247
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
247
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
248
248
  margin: 0 0 0 8px;
249
249
  }
250
250
  }
@@ -314,7 +314,7 @@
314
314
  }
315
315
  @media screen and (max-width: 480px) {
316
316
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
317
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
317
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
318
318
  padding: 0 12px;
319
319
  }
320
320
  }
@@ -329,7 +329,7 @@
329
329
  }
330
330
  @media screen and (max-width: 480px) {
331
331
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
332
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
332
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
333
333
  padding-right: 0;
334
334
  }
335
335
  }
@@ -353,8 +353,8 @@
353
353
  }
354
354
  @media screen and (max-width: 480px) {
355
355
  .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),
356
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
357
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
356
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
357
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
358
358
  min-height: 50px;
359
359
  }
360
360
  }
@@ -367,10 +367,10 @@
367
367
  }
368
368
  @media screen and (max-width: 480px) {
369
369
  .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,
370
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
371
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
372
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
373
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
370
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
371
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
372
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
373
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
374
374
  height: 50px;
375
375
  }
376
376
  }
@@ -383,8 +383,8 @@
383
383
  }
384
384
  @media screen and (max-width: 480px) {
385
385
  .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,
386
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
387
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
386
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
387
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
388
388
  margin: 0;
389
389
  padding-left: 0;
390
390
  padding-right: 0;
@@ -398,7 +398,7 @@
398
398
  }
399
399
  @media screen and (max-width: 480px) {
400
400
  .e-bigger .e-tab .e-tab-header .e-scroll-nav,
401
- .e-tab.e-bigger .e-tab-header .e-scroll-nav {
401
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
402
402
  padding: 0 8px;
403
403
  }
404
404
  }
@@ -419,7 +419,7 @@
419
419
  }
420
420
  @media screen and (max-width: 480px) {
421
421
  .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
422
- .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
422
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
423
423
  font-size: 14px;
424
424
  height: 32px;
425
425
  line-height: 32px;
@@ -444,7 +444,7 @@
444
444
  }
445
445
  @media screen and (max-width: 480px) {
446
446
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
447
- .e-tab.e-bigger .e-tab-header .e-hor-nav {
447
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
448
448
  padding: 0 8px;
449
449
  }
450
450
  }
@@ -459,9 +459,9 @@
459
459
  }
460
460
  @media screen and (max-width: 480px) {
461
461
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
462
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
463
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
464
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
462
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
463
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
464
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
465
465
  font-size: 14px;
466
466
  height: 32px;
467
467
  line-height: 32px;
@@ -480,9 +480,9 @@
480
480
  }
481
481
  @media screen and (max-width: 480px) {
482
482
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
483
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
484
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
485
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
483
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
484
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
485
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
486
486
  font-size: 16px;
487
487
  }
488
488
  }
@@ -531,7 +531,7 @@
531
531
  }
532
532
  @media screen and (max-width: 480px) {
533
533
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
534
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
534
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
535
535
  margin: 0 8px 0 0;
536
536
  }
537
537
  }
@@ -546,7 +546,7 @@
546
546
  }
547
547
  @media screen and (max-width: 480px) {
548
548
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
549
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
549
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
550
550
  margin: 0;
551
551
  }
552
552
  }
@@ -597,7 +597,7 @@
597
597
  }
598
598
  @media screen and (max-width: 480px) {
599
599
  .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
600
- .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
600
+ .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
601
601
  bottom: 0;
602
602
  top: 0;
603
603
  }
@@ -662,35 +662,35 @@
662
662
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
663
663
  height: auto;
664
664
  }
665
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
666
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
665
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
666
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
667
667
  height: 72px;
668
668
  min-height: 72px;
669
669
  }
670
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
671
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
670
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
671
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
672
672
  height: 72px;
673
673
  }
674
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
675
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before,
676
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
677
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
674
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
675
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before,
676
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
677
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
678
678
  bottom: -10px;
679
679
  top: auto;
680
680
  }
681
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
682
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
681
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
682
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
683
683
  height: 72px;
684
684
  }
685
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
686
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
685
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
686
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
687
687
  height: 72px;
688
688
  }
689
689
  @media screen and (max-width: 480px) {
690
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
691
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
692
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
693
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
690
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
691
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
692
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
693
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
694
694
  font-size: 12px;
695
695
  }
696
696
  }
@@ -821,7 +821,7 @@
821
821
  }
822
822
  @media screen and (max-width: 480px) {
823
823
  .e-bigger .e-tab.e-fill .e-tab-header,
824
- .e-tab.e-bigger.e-fill .e-tab-header {
824
+ .e-tab.e-bigger.e-fill .e-tab-header {
825
825
  height: 48px;
826
826
  min-height: 48px;
827
827
  }
@@ -833,7 +833,7 @@
833
833
  }
834
834
  @media screen and (max-width: 480px) {
835
835
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
836
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
836
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
837
837
  min-height: 48px;
838
838
  }
839
839
  }
@@ -852,7 +852,7 @@
852
852
  }
853
853
  @media screen and (max-width: 480px) {
854
854
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
855
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
855
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
856
856
  height: 48px;
857
857
  min-height: 48px;
858
858
  }
@@ -870,7 +870,7 @@
870
870
  }
871
871
  @media screen and (max-width: 480px) {
872
872
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
873
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
873
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
874
874
  height: 48px;
875
875
  padding: 0 10px;
876
876
  }
@@ -882,7 +882,7 @@
882
882
  }
883
883
  @media screen and (max-width: 480px) {
884
884
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
885
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
885
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
886
886
  height: 48px;
887
887
  }
888
888
  }
@@ -901,7 +901,7 @@
901
901
  }
902
902
  @media screen and (max-width: 480px) {
903
903
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
904
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
904
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
905
905
  height: 48px;
906
906
  }
907
907
  }
@@ -913,8 +913,8 @@
913
913
  }
914
914
  @media screen and (max-width: 480px) {
915
915
  .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,
916
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
917
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
916
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
917
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
918
918
  height: 48px;
919
919
  }
920
920
  }
@@ -979,8 +979,8 @@
979
979
  }
980
980
  @media screen and (max-width: 480px) {
981
981
  .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,
982
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
983
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
982
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
983
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
984
984
  height: auto;
985
985
  }
986
986
  }
@@ -992,8 +992,8 @@
992
992
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
993
993
  margin: 0;
994
994
  }
995
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
996
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
995
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
996
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
997
997
  height: 70px;
998
998
  min-height: 70px;
999
999
  }
@@ -1014,7 +1014,7 @@
1014
1014
  }
1015
1015
  @media screen and (max-width: 480px) {
1016
1016
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1017
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1017
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
1018
1018
  padding: 0 12px;
1019
1019
  }
1020
1020
  }
@@ -1060,7 +1060,7 @@
1060
1060
  }
1061
1061
  @media screen and (max-width: 480px) {
1062
1062
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1063
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1063
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1064
1064
  margin: 0 8px 0 0;
1065
1065
  }
1066
1066
  }
@@ -1070,7 +1070,7 @@
1070
1070
  }
1071
1071
  @media screen and (max-width: 480px) {
1072
1072
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
1073
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1073
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1074
1074
  margin: 0 8px 0 0;
1075
1075
  }
1076
1076
  }
@@ -1098,7 +1098,7 @@
1098
1098
  }
1099
1099
  @media screen and (max-width: 480px) {
1100
1100
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
1101
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1101
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1102
1102
  padding-left: 0;
1103
1103
  }
1104
1104
  }
@@ -1121,8 +1121,8 @@
1121
1121
  }
1122
1122
  @media screen and (max-width: 480px) {
1123
1123
  .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,
1124
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1125
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1124
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1125
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1126
1126
  margin: 0;
1127
1127
  padding-left: 0;
1128
1128
  padding-right: 0;
@@ -1376,7 +1376,7 @@
1376
1376
  }
1377
1377
  @media screen and (max-width: 480px) {
1378
1378
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
1379
- .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1379
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1380
1380
  font-size: 12px;
1381
1381
  }
1382
1382
  }
@@ -1403,7 +1403,7 @@
1403
1403
  }
1404
1404
  @media screen and (max-width: 480px) {
1405
1405
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
1406
- .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1406
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1407
1407
  font-size: 20px;
1408
1408
  }
1409
1409
  }
@@ -1703,7 +1703,7 @@
1703
1703
  }
1704
1704
  @media screen and (max-width: 480px) {
1705
1705
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
1706
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1706
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1707
1707
  font-size: 14px;
1708
1708
  height: 32px;
1709
1709
  line-height: 32px;
@@ -1721,7 +1721,7 @@
1721
1721
  }
1722
1722
  @media screen and (max-width: 480px) {
1723
1723
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1724
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1724
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1725
1725
  font-size: 16px;
1726
1726
  }
1727
1727
  }
@@ -1966,7 +1966,7 @@
1966
1966
  }
1967
1967
  @media screen and (max-width: 480px) {
1968
1968
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
1969
- .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
1969
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
1970
1970
  font-size: 15px;
1971
1971
  }
1972
1972
  }
@@ -2033,27 +2033,27 @@
2033
2033
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
2034
2034
  width: 100%;
2035
2035
  }
2036
- .e-tab.e-vertical-icon .e-tab-header {
2036
+ .e-tab.e-vertical-icon > .e-tab-header {
2037
2037
  height: 62px;
2038
2038
  min-height: 62px;
2039
2039
  }
2040
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2041
- .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 {
2040
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2041
+ .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 {
2042
2042
  display: none;
2043
2043
  }
2044
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
2044
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
2045
2045
  height: 62px;
2046
2046
  }
2047
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2048
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2047
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2048
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2049
2049
  position: static;
2050
2050
  }
2051
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2052
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2051
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2052
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2053
2053
  content: none;
2054
2054
  }
2055
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2056
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2055
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2056
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2057
2057
  content: "";
2058
2058
  display: block;
2059
2059
  position: absolute;
@@ -2061,34 +2061,34 @@
2061
2061
  width: calc(100% - 16px);
2062
2062
  border: 1px solid #400074;
2063
2063
  }
2064
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
2064
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
2065
2065
  height: 62px;
2066
2066
  }
2067
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
2067
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
2068
2068
  height: 62px;
2069
2069
  }
2070
2070
  @media screen and (max-width: 480px) {
2071
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2072
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2071
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2072
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2073
2073
  font-size: 12px;
2074
2074
  }
2075
2075
  }
2076
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-indicator {
2076
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator {
2077
2077
  width: 3px;
2078
2078
  }
2079
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2080
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2079
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2080
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2081
2081
  display: none;
2082
2082
  }
2083
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2084
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2083
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2084
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2085
2085
  position: relative;
2086
2086
  }
2087
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
2087
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
2088
2088
  height: 16px;
2089
2089
  }
2090
- .e-tab.e-vertical-icon .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2091
- .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 {
2090
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2091
+ .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 {
2092
2092
  top: 0;
2093
2093
  }
2094
2094
  .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
@@ -2427,7 +2427,7 @@
2427
2427
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2428
2428
  margin: 0;
2429
2429
  }
2430
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2430
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2431
2431
  height: 60px;
2432
2432
  min-height: 60px;
2433
2433
  }
@@ -2627,7 +2627,7 @@
2627
2627
  }
2628
2628
  @media screen and (max-width: 480px) {
2629
2629
  .e-tab-clone-element .e-close-icon,
2630
- .e-tab-clone-element .e-close-icon::before {
2630
+ .e-tab-clone-element .e-close-icon::before {
2631
2631
  font-size: 12px;
2632
2632
  }
2633
2633
  }
@@ -2654,7 +2654,7 @@
2654
2654
  }
2655
2655
  @media screen and (max-width: 480px) {
2656
2656
  .e-tab-clone-element .e-tab-icon,
2657
- .e-tab-clone-element .e-tab-icon::before {
2657
+ .e-tab-clone-element .e-tab-icon::before {
2658
2658
  font-size: 20px;
2659
2659
  }
2660
2660
  }
@@ -2810,7 +2810,7 @@
2810
2810
  }
2811
2811
  @media screen and (max-width: 480px) {
2812
2812
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
2813
- .e-bigger .e-tab-clone-element .e-close-icon::before {
2813
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
2814
2814
  font-size: 12px;
2815
2815
  }
2816
2816
  }