@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
package/styles/tab/bootstrap.css CHANGED
@@ -90,8 +90,6 @@
90
90
  .e-tab.e-bigger .e-tab-header .e-toolbar-items {
91
91
  height: auto;
92
92
  min-height: auto;
93
- height: 50px;
94
- min-height: 50px;
95
93
  }
96
94
  .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,
97
95
  .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -100,8 +98,8 @@
100
98
  }
101
99
  @media screen and (max-width: 480px) {
102
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,
103
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
104
- .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 {
105
103
  margin: 0;
106
104
  }
107
105
  }
@@ -111,7 +109,7 @@
111
109
  }
112
110
  @media screen and (max-width: 480px) {
113
111
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
114
- .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 {
115
113
  margin: 0 2px 0 0;
116
114
  }
117
115
  }
@@ -125,7 +123,7 @@
125
123
  }
126
124
  @media screen and (max-width: 480px) {
127
125
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
128
- .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
126
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
129
127
  margin: 0 2px 0 0;
130
128
  }
131
129
  }
@@ -147,7 +145,7 @@
147
145
  }
148
146
  @media screen and (max-width: 480px) {
149
147
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
150
- .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
148
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
151
149
  margin: 0 2px 0 0;
152
150
  }
153
151
  }
@@ -164,7 +162,7 @@
164
162
  }
165
163
  @media screen and (max-width: 480px) {
166
164
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
167
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
165
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
168
166
  padding: 0 15px;
169
167
  }
170
168
  }
@@ -183,7 +181,7 @@
183
181
  }
184
182
  @media screen and (max-width: 480px) {
185
183
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
186
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
184
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
187
185
  margin: 0 2px 0 0;
188
186
  }
189
187
  }
@@ -213,7 +211,7 @@
213
211
  }
214
212
  @media screen and (max-width: 480px) {
215
213
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
216
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
214
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
217
215
  margin: 0 0 0 8px;
218
216
  }
219
217
  }
@@ -225,9 +223,9 @@
225
223
  }
226
224
  @media screen and (max-width: 480px) {
227
225
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
228
- .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
229
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
230
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
226
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
227
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
228
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
231
229
  font-size: 12px;
232
230
  }
233
231
  }
@@ -253,7 +251,7 @@
253
251
  }
254
252
  @media screen and (max-width: 480px) {
255
253
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
256
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
254
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
257
255
  margin: 0 0 0 10px;
258
256
  }
259
257
  }
@@ -313,7 +311,7 @@
313
311
  }
314
312
  @media screen and (max-width: 480px) {
315
313
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
316
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
314
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
317
315
  padding: 0 24px;
318
316
  }
319
317
  }
@@ -327,7 +325,7 @@
327
325
  }
328
326
  @media screen and (max-width: 480px) {
329
327
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
330
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
328
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
331
329
  padding-right: 0;
332
330
  }
333
331
  }
@@ -351,8 +349,8 @@
351
349
  }
352
350
  @media screen and (max-width: 480px) {
353
351
  .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),
354
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
355
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
352
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
353
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
356
354
  min-height: 50px;
357
355
  }
358
356
  }
@@ -365,10 +363,10 @@
365
363
  }
366
364
  @media screen and (max-width: 480px) {
367
365
  .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,
368
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
369
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
370
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
371
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
366
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
367
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
368
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
369
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
372
370
  height: 50px;
373
371
  }
374
372
  }
@@ -381,8 +379,8 @@
381
379
  }
382
380
  @media screen and (max-width: 480px) {
383
381
  .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,
384
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
385
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
382
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
383
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
386
384
  margin: 0;
387
385
  padding-left: 0;
388
386
  padding-right: 0;
@@ -396,7 +394,7 @@
396
394
  }
397
395
  @media screen and (max-width: 480px) {
398
396
  .e-bigger .e-tab .e-tab-header .e-scroll-nav,
399
- .e-tab.e-bigger .e-tab-header .e-scroll-nav {
397
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
400
398
  padding: 0;
401
399
  }
402
400
  }
@@ -417,7 +415,7 @@
417
415
  }
418
416
  @media screen and (max-width: 480px) {
419
417
  .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
420
- .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
418
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
421
419
  font-size: 16px;
422
420
  height: 44px;
423
421
  line-height: 44px;
@@ -441,7 +439,7 @@
441
439
  }
442
440
  @media screen and (max-width: 480px) {
443
441
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
444
- .e-tab.e-bigger .e-tab-header .e-hor-nav {
442
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
445
443
  padding: 0;
446
444
  }
447
445
  }
@@ -456,9 +454,9 @@
456
454
  }
457
455
  @media screen and (max-width: 480px) {
458
456
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
459
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
460
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
461
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
457
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
458
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
459
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
462
460
  font-size: 16px;
463
461
  height: 44px;
464
462
  line-height: 44px;
@@ -476,9 +474,9 @@
476
474
  }
477
475
  @media screen and (max-width: 480px) {
478
476
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
479
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
480
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
481
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
477
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
478
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
479
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
482
480
  font-size: 16px;
483
481
  }
484
482
  }
@@ -547,7 +545,7 @@
547
545
  }
548
546
  @media screen and (max-width: 480px) {
549
547
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
550
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
548
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
551
549
  margin: 0 2px 0 0;
552
550
  }
553
551
  }
@@ -576,7 +574,7 @@
576
574
  }
577
575
  @media screen and (max-width: 480px) {
578
576
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
579
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
577
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
580
578
  margin: 0 2px 0 0;
581
579
  }
582
580
  }
@@ -624,7 +622,7 @@
624
622
  }
625
623
  @media screen and (max-width: 480px) {
626
624
  .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
627
- .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
625
+ .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
628
626
  bottom: 0;
629
627
  top: 0;
630
628
  }
@@ -684,28 +682,28 @@
684
682
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
685
683
  height: auto;
686
684
  }
687
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
688
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
685
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
686
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
689
687
  height: 72px;
690
688
  min-height: 72px;
691
689
  }
692
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
693
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
690
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
691
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
694
692
  height: 72px;
695
693
  }
696
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
697
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
694
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
695
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
698
696
  height: 72px;
699
697
  }
700
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
701
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
698
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
699
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
702
700
  height: 72px;
703
701
  }
704
702
  @media screen and (max-width: 480px) {
705
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
706
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
707
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
708
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
703
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
704
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
705
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
706
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
709
707
  font-size: 12px;
710
708
  }
711
709
  }
@@ -845,7 +843,7 @@
845
843
  }
846
844
  @media screen and (max-width: 480px) {
847
845
  .e-bigger .e-tab.e-fill .e-tab-header,
848
- .e-tab.e-bigger.e-fill .e-tab-header {
846
+ .e-tab.e-bigger.e-fill .e-tab-header {
849
847
  height: 50px;
850
848
  min-height: 50px;
851
849
  }
@@ -857,7 +855,7 @@
857
855
  }
858
856
  @media screen and (max-width: 480px) {
859
857
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
860
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
858
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
861
859
  min-height: 50px;
862
860
  }
863
861
  }
@@ -876,7 +874,7 @@
876
874
  }
877
875
  @media screen and (max-width: 480px) {
878
876
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
879
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
877
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
880
878
  height: 50px;
881
879
  min-height: 50px;
882
880
  }
@@ -894,7 +892,7 @@
894
892
  }
895
893
  @media screen and (max-width: 480px) {
896
894
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
897
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
895
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
898
896
  height: 50px;
899
897
  padding: 0 20px;
900
898
  }
@@ -905,7 +903,7 @@
905
903
  }
906
904
  @media screen and (max-width: 480px) {
907
905
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
908
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
906
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
909
907
  height: 50px;
910
908
  }
911
909
  }
@@ -923,7 +921,7 @@
923
921
  }
924
922
  @media screen and (max-width: 480px) {
925
923
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
926
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
924
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
927
925
  height: 50px;
928
926
  }
929
927
  }
@@ -934,8 +932,8 @@
934
932
  }
935
933
  @media screen and (max-width: 480px) {
936
934
  .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,
937
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
938
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
935
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
936
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
939
937
  height: 50px;
940
938
  }
941
939
  }
@@ -990,8 +988,8 @@
990
988
  }
991
989
  @media screen and (max-width: 480px) {
992
990
  .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,
993
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
994
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
991
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
992
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
995
993
  height: auto;
996
994
  }
997
995
  }
@@ -999,8 +997,8 @@
999
997
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
1000
998
  margin: 0 0 0 2px;
1001
999
  }
1002
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
1003
- .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 {
1004
1002
  height: 70px;
1005
1003
  min-height: 70px;
1006
1004
  }
@@ -1021,7 +1019,7 @@
1021
1019
  }
1022
1020
  @media screen and (max-width: 480px) {
1023
1021
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
1024
- .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 {
1025
1023
  padding: 0 20px;
1026
1024
  }
1027
1025
  }
@@ -1061,7 +1059,7 @@
1061
1059
  }
1062
1060
  @media screen and (max-width: 480px) {
1063
1061
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
1064
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1062
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
1065
1063
  margin: 0 10px 0 0;
1066
1064
  }
1067
1065
  }
@@ -1071,7 +1069,7 @@
1071
1069
  }
1072
1070
  @media screen and (max-width: 480px) {
1073
1071
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
1074
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1072
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
1075
1073
  margin: 0 8px 0 0;
1076
1074
  }
1077
1075
  }
@@ -1099,7 +1097,7 @@
1099
1097
  }
1100
1098
  @media screen and (max-width: 480px) {
1101
1099
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
1102
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1100
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
1103
1101
  padding-left: 0;
1104
1102
  }
1105
1103
  }
@@ -1122,8 +1120,8 @@
1122
1120
  }
1123
1121
  @media screen and (max-width: 480px) {
1124
1122
  .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,
1125
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1126
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1123
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
1124
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
1127
1125
  margin: 0;
1128
1126
  padding-left: 0;
1129
1127
  padding-right: 0;
@@ -1194,13 +1192,10 @@
1194
1192
  margin: 0;
1195
1193
  min-height: 40px;
1196
1194
  position: relative;
1197
- height: 40px;
1198
- min-height: 40px;
1199
1195
  }
1200
1196
  @media screen and (max-width: 480px) {
1201
1197
  .e-tab .e-tab-header .e-toolbar-items {
1202
1198
  min-height: 50px;
1203
- height: 50px;
1204
1199
  }
1205
1200
  }
1206
1201
  .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
@@ -1360,7 +1355,7 @@
1360
1355
  }
1361
1356
  @media screen and (max-width: 480px) {
1362
1357
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
1363
- .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1358
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
1364
1359
  font-size: 12px;
1365
1360
  }
1366
1361
  }
@@ -1386,7 +1381,7 @@
1386
1381
  }
1387
1382
  @media screen and (max-width: 480px) {
1388
1383
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
1389
- .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1384
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
1390
1385
  font-size: 20px;
1391
1386
  }
1392
1387
  }
@@ -1681,7 +1676,7 @@
1681
1676
  }
1682
1677
  @media screen and (max-width: 480px) {
1683
1678
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
1684
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1679
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
1685
1680
  font-size: 16px;
1686
1681
  height: 44px;
1687
1682
  line-height: 44px;
@@ -1698,7 +1693,7 @@
1698
1693
  }
1699
1694
  @media screen and (max-width: 480px) {
1700
1695
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1701
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1696
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1702
1697
  font-size: 16px;
1703
1698
  }
1704
1699
  }
@@ -1714,7 +1709,7 @@
1714
1709
  }
1715
1710
  @media screen and (max-width: 480px) {
1716
1711
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1717
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1712
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1718
1713
  line-height: 43px;
1719
1714
  }
1720
1715
  }
@@ -1750,7 +1745,7 @@
1750
1745
  }
1751
1746
  @media screen and (max-width: 480px) {
1752
1747
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1753
- .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1748
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1754
1749
  line-height: 43px;
1755
1750
  }
1756
1751
  }
@@ -1944,7 +1939,7 @@
1944
1939
  }
1945
1940
  @media screen and (max-width: 480px) {
1946
1941
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
1947
- .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
1942
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
1948
1943
  font-size: 15px;
1949
1944
  }
1950
1945
  }
@@ -2011,38 +2006,38 @@
2011
2006
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
2012
2007
  width: 100%;
2013
2008
  }
2014
- .e-tab.e-vertical-icon .e-tab-header {
2009
+ .e-tab.e-vertical-icon > .e-tab-header {
2015
2010
  height: 62px;
2016
2011
  min-height: 62px;
2017
2012
  }
2018
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2019
- .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 {
2013
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2014
+ .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 {
2020
2015
  display: none;
2021
2016
  }
2022
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
2017
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
2023
2018
  height: 62px;
2024
2019
  }
2025
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
2020
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
2026
2021
  height: 62px;
2027
2022
  }
2028
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
2023
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
2029
2024
  height: 62px;
2030
2025
  }
2031
2026
  @media screen and (max-width: 480px) {
2032
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2033
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2027
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2028
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2034
2029
  font-size: 12px;
2035
2030
  }
2036
2031
  }
2037
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2038
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2032
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2033
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2039
2034
  display: none;
2040
2035
  }
2041
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2042
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2036
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2037
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2043
2038
  position: relative;
2044
2039
  }
2045
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
2040
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
2046
2041
  height: 16px;
2047
2042
  }
2048
2043
  .e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active {
@@ -2368,7 +2363,7 @@
2368
2363
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2369
2364
  margin: 0 0 0 2px;
2370
2365
  }
2371
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2366
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2372
2367
  height: 60px;
2373
2368
  min-height: 60px;
2374
2369
  }
@@ -2569,7 +2564,7 @@
2569
2564
  }
2570
2565
  @media screen and (max-width: 480px) {
2571
2566
  .e-tab-clone-element .e-close-icon,
2572
- .e-tab-clone-element .e-close-icon::before {
2567
+ .e-tab-clone-element .e-close-icon::before {
2573
2568
  font-size: 12px;
2574
2569
  }
2575
2570
  }
@@ -2595,7 +2590,7 @@
2595
2590
  }
2596
2591
  @media screen and (max-width: 480px) {
2597
2592
  .e-tab-clone-element .e-tab-icon,
2598
- .e-tab-clone-element .e-tab-icon::before {
2593
+ .e-tab-clone-element .e-tab-icon::before {
2599
2594
  font-size: 20px;
2600
2595
  }
2601
2596
  }
@@ -2747,7 +2742,7 @@
2747
2742
  }
2748
2743
  @media screen and (max-width: 480px) {
2749
2744
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
2750
- .e-bigger .e-tab-clone-element .e-close-icon::before {
2745
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
2751
2746
  font-size: 12px;
2752
2747
  }
2753
2748
  }