@syncfusion/ej2-ribbon 28.2.3 → 29.1.34

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 (102) hide show
  1. package/README.md +1 -1
  2. package/dist/ej2-ribbon.umd.min.js +2 -2
  3. package/dist/ej2-ribbon.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-ribbon.es2015.js +42 -13
  5. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  6. package/dist/es6/ej2-ribbon.es5.js +42 -13
  7. package/dist/es6/ej2-ribbon.es5.js.map +1 -1
  8. package/dist/global/ej2-ribbon.min.js +2 -2
  9. package/dist/global/ej2-ribbon.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +21 -23
  12. package/src/ribbon/items/ribbon-button.js +3 -1
  13. package/src/ribbon/items/ribbon-checkbox.js +3 -1
  14. package/src/ribbon/items/ribbon-colorpicker.js +3 -1
  15. package/src/ribbon/items/ribbon-dropdown.js +7 -1
  16. package/src/ribbon/items/ribbon-splitbutton.js +7 -1
  17. package/src/ribbon/modules/ribbon-keytip.d.ts +1 -0
  18. package/src/ribbon/modules/ribbon-keytip.js +19 -8
  19. package/styles/bds-lite.css +546 -451
  20. package/styles/bds.css +709 -590
  21. package/styles/bootstrap-dark-lite.css +531 -472
  22. package/styles/bootstrap-dark.css +694 -611
  23. package/styles/bootstrap-lite.css +511 -452
  24. package/styles/bootstrap.css +674 -591
  25. package/styles/bootstrap4-lite.css +517 -458
  26. package/styles/bootstrap4.css +680 -597
  27. package/styles/bootstrap5-dark-lite.css +559 -500
  28. package/styles/bootstrap5-dark.css +722 -639
  29. package/styles/bootstrap5-lite.css +539 -480
  30. package/styles/bootstrap5.3-lite.css +518 -459
  31. package/styles/bootstrap5.3.css +683 -600
  32. package/styles/bootstrap5.css +702 -619
  33. package/styles/fabric-dark-lite.css +527 -468
  34. package/styles/fabric-dark.css +690 -607
  35. package/styles/fabric-lite.css +518 -459
  36. package/styles/fabric.css +681 -598
  37. package/styles/fluent-dark-lite.css +517 -458
  38. package/styles/fluent-dark.css +680 -597
  39. package/styles/fluent-lite.css +517 -458
  40. package/styles/fluent.css +680 -597
  41. package/styles/fluent2-lite.css +530 -469
  42. package/styles/fluent2.css +721 -636
  43. package/styles/highcontrast-light-lite.css +514 -451
  44. package/styles/highcontrast-light.css +677 -590
  45. package/styles/highcontrast-lite.css +514 -451
  46. package/styles/highcontrast.css +677 -590
  47. package/styles/material-dark-lite.css +512 -453
  48. package/styles/material-dark.css +676 -593
  49. package/styles/material-lite.css +511 -452
  50. package/styles/material.css +674 -591
  51. package/styles/material3-dark-lite.css +511 -452
  52. package/styles/material3-dark.css +674 -591
  53. package/styles/material3-lite.css +511 -452
  54. package/styles/material3.css +674 -591
  55. package/styles/ribbon/_bds-definition.scss +6 -1
  56. package/styles/ribbon/_bigger.scss +79 -56
  57. package/styles/ribbon/_bootstrap-dark-definition.scss +10 -3
  58. package/styles/ribbon/_bootstrap-definition.scss +7 -2
  59. package/styles/ribbon/_bootstrap4-definition.scss +12 -5
  60. package/styles/ribbon/_bootstrap5-definition.scss +7 -2
  61. package/styles/ribbon/_bootstrap5.3-definition.scss +10 -5
  62. package/styles/ribbon/_fabric-dark-definition.scss +7 -2
  63. package/styles/ribbon/_fabric-definition.scss +7 -2
  64. package/styles/ribbon/_fluent-definition.scss +7 -2
  65. package/styles/ribbon/_fluent2-definition.scss +8 -3
  66. package/styles/ribbon/_fusionnew-definition.scss +6 -1
  67. package/styles/ribbon/_highcontrast-definition.scss +7 -2
  68. package/styles/ribbon/_highcontrast-light-definition.scss +7 -2
  69. package/styles/ribbon/_layout.scss +100 -58
  70. package/styles/ribbon/_material-dark-definition.scss +9 -4
  71. package/styles/ribbon/_material-definition.scss +7 -2
  72. package/styles/ribbon/_material3-definition.scss +7 -2
  73. package/styles/ribbon/_tailwind-definition.scss +7 -2
  74. package/styles/ribbon/_tailwind3-definition.scss +13 -8
  75. package/styles/ribbon/_theme.scss +108 -51
  76. package/styles/ribbon/bds.css +709 -590
  77. package/styles/ribbon/bootstrap-dark.css +694 -611
  78. package/styles/ribbon/bootstrap.css +674 -591
  79. package/styles/ribbon/bootstrap4.css +680 -597
  80. package/styles/ribbon/bootstrap5-dark.css +722 -639
  81. package/styles/ribbon/bootstrap5.3.css +683 -600
  82. package/styles/ribbon/bootstrap5.css +702 -619
  83. package/styles/ribbon/fabric-dark.css +690 -607
  84. package/styles/ribbon/fabric.css +681 -598
  85. package/styles/ribbon/fluent-dark.css +680 -597
  86. package/styles/ribbon/fluent.css +680 -597
  87. package/styles/ribbon/fluent2.css +721 -636
  88. package/styles/ribbon/highcontrast-light.css +677 -590
  89. package/styles/ribbon/highcontrast.css +677 -590
  90. package/styles/ribbon/material-dark.css +676 -593
  91. package/styles/ribbon/material.css +674 -591
  92. package/styles/ribbon/material3-dark.css +674 -591
  93. package/styles/ribbon/material3.css +674 -591
  94. package/styles/ribbon/tailwind-dark.css +710 -591
  95. package/styles/ribbon/tailwind.css +710 -591
  96. package/styles/ribbon/tailwind3.css +716 -597
  97. package/styles/tailwind-dark-lite.css +547 -452
  98. package/styles/tailwind-dark.css +710 -591
  99. package/styles/tailwind-lite.css +547 -452
  100. package/styles/tailwind.css +710 -591
  101. package/styles/tailwind3-lite.css +553 -458
  102. package/styles/tailwind3.css +716 -597
package/styles/highcontrast-light-lite.css CHANGED
@@ -79,6 +79,8 @@
79
79
  }
80
80
  .e-ribbon.e-rbn.e-ribbon-container .e-ribbon-skeleton {
81
81
  border-radius: 4px;
82
+ border-radius: 0;
83
+ border: 1px solid;
82
84
  }
83
85
  .e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay {
84
86
  display: -webkit-box;
@@ -141,6 +143,7 @@
141
143
  height: 40px;
142
144
  padding-right: 12px;
143
145
  border-bottom: 1px solid;
146
+ z-index: 1;
144
147
  }
145
148
  .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
146
149
  border-bottom: 1px solid;
@@ -420,6 +423,9 @@
420
423
  .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
421
424
  padding-left: 30px;
422
425
  }
426
+ .e-ribbon.e-rbn .e-ribbon-content-height .e-ribbon-collection {
427
+ max-height: 120px;
428
+ }
423
429
 
424
430
  .e-ribbon-backstage-popup.e-ribbon-backstage-open {
425
431
  display: -webkit-box;
@@ -551,7 +557,6 @@
551
557
  line-height: 22px;
552
558
  height: auto;
553
559
  min-height: auto;
554
- padding: 7px 0 7px 8px;
555
560
  }
556
561
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
557
562
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -694,10 +699,10 @@
694
699
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-hidden {
695
700
  display: none;
696
701
  }
697
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn,
698
- .e-ribbon.e-rbn .e-ribbon-item .e-btn,
699
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn,
700
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
702
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn,
703
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn,
704
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn,
705
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn {
701
706
  border: 2px solid;
702
707
  border-radius: unset;
703
708
  font-weight: 400;
@@ -706,10 +711,10 @@
706
711
  -webkit-box-shadow: none;
707
712
  box-shadow: none;
708
713
  }
709
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
710
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
711
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:focus,
712
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:focus {
714
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:focus,
715
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:focus,
716
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:focus,
717
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:focus {
713
718
  outline: none;
714
719
  }
715
720
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
@@ -722,10 +727,10 @@
722
727
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) {
723
728
  border: 2px solid;
724
729
  }
725
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
726
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
727
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
728
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
730
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn,
731
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn,
732
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn,
733
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn {
729
734
  height: 100%;
730
735
  min-height: inherit;
731
736
  display: -webkit-box;
@@ -749,16 +754,16 @@
749
754
  -ms-flex-align: center;
750
755
  align-items: center;
751
756
  }
752
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
753
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
754
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
755
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb {
757
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-ribbon-group-overflow-ddb,
758
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-ribbon-group-overflow-ddb,
759
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-ribbon-group-overflow-ddb,
760
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-ribbon-group-overflow-ddb {
756
761
  max-width: 100%;
757
762
  }
758
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
759
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
760
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
761
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
763
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret),
764
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret),
765
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret),
766
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret) {
762
767
  min-height: 32px;
763
768
  min-width: 32px;
764
769
  background-repeat: no-repeat;
@@ -768,37 +773,37 @@
768
773
  font-weight: 400;
769
774
  padding: 12px 10px 4px;
770
775
  }
771
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
772
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top,
773
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
774
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top {
776
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top,
777
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top,
778
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top,
779
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top {
775
780
  height: 50%;
776
781
  }
777
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
778
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
779
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
780
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn {
782
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn,
783
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn,
784
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn,
785
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn {
781
786
  gap: 8px;
782
787
  }
783
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
784
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
785
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
786
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn {
788
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn,
789
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn,
790
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn,
791
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn {
787
792
  -webkit-box-pack: space-evenly;
788
793
  -ms-flex-pack: space-evenly;
789
794
  justify-content: space-evenly;
790
795
  height: 50%;
791
796
  }
792
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
793
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
794
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
795
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top {
797
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
798
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
799
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
800
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top {
796
801
  height: unset;
797
802
  }
798
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
799
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
800
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
801
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
803
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret,
804
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret,
805
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret,
806
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret {
802
807
  font-size: 12px;
803
808
  line-height: 12px;
804
809
  padding: 0 20px;
@@ -808,29 +813,29 @@
808
813
  height: 120px;
809
814
  padding: 2px 8px;
810
815
  }
811
- .e-ribbon.e-rbn .e-ribbon-item,
812
- .e-ribbon-group-overflow-ddb .e-ribbon-item {
816
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)),
817
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) {
813
818
  min-height: 33%;
814
819
  padding: 2px;
815
820
  }
816
- .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
817
- .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container) {
821
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container),
822
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container) {
818
823
  padding: 0;
819
824
  border-style: solid;
820
825
  border-width: 1px;
821
826
  }
822
- .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
823
- .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
827
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container:not(.e-hidden)),
828
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container:not(.e-hidden)) {
824
829
  height: 80px;
825
830
  border-radius: 0;
826
831
  }
827
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group,
828
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group {
832
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group,
833
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group {
829
834
  -webkit-box-shadow: none;
830
835
  box-shadow: none;
831
836
  }
832
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
833
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
837
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper,
838
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper {
834
839
  height: -webkit-fit-content;
835
840
  height: -moz-fit-content;
836
841
  height: fit-content;
@@ -840,124 +845,125 @@
840
845
  width: max-content;
841
846
  padding: 0 10px;
842
847
  }
843
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
844
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
848
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper .e-label,
849
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper .e-label {
845
850
  font-size: 14px;
851
+ font-weight: 400;
846
852
  }
847
- .e-ribbon.e-rbn .e-ribbon-item .e-btn,
848
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
853
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn,
854
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn {
849
855
  -webkit-box-shadow: none;
850
856
  box-shadow: none;
851
857
  }
852
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:disabled,
853
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:disabled {
858
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:disabled,
859
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:disabled {
854
860
  pointer-events: none;
855
861
  }
856
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
857
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container,
858
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper,
859
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container {
862
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper,
863
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container,
864
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper,
865
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container {
860
866
  border: 1px solid transparent;
861
867
  border-radius: unset;
862
868
  }
863
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
864
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
865
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
866
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
869
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
870
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
871
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
872
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
867
873
  padding: 0;
868
874
  }
869
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
870
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
875
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
876
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
871
877
  border: 1px solid transparent;
872
878
  border-radius: unset;
873
879
  -webkit-box-shadow: none;
874
880
  box-shadow: none;
875
881
  }
876
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
877
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
882
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-btn,
883
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-btn {
878
884
  border-radius: 0;
879
885
  }
880
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
881
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
886
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret,
887
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret {
882
888
  font-size: 12px;
883
889
  padding: 0 20px;
884
890
  }
885
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item,
886
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item {
891
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item,
892
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item {
887
893
  min-height: 100%;
888
894
  }
889
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical,
890
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical {
895
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-split-btn-wrapper.e-vertical,
896
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-split-btn-wrapper.e-vertical {
891
897
  height: 100%;
892
898
  }
893
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
894
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
899
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
900
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
895
901
  margin: auto;
896
902
  }
897
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
898
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
899
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
903
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn,
904
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn,
905
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn {
900
906
  white-space: nowrap;
901
907
  padding: 0;
902
908
  line-height: 22px;
903
909
  }
904
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
905
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
906
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon {
910
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon,
911
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon,
912
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon {
907
913
  font-size: 16px;
908
914
  line-height: 16px;
909
915
  margin: 10px;
910
916
  }
911
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret), .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
912
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
913
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
917
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret), .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
918
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
919
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
914
920
  min-height: 16px;
915
921
  min-width: 16px;
916
922
  background-repeat: no-repeat;
917
923
  background-size: contain;
918
924
  background-position: center;
919
925
  }
920
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper,
921
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
922
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
926
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper,
927
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
928
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
923
929
  border: none;
924
930
  }
925
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
926
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
927
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon {
931
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
932
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
933
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon {
928
934
  height: 16px;
929
935
  width: 16px;
930
936
  }
931
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview,
932
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview,
933
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
937
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview,
938
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview,
939
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
934
940
  border-radius: unset;
935
941
  }
936
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
937
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
938
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
942
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
943
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
944
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
939
945
  padding: 2px 4px;
940
946
  }
941
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
942
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
943
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
947
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-dropdown-btn .e-caret,
948
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-caret,
949
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-dropdown-btn .e-caret {
944
950
  font-size: 12px;
945
951
  line-height: 12px;
946
952
  padding: 2px 4px;
947
953
  margin: 0;
948
954
  width: auto;
949
955
  }
950
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper .e-btn, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper .e-btn,
951
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper .e-btn,
952
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper .e-btn {
956
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-btn-wrapper .e-btn, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-btn-wrapper .e-btn,
957
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-btn-wrapper .e-btn,
958
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-btn-wrapper .e-btn {
953
959
  margin: 0;
954
960
  }
955
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-icon-left,
956
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-icon-left {
961
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-icon-left,
962
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-icon-left {
957
963
  width: 1em;
958
964
  }
959
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
960
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
965
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn,
966
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn {
961
967
  -webkit-box-align: center;
962
968
  -ms-flex-align: center;
963
969
  align-items: center;
@@ -965,33 +971,38 @@
965
971
  display: -ms-flexbox;
966
972
  display: flex;
967
973
  }
968
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
969
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
974
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
975
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
970
976
  width: auto;
971
977
  }
972
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret,
973
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret {
978
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret,
979
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret {
974
980
  margin: 10px;
975
981
  padding: 0;
976
982
  }
977
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn), .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
978
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
979
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
983
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn), .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
984
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
985
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
980
986
  padding: 0 4px 0 0;
981
987
  }
982
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
983
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
988
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
989
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
984
990
  padding: 0 2px 0 0;
985
991
  }
986
- .e-ribbon.e-rbn.e-rtl .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn), .e-ribbon.e-rbn.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
987
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
988
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
992
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn), .e-ribbon.e-rbn.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
993
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
994
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
989
995
  padding: 0 0 0 4px;
990
996
  }
991
- .e-ribbon.e-rbn.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
992
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
997
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
998
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
993
999
  padding: 0 0 0 2px;
994
1000
  }
1001
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-gallery-button,
1002
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-gallery-button {
1003
+ border-width: 0 1px 0 0;
1004
+ border-radius: 4px 0 0 4px;
1005
+ }
995
1006
 
996
1007
  .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
997
1008
  min-width: 190px;
@@ -1059,7 +1070,7 @@
1059
1070
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1060
1071
  margin: 7px 10px;
1061
1072
  }
1062
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1073
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon {
1063
1074
  font-size: 16px;
1064
1075
  }
1065
1076
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -1071,23 +1082,23 @@
1071
1082
  width: 100%;
1072
1083
  height: 32px;
1073
1084
  }
1074
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1085
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret) {
1075
1086
  min-width: 16px;
1076
1087
  min-height: 16px;
1077
1088
  }
1078
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1089
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon.e-icon-left {
1079
1090
  margin: 0;
1080
1091
  }
1081
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
1082
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
1092
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper .e-btn,
1093
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) > .e-btn {
1083
1094
  line-height: 22px;
1084
1095
  overflow: hidden;
1085
1096
  }
1086
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
1097
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper {
1087
1098
  width: inherit;
1088
1099
  }
1089
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-split-btn,
1090
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
1100
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper .e-split-btn,
1101
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) > .e-btn {
1091
1102
  width: 100%;
1092
1103
  -webkit-box-pack: start;
1093
1104
  -ms-flex-pack: start;
@@ -1101,21 +1112,21 @@
1101
1112
  height: 26px;
1102
1113
  }
1103
1114
 
1104
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1105
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1115
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
1116
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label {
1106
1117
  margin-left: 38px;
1107
1118
  }
1108
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1119
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1109
1120
  margin: 8px 8px 8px 12px;
1110
1121
  }
1111
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon)) {
1122
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon)) {
1112
1123
  padding-left: 38px;
1113
1124
  }
1114
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-container, .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
1125
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-container, .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
1115
1126
  margin-left: 38px;
1116
1127
  }
1117
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1118
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1128
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper .e-icons.e-caret,
1129
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-dropdown-btn .e-icons.e-caret {
1119
1130
  -webkit-transform: rotate(-90deg);
1120
1131
  transform: rotate(-90deg);
1121
1132
  padding: 0 9px 12px;
@@ -1125,27 +1136,27 @@
1125
1136
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
1126
1137
  padding: 4px 12px 4px 0;
1127
1138
  }
1128
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1129
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1139
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
1140
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label {
1130
1141
  margin-right: 38px;
1131
1142
  }
1132
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1143
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1133
1144
  margin: 8px 12px 8px 8px;
1134
1145
  }
1135
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon)) {
1146
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon)) {
1136
1147
  padding-right: 38px;
1137
1148
  }
1138
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-container, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
1149
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-container, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
1139
1150
  margin-right: 38px;
1140
1151
  }
1141
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1142
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1152
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper .e-icons.e-caret,
1153
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-dropdown-btn .e-icons.e-caret {
1143
1154
  -webkit-transform: rotate(90deg);
1144
1155
  transform: rotate(90deg);
1145
1156
  padding: 12px 9px 0;
1146
1157
  margin: 0 auto 0 0;
1147
1158
  }
1148
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
1159
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-checkbox-wrapper {
1149
1160
  margin: 4px;
1150
1161
  }
1151
1162
 
@@ -1358,14 +1369,22 @@
1358
1369
  .e-ribbon-menu {
1359
1370
  display: block;
1360
1371
  }
1361
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
1372
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu,
1373
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu, .e-ribbon-menu.e-menu-container ul.e-vertical.e-menu,
1374
+ .e-ribbon-menu.e-menu-container ul.e-ul.e-menu {
1375
+ padding: 0;
1362
1376
  border: 1px solid;
1363
1377
  border-radius: unset;
1364
1378
  }
1365
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
1379
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item,
1380
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item,
1381
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item {
1366
1382
  border-radius: unset;
1383
+ font-weight: 400;
1367
1384
  }
1368
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
1385
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
1386
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item .e-menu-icon,
1387
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-menu-icon {
1369
1388
  min-height: 16px;
1370
1389
  min-width: 16px;
1371
1390
  background-repeat: no-repeat;
@@ -1373,7 +1392,9 @@
1373
1392
  background-position: center;
1374
1393
  width: auto;
1375
1394
  }
1376
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
1395
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1396
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item.e-blankicon,
1397
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item.e-blankicon {
1377
1398
  padding-left: 30px !important; /* stylelint-disable-line declaration-no-important */
1378
1399
  }
1379
1400
 
@@ -1431,10 +1452,12 @@
1431
1452
  background: #fff;
1432
1453
  }
1433
1454
  .e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-skeleton-text {
1434
- background-color: rgb(0, 0, 0);
1455
+ background-color: #fff;
1456
+ border-color: #000;
1435
1457
  }
1436
1458
  .e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-shimmer-wave::after {
1437
- background-image: linear-gradient(70deg, rgba(255, 255, 255, 0) 38%, rgb(218, 213, 217) 41%, rgba(255, 255, 255, 0) 43%);
1459
+ background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(50%, #3d3d3d), color-stop(70%, rgba(255, 255, 255, 0)));
1460
+ background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, #3d3d3d 50%, rgba(255, 255, 255, 0) 70%);
1438
1461
  }
1439
1462
  .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
1440
1463
  border-color: #757575;
@@ -1578,12 +1601,12 @@
1578
1601
  .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:focus .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:focus .e-menu-icon {
1579
1602
  color: #fff;
1580
1603
  }
1581
- .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-selected, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:hover, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-selected, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:hover {
1604
+ .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-selected, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-focused, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-selected, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-focused {
1582
1605
  background: #ecf;
1583
1606
  color: #000;
1584
1607
  border-color: #000;
1585
1608
  }
1586
- .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-selected .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:hover .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-selected .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:hover .e-menu-icon {
1609
+ .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-selected .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-focused .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-selected .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-focused .e-menu-icon {
1587
1610
  color: #000;
1588
1611
  }
1589
1612
  .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-selected:focus, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-selected:focus {
@@ -1637,314 +1660,338 @@
1637
1660
  border-color: #fff;
1638
1661
  background: #fff;
1639
1662
  }
1640
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
1641
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1642
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1643
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn,
1644
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
1645
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1646
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1647
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu),
1648
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1649
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1650
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
1651
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
1652
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1653
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1654
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn,
1655
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
1656
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1657
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1658
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn,
1659
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu),
1660
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1661
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1662
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn {
1663
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1664
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1665
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1666
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1667
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1668
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1669
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1670
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1671
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1672
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1673
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1674
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1675
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1676
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1677
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1678
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1679
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1680
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1681
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1682
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1683
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1684
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1685
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn {
1663
1686
  background: #fff;
1664
1687
  color: #000;
1665
1688
  border-color: transparent;
1666
1689
  }
1667
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1668
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1669
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1670
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
1671
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1672
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1673
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1674
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1675
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1676
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1677
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1678
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1679
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1680
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1681
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
1682
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1683
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1684
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1685
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn .e-btn-icon,
1686
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1687
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1688
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1689
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon {
1690
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1691
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1692
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1693
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1694
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1695
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1696
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1697
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1698
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1699
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1700
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1701
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1702
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1703
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1704
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1705
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1706
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1707
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1708
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1709
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1710
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1711
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1712
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon {
1690
1713
  color: #000;
1691
1714
  }
1692
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
1693
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
1694
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1695
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover,
1696
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1697
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1698
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1699
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1700
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1701
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1702
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover,
1703
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
1704
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
1705
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1706
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover,
1707
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1708
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1709
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1710
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover,
1711
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1712
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1713
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1714
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover {
1715
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1716
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1717
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1718
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1719
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1720
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1721
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1722
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1723
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1724
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1725
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1726
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1727
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1728
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1729
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1730
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1731
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1732
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1733
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1734
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1735
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1736
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1737
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover {
1715
1738
  background: #ecf;
1716
1739
  color: #000;
1717
1740
  border-color: #000;
1718
1741
  }
1719
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1720
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1721
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1722
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
1723
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1724
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1725
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1726
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1727
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1728
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1729
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
1730
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1731
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1732
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1733
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
1734
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1735
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1736
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1737
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
1738
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1739
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1740
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1741
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon {
1742
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1743
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1744
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1745
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1746
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1747
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1748
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1749
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1750
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1751
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1752
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1753
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1754
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1755
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1756
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1757
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1758
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1759
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1760
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1761
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1762
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1763
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1764
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon {
1742
1765
  color: #000;
1743
1766
  }
1744
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
1745
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1746
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1747
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active,
1748
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1749
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1750
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1751
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1752
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1753
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1754
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active,
1755
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
1756
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1757
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1758
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active,
1759
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1760
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1761
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1762
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active,
1763
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1764
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1765
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1766
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active {
1767
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1768
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1769
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1770
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1771
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1772
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1773
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1774
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1775
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1776
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1777
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1778
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1779
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1780
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1781
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1782
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1783
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1784
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1785
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1786
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1787
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1788
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1789
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active {
1767
1790
  background: #ecf;
1768
1791
  color: #000;
1769
1792
  }
1770
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1771
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1772
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1773
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
1774
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1775
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1776
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1777
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1778
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1779
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1780
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1781
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1782
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1783
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1784
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
1785
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1786
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1787
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1788
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1789
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1790
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1791
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1792
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon {
1793
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1794
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1795
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1796
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1797
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1798
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1799
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1800
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1801
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1802
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1803
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1804
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1805
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1806
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1807
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1808
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1809
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1810
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1811
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1812
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1813
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1814
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1815
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon {
1793
1816
  color: #000;
1794
1817
  }
1795
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
1796
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
1797
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1798
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active,
1799
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
1800
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1801
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1802
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:active, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active,
1803
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1804
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1805
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active,
1806
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
1807
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
1808
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1809
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active,
1810
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
1811
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1812
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1813
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active,
1814
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active,
1815
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1816
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1817
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active {
1818
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1819
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1820
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1821
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1822
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1823
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1824
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1825
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1826
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1827
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1828
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1829
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1830
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1831
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1832
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1833
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1834
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1835
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1836
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1837
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1838
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1839
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1840
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active {
1818
1841
  background: #ecf;
1819
1842
  color: #000;
1820
1843
  }
1821
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1822
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1823
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1824
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
1825
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1826
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1827
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1828
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:active .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1829
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1830
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1831
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
1832
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1833
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1834
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1835
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
1836
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1837
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1838
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1839
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
1840
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1841
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1842
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1843
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon {
1844
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1845
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1846
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1847
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1848
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1849
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1850
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1851
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1852
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1853
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1854
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1855
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1856
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1857
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1858
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1859
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1860
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1861
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1862
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1863
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1864
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1865
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1866
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon {
1844
1867
  color: #000;
1845
1868
  }
1846
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
1847
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1848
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1849
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
1850
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1851
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1852
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1853
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1854
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1855
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1856
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible,
1857
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
1858
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1859
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1860
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
1861
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1862
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1863
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1864
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible,
1865
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1866
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1867
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1868
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible {
1869
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1870
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1871
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1872
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1873
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1874
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1875
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1876
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1877
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1878
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1879
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1880
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1881
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1882
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1883
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1884
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1885
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1886
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1887
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1888
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1889
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1890
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1891
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible {
1869
1892
  background: unset;
1870
1893
  color: #000;
1871
1894
  border-color: #000;
1872
- -webkit-box-shadow: none;
1873
- box-shadow: none;
1874
1895
  }
1875
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1876
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1877
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1878
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1879
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1880
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1881
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1882
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1883
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1884
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1885
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1886
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1887
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1888
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1889
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1890
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1891
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1892
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1893
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1894
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1895
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1896
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1897
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon {
1896
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1897
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1898
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1899
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1900
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1901
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1902
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1903
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1904
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1905
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1906
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1907
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1908
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1909
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1910
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1911
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1912
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1913
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1914
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1915
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1916
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1917
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1918
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon {
1898
1919
  color: #000;
1899
1920
  }
1900
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
1901
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1902
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
1903
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled,
1904
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
1905
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1906
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
1907
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
1908
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1909
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
1910
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled,
1911
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
1912
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1913
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
1914
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled,
1915
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
1916
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1917
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
1918
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled,
1919
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
1920
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1921
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
1922
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled {
1921
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1922
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1923
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1924
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1925
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1926
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1927
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1928
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1929
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1930
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1931
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1932
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1933
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1934
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1935
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1936
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1937
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1938
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1939
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1940
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1941
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1942
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1943
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible {
1944
+ -webkit-box-shadow: none;
1945
+ box-shadow: none;
1946
+ }
1947
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1948
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1949
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
1950
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
1951
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1952
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1953
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
1954
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1955
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1956
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
1957
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
1958
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1959
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1960
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
1961
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
1962
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1963
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1964
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
1965
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
1966
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1967
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1968
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
1969
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon {
1923
1970
  color: #757575;
1924
1971
  }
1925
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1926
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1927
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
1928
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
1929
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1930
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1931
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
1932
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1933
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1934
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
1935
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
1936
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1937
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1938
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
1939
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
1940
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1941
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1942
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
1943
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
1944
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1945
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1946
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
1947
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon {
1972
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
1973
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1974
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
1975
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
1976
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
1977
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1978
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
1979
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
1980
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1981
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
1982
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
1983
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
1984
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1985
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
1986
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
1987
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
1988
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1989
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
1990
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
1991
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
1992
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1993
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
1994
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled {
1948
1995
  color: #757575;
1949
1996
  }
1950
1997
  .e-ribbon.e-rbn .e-ribbon-group-header,
@@ -2009,18 +2056,18 @@
2009
2056
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
2010
2057
  border-color: #757575;
2011
2058
  }
2012
- .e-ribbon-file-menu.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2013
- .e-ribbon-file-menu.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2014
- .e-ribbon-file-menu.e-dropdown-popup .e-ribbon-group-of-btn,
2015
- .e-ribbon-vertical-center.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2016
- .e-ribbon-vertical-center.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2017
- .e-ribbon-vertical-center.e-dropdown-popup .e-ribbon-group-of-btn,
2018
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2019
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2020
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-ribbon-group-of-btn,
2021
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2022
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2023
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-ribbon-group-of-btn {
2059
+ .e-ribbon-file-menu.e-dropdown-popup .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):not(:hover, :active, :focus-visible, :disabled, .e-active),
2060
+ .e-ribbon-file-menu.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button:not(:hover, :active, :focus-visible, :disabled, .e-active),
2061
+ .e-ribbon-file-menu.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active),
2062
+ .e-ribbon-vertical-center.e-dropdown-popup .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):not(:hover, :active, :focus-visible, :disabled, .e-active),
2063
+ .e-ribbon-vertical-center.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button:not(:hover, :active, :focus-visible, :disabled, .e-active),
2064
+ .e-ribbon-vertical-center.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active),
2065
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):not(:hover, :active, :focus-visible, :disabled, .e-active),
2066
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button:not(:hover, :active, :focus-visible, :disabled, .e-active),
2067
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active),
2068
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):not(:hover, :active, :focus-visible, :disabled, .e-active),
2069
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button:not(:hover, :active, :focus-visible, :disabled, .e-active),
2070
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active) {
2024
2071
  background: transparent;
2025
2072
  }
2026
2073
 
@@ -2132,12 +2179,12 @@
2132
2179
  .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
2133
2180
  color: #000;
2134
2181
  }
2135
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:active, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:active {
2136
- background: #ecf;
2137
- }
2138
2182
  .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:active .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:active .e-btn-icon {
2139
2183
  color: #000;
2140
2184
  }
2185
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:active, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:active {
2186
+ background: #ecf;
2187
+ }
2141
2188
 
2142
2189
  .e-ribbon-tooltip.e-tooltip-wrap.e-popup {
2143
2190
  background: #fff;
@@ -2154,22 +2201,38 @@
2154
2201
  color: #fff;
2155
2202
  }
2156
2203
 
2204
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup {
2205
+ -webkit-box-shadow: unset;
2206
+ box-shadow: unset;
2207
+ border: 1px solid transparent;
2208
+ }
2209
+
2157
2210
  .e-ribbon-menu.e-menu-wrapper:not(.e-menu-popup), .e-ribbon-menu.e-menu-container:not(.e-menu-popup) {
2158
2211
  background: #fff;
2159
2212
  }
2160
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
2213
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu,
2214
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu, .e-ribbon-menu.e-menu-container ul.e-vertical.e-menu,
2215
+ .e-ribbon-menu.e-menu-container ul.e-ul.e-menu {
2161
2216
  border-color: #757575;
2162
2217
  background: #fff;
2163
2218
  }
2164
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
2219
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item,
2220
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item,
2221
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item {
2165
2222
  color: #000;
2166
2223
  }
2167
2224
  .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2168
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-caret, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2169
- .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-caret {
2225
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-caret,
2226
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2227
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item .e-menu-icon,
2228
+ .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item .e-caret,
2229
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-menu-icon,
2230
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-caret {
2170
2231
  color: #000;
2171
2232
  }
2172
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-focused, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-focused {
2233
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-focused,
2234
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-focused, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item.e-focused,
2235
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item.e-focused {
2173
2236
  background: #ecf;
2174
2237
  color: #000;
2175
2238
  }