@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/bootstrap.css CHANGED
@@ -150,6 +150,7 @@
150
150
  height: 48px;
151
151
  padding-right: 12px;
152
152
  border-bottom: none;
153
+ z-index: 1;
153
154
  }
154
155
  .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
155
156
  border-bottom: none;
@@ -429,6 +430,9 @@
429
430
  .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
430
431
  padding-left: 30px;
431
432
  }
433
+ .e-ribbon.e-rbn .e-ribbon-content-height .e-ribbon-collection {
434
+ max-height: 108px;
435
+ }
432
436
 
433
437
  .e-ribbon-backstage-popup.e-ribbon-backstage-open {
434
438
  display: -webkit-box;
@@ -560,7 +564,6 @@
560
564
  line-height: 22px;
561
565
  height: auto;
562
566
  min-height: auto;
563
- padding: 5px 0 5px 8px;
564
567
  }
565
568
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
566
569
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -703,10 +706,10 @@
703
706
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-hidden {
704
707
  display: none;
705
708
  }
706
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn,
707
- .e-ribbon.e-rbn .e-ribbon-item .e-btn,
708
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn,
709
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
709
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn,
710
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn,
711
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn,
712
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn {
710
713
  border: none;
711
714
  border-radius: 4px;
712
715
  font-weight: 400;
@@ -715,10 +718,10 @@
715
718
  -webkit-box-shadow: none;
716
719
  box-shadow: none;
717
720
  }
718
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
719
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
720
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:focus,
721
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:focus {
721
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:focus,
722
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:focus,
723
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:focus,
724
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:focus {
722
725
  outline: none;
723
726
  }
724
727
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
@@ -731,10 +734,10 @@
731
734
  .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) {
732
735
  border: none;
733
736
  }
734
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
735
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
736
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
737
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
737
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn,
738
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn,
739
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn,
740
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn {
738
741
  height: 100%;
739
742
  min-height: inherit;
740
743
  display: -webkit-box;
@@ -758,16 +761,16 @@
758
761
  -ms-flex-align: center;
759
762
  align-items: center;
760
763
  }
761
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
762
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
763
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
764
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb {
764
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-ribbon-group-overflow-ddb,
765
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-ribbon-group-overflow-ddb,
766
+ .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,
767
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-ribbon-group-overflow-ddb {
765
768
  max-width: 100%;
766
769
  }
767
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
768
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
769
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
770
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
770
+ .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),
771
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret),
772
+ .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),
773
+ .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) {
771
774
  min-height: 32px;
772
775
  min-width: 32px;
773
776
  background-repeat: no-repeat;
@@ -777,37 +780,37 @@
777
780
  font-weight: 400;
778
781
  padding: 8px 6px 6px;
779
782
  }
780
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
781
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top,
782
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
783
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top {
783
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top,
784
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top,
785
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top,
786
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top {
784
787
  height: 50%;
785
788
  }
786
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
787
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
788
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
789
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn {
789
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn,
790
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn,
791
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn,
792
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn {
790
793
  gap: 5px;
791
794
  }
792
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
793
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
794
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
795
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn {
795
+ .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,
796
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn,
797
+ .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,
798
+ .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 {
796
799
  -webkit-box-pack: space-evenly;
797
800
  -ms-flex-pack: space-evenly;
798
801
  justify-content: space-evenly;
799
802
  height: 50%;
800
803
  }
801
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
802
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
803
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
804
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top {
804
+ .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,
805
+ .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,
806
+ .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,
807
+ .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 {
805
808
  height: unset;
806
809
  }
807
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
808
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
809
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
810
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
810
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret,
811
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret,
812
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret,
813
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret {
811
814
  font-size: 16px;
812
815
  line-height: 16px;
813
816
  padding: 0 13px;
@@ -817,29 +820,29 @@
817
820
  height: 108px;
818
821
  padding: 2px 8px;
819
822
  }
820
- .e-ribbon.e-rbn .e-ribbon-item,
821
- .e-ribbon-group-overflow-ddb .e-ribbon-item {
823
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)),
824
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) {
822
825
  min-height: 33%;
823
826
  padding: 2px;
824
827
  }
825
- .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
826
- .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container) {
828
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container),
829
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container) {
827
830
  padding: 0;
828
831
  border-style: solid;
829
832
  border-width: 1px;
830
833
  }
831
- .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
832
- .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
834
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container:not(.e-hidden)),
835
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container:not(.e-hidden)) {
833
836
  height: 108px;
834
837
  border-radius: 2px;
835
838
  }
836
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group,
837
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group {
839
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group,
840
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group {
838
841
  -webkit-box-shadow: none;
839
842
  box-shadow: none;
840
843
  }
841
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
842
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
844
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper,
845
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper {
843
846
  height: -webkit-fit-content;
844
847
  height: -moz-fit-content;
845
848
  height: fit-content;
@@ -849,124 +852,125 @@
849
852
  width: max-content;
850
853
  padding: 0 8px;
851
854
  }
852
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
853
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
855
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper .e-label,
856
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper .e-label {
854
857
  font-size: 12px;
858
+ font-weight: 400;
855
859
  }
856
- .e-ribbon.e-rbn .e-ribbon-item .e-btn,
857
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
860
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn,
861
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn {
858
862
  -webkit-box-shadow: none;
859
863
  box-shadow: none;
860
864
  }
861
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:disabled,
862
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:disabled {
865
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:disabled,
866
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:disabled {
863
867
  pointer-events: none;
864
868
  }
865
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
866
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container,
867
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper,
868
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container {
869
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper,
870
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container,
871
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper,
872
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container {
869
873
  border: 1px solid transparent;
870
874
  border-radius: 4px;
871
875
  }
872
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
873
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
874
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
875
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
876
+ .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,
877
+ .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,
878
+ .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,
879
+ .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 {
876
880
  padding: 0;
877
881
  }
878
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
879
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
882
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
883
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
880
884
  border: 1px solid transparent;
881
885
  border-radius: 4px;
882
886
  -webkit-box-shadow: none;
883
887
  box-shadow: none;
884
888
  }
885
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
886
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
889
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-btn,
890
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-btn {
887
891
  border-radius: 0;
888
892
  }
889
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
890
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
893
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret,
894
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret {
891
895
  font-size: 16px;
892
896
  padding: 0 13px;
893
897
  }
894
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item,
895
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item {
898
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item,
899
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item {
896
900
  min-height: 100%;
897
901
  }
898
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical,
899
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical {
902
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-split-btn-wrapper.e-vertical,
903
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-split-btn-wrapper.e-vertical {
900
904
  height: 100%;
901
905
  }
902
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
903
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
906
+ .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,
907
+ .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 {
904
908
  margin: auto;
905
909
  }
906
- .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,
907
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
908
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
910
+ .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,
911
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn,
912
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn {
909
913
  white-space: nowrap;
910
914
  padding: 0;
911
915
  line-height: 18px;
912
916
  }
913
- .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,
914
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
915
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon {
917
+ .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,
918
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon,
919
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon {
916
920
  font-size: 16px;
917
921
  line-height: 16px;
918
922
  margin: 8px;
919
923
  }
920
- .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),
921
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
922
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
924
+ .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),
925
+ .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),
926
+ .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) {
923
927
  min-height: 16px;
924
928
  min-width: 16px;
925
929
  background-repeat: no-repeat;
926
930
  background-size: contain;
927
931
  background-position: center;
928
932
  }
929
- .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,
930
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
931
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
933
+ .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,
934
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
935
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
932
936
  border: none;
933
937
  }
934
- .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,
935
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
936
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon {
938
+ .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,
939
+ .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,
940
+ .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 {
937
941
  height: 16px;
938
942
  width: 16px;
939
943
  }
940
- .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,
941
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview,
942
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
944
+ .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,
945
+ .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,
946
+ .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 {
943
947
  border-radius: unset;
944
948
  }
945
- .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,
946
- .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,
947
- .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 {
949
+ .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,
950
+ .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,
951
+ .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 {
948
952
  padding: 2px 4px;
949
953
  }
950
- .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,
951
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
952
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
954
+ .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,
955
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-caret,
956
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-dropdown-btn .e-caret {
953
957
  font-size: 16px;
954
958
  line-height: 16px;
955
959
  padding: 2px 4px;
956
960
  margin: 0;
957
961
  width: auto;
958
962
  }
959
- .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,
960
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper .e-btn,
961
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper .e-btn {
963
+ .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,
964
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-btn-wrapper .e-btn,
965
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-btn-wrapper .e-btn {
962
966
  margin: 0;
963
967
  }
964
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-icon-left,
965
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-icon-left {
968
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-icon-left,
969
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-icon-left {
966
970
  width: 1em;
967
971
  }
968
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
969
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
972
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn,
973
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn {
970
974
  -webkit-box-align: center;
971
975
  -ms-flex-align: center;
972
976
  align-items: center;
@@ -974,33 +978,38 @@
974
978
  display: -ms-flexbox;
975
979
  display: flex;
976
980
  }
977
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
978
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
981
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
982
+ .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 {
979
983
  width: auto;
980
984
  }
981
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret,
982
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret {
985
+ .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,
986
+ .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 {
983
987
  margin: 8px;
984
988
  padding: 0;
985
989
  }
986
- .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),
987
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
988
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
990
+ .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),
991
+ .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),
992
+ .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) {
989
993
  padding: 0 4px 0 0;
990
994
  }
991
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
992
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
995
+ .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,
996
+ .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 {
993
997
  padding: 0 2px 0 0;
994
998
  }
995
- .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),
996
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
997
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
999
+ .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),
1000
+ .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),
1001
+ .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) {
998
1002
  padding: 0 0 0 4px;
999
1003
  }
1000
- .e-ribbon.e-rbn.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1001
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1004
+ .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,
1005
+ .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 {
1002
1006
  padding: 0 0 0 2px;
1003
1007
  }
1008
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-gallery-button,
1009
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-gallery-button {
1010
+ border-width: 0 1px 0 0;
1011
+ border-radius: 4px 0 0 4px;
1012
+ }
1004
1013
 
1005
1014
  .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
1006
1015
  min-width: 190px;
@@ -1068,7 +1077,7 @@
1068
1077
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1069
1078
  margin: 2px 8px;
1070
1079
  }
1071
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1080
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon {
1072
1081
  font-size: 16px;
1073
1082
  }
1074
1083
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -1080,23 +1089,23 @@
1080
1089
  width: 100%;
1081
1090
  height: 30px;
1082
1091
  }
1083
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1092
+ .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) {
1084
1093
  min-width: 16px;
1085
1094
  min-height: 16px;
1086
1095
  }
1087
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1096
+ .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 {
1088
1097
  margin: 0;
1089
1098
  }
1090
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
1091
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
1099
+ .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,
1100
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) > .e-btn {
1092
1101
  line-height: 16px;
1093
1102
  overflow: hidden;
1094
1103
  }
1095
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
1104
+ .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 {
1096
1105
  width: inherit;
1097
1106
  }
1098
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-split-btn,
1099
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
1107
+ .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,
1108
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) > .e-btn {
1100
1109
  width: 100%;
1101
1110
  -webkit-box-pack: start;
1102
1111
  -ms-flex-pack: start;
@@ -1110,21 +1119,21 @@
1110
1119
  height: 24px;
1111
1120
  }
1112
1121
 
1113
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1114
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1122
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
1123
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label {
1115
1124
  margin-left: 36px;
1116
1125
  }
1117
- .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 {
1126
+ .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 {
1118
1127
  margin: 7px 8px 7px 12px;
1119
1128
  }
1120
- .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)) {
1129
+ .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)) {
1121
1130
  padding-left: 36px;
1122
1131
  }
1123
- .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 {
1132
+ .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 {
1124
1133
  margin-left: 36px;
1125
1134
  }
1126
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1127
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1135
+ .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,
1136
+ .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 {
1128
1137
  -webkit-transform: rotate(-90deg);
1129
1138
  transform: rotate(-90deg);
1130
1139
  padding: 0 12px;
@@ -1134,27 +1143,27 @@
1134
1143
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
1135
1144
  padding: 5px 12px 5px 0;
1136
1145
  }
1137
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1138
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1146
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
1147
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label {
1139
1148
  margin-right: 36px;
1140
1149
  }
1141
- .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 {
1150
+ .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 {
1142
1151
  margin: 7px 12px 7px 8px;
1143
1152
  }
1144
- .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)) {
1153
+ .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)) {
1145
1154
  padding-right: 36px;
1146
1155
  }
1147
- .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 {
1156
+ .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 {
1148
1157
  margin-right: 36px;
1149
1158
  }
1150
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1151
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1159
+ .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,
1160
+ .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 {
1152
1161
  -webkit-transform: rotate(90deg);
1153
1162
  transform: rotate(90deg);
1154
1163
  padding: 0 12px;
1155
1164
  margin: 0 auto 0 0;
1156
1165
  }
1157
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
1166
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-checkbox-wrapper {
1158
1167
  margin: 7px 12px 7px 0;
1159
1168
  }
1160
1169
 
@@ -1367,14 +1376,22 @@
1367
1376
  .e-ribbon-menu {
1368
1377
  display: block;
1369
1378
  }
1370
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
1379
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu,
1380
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu, .e-ribbon-menu.e-menu-container ul.e-vertical.e-menu,
1381
+ .e-ribbon-menu.e-menu-container ul.e-ul.e-menu {
1382
+ padding: 0;
1371
1383
  border: 1px solid;
1372
1384
  border-radius: 4px;
1373
1385
  }
1374
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
1386
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item,
1387
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item,
1388
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item {
1375
1389
  border-radius: unset;
1390
+ font-weight: 400;
1376
1391
  }
1377
- .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 {
1392
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
1393
+ .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,
1394
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-menu-icon {
1378
1395
  min-height: 14px;
1379
1396
  min-width: 14px;
1380
1397
  background-repeat: no-repeat;
@@ -1382,7 +1399,9 @@
1382
1399
  background-position: center;
1383
1400
  width: auto;
1384
1401
  }
1385
- .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 {
1402
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1403
+ .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,
1404
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item.e-blankicon {
1386
1405
  padding-left: 34px !important; /* stylelint-disable-line declaration-no-important */
1387
1406
  }
1388
1407
 
@@ -1440,11 +1459,11 @@
1440
1459
  background: #f8f8f8;
1441
1460
  }
1442
1461
  .e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-skeleton-text {
1443
- background-color: rgb(217, 217, 217);
1462
+ background-color: #eee;
1444
1463
  }
1445
1464
  .e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-shimmer-wave::after {
1446
- background-image: -webkit-gradient(linear, left top, right top, color-stop(15%, rgba(255, 255, 255, 0)), color-stop(38%, rgb(245, 245, 245)), color-stop(60%, rgba(255, 255, 255, 0)));
1447
- background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 15%, rgb(245, 245, 245) 38%, rgba(255, 255, 255, 0) 60%);
1465
+ background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(50%, #ddd), color-stop(70%, rgba(255, 255, 255, 0)));
1466
+ background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, #ddd 50%, rgba(255, 255, 255, 0) 70%);
1448
1467
  }
1449
1468
  .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
1450
1469
  border-color: unset;
@@ -1588,12 +1607,12 @@
1588
1607
  .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 {
1589
1608
  color: #fff;
1590
1609
  }
1591
- .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 {
1610
+ .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 {
1592
1611
  background: #2a6496;
1593
1612
  color: #fff;
1594
1613
  border-color: unset;
1595
1614
  }
1596
- .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 {
1615
+ .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 {
1597
1616
  color: #fff;
1598
1617
  }
1599
1618
  .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 {
@@ -1647,314 +1666,338 @@
1647
1666
  border-color: #ccc;
1648
1667
  background: #fff;
1649
1668
  }
1650
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
1651
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1652
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1653
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn,
1654
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
1655
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1656
- .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),
1657
- .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),
1658
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1659
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1660
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
1661
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
1662
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1663
- .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),
1664
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn,
1665
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
1666
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1667
- .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),
1668
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn,
1669
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu),
1670
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1671
- .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),
1672
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn {
1669
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1670
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1671
+ .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),
1672
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1673
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1674
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1675
+ .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),
1676
+ .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),
1677
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1678
+ .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),
1679
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1680
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1681
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1682
+ .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),
1683
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1684
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1685
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1686
+ .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),
1687
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1688
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1689
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1690
+ .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),
1691
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn {
1673
1692
  background: #f8f8f8;
1674
1693
  color: #333;
1675
1694
  border-color: transparent;
1676
1695
  }
1677
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1678
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1679
- .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,
1680
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
1681
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1682
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1683
- .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,
1684
- .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,
1685
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1686
- .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,
1687
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1688
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1689
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1690
- .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,
1691
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
1692
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1693
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1694
- .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,
1695
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn .e-btn-icon,
1696
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1697
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1698
- .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,
1699
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon {
1696
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1697
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1698
+ .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,
1699
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1700
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1701
+ .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,
1702
+ .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,
1703
+ .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,
1704
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1705
+ .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,
1706
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1707
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1708
+ .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,
1709
+ .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,
1710
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1711
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1712
+ .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,
1713
+ .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,
1714
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1715
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1716
+ .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,
1717
+ .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,
1718
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon {
1700
1719
  color: #333;
1701
1720
  }
1702
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
1703
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
1704
- .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,
1705
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover,
1706
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1707
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1708
- .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,
1709
- .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,
1710
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1711
- .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,
1712
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover,
1713
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
1714
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
1715
- .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,
1716
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover,
1717
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1718
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1719
- .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,
1720
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover,
1721
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1722
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1723
- .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,
1724
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover {
1721
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1722
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1723
+ .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,
1724
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1725
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1726
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1727
+ .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,
1728
+ .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,
1729
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1730
+ .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,
1731
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1732
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1733
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1734
+ .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,
1735
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1736
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1737
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1738
+ .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,
1739
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1740
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1741
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1742
+ .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,
1743
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover {
1725
1744
  background: #e6e6e6;
1726
1745
  color: #333;
1727
1746
  border-color: unset;
1728
1747
  }
1729
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1730
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1731
- .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,
1732
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
1733
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1734
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1735
- .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,
1736
- .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,
1737
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1738
- .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,
1739
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
1740
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1741
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1742
- .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,
1743
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
1744
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1745
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1746
- .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,
1747
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
1748
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1749
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1750
- .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,
1751
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon {
1748
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1749
+ .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,
1750
+ .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,
1751
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1752
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1753
+ .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,
1754
+ .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,
1755
+ .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,
1756
+ .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,
1757
+ .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,
1758
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1759
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1760
+ .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,
1761
+ .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,
1762
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1763
+ .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,
1764
+ .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,
1765
+ .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,
1766
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1767
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1768
+ .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,
1769
+ .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,
1770
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon {
1752
1771
  color: #333;
1753
1772
  }
1754
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
1755
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1756
- .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,
1757
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active,
1758
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1759
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1760
- .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,
1761
- .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,
1762
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1763
- .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,
1764
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active,
1765
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
1766
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1767
- .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,
1768
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active,
1769
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1770
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1771
- .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,
1772
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active,
1773
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1774
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1775
- .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,
1776
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active {
1773
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1774
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1775
+ .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,
1776
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1777
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1778
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1779
+ .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,
1780
+ .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,
1781
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1782
+ .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,
1783
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1784
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1785
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1786
+ .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,
1787
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1788
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1789
+ .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,
1790
+ .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,
1791
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1792
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1793
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1794
+ .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,
1795
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active {
1777
1796
  background: #e6e6e6;
1778
1797
  color: #333;
1779
1798
  }
1780
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1781
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1782
- .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,
1783
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
1784
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1785
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1786
- .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,
1787
- .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,
1788
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1789
- .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,
1790
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1791
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1792
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1793
- .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,
1794
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
1795
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1796
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1797
- .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,
1798
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1799
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1800
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1801
- .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,
1802
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon {
1799
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1800
+ .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,
1801
+ .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,
1802
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1803
+ .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,
1804
+ .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,
1805
+ .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,
1806
+ .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,
1807
+ .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,
1808
+ .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,
1809
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1810
+ .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,
1811
+ .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,
1812
+ .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,
1813
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1814
+ .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,
1815
+ .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,
1816
+ .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,
1817
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1818
+ .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,
1819
+ .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,
1820
+ .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,
1821
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon {
1803
1822
  color: #333;
1804
1823
  }
1805
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
1806
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
1807
- .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,
1808
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active,
1809
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
1810
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1811
- .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,
1812
- .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,
1813
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1814
- .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,
1815
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active,
1816
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
1817
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
1818
- .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,
1819
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active,
1820
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
1821
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1822
- .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,
1823
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active,
1824
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active,
1825
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1826
- .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,
1827
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active {
1824
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1825
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1826
+ .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,
1827
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1828
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1829
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1830
+ .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,
1831
+ .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,
1832
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1833
+ .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,
1834
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1835
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1836
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1837
+ .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,
1838
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1839
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1840
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1841
+ .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,
1842
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1843
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1844
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1845
+ .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,
1846
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active {
1828
1847
  background: #e6e6e6;
1829
1848
  color: #333;
1830
1849
  }
1831
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1832
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1833
- .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,
1834
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
1835
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1836
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1837
- .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,
1838
- .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,
1839
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1840
- .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,
1841
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
1842
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1843
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1844
- .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,
1845
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
1846
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1847
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1848
- .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,
1849
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
1850
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1851
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1852
- .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,
1853
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon {
1850
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1851
+ .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,
1852
+ .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,
1853
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1854
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1855
+ .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,
1856
+ .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,
1857
+ .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,
1858
+ .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,
1859
+ .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,
1860
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1861
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1862
+ .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,
1863
+ .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,
1864
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1865
+ .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,
1866
+ .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,
1867
+ .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,
1868
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1869
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1870
+ .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,
1871
+ .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,
1872
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon {
1854
1873
  color: #333;
1855
1874
  }
1856
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
1857
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1858
- .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,
1859
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
1860
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1861
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1862
- .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,
1863
- .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,
1864
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1865
- .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,
1866
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible,
1867
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
1868
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1869
- .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,
1870
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
1871
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1872
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1873
- .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,
1874
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible,
1875
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1876
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1877
- .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,
1878
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible {
1875
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1876
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1877
+ .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,
1878
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1879
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1880
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1881
+ .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,
1882
+ .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,
1883
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1884
+ .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,
1885
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1886
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1887
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1888
+ .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,
1889
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1890
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1891
+ .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,
1892
+ .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,
1893
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1894
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1895
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1896
+ .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,
1897
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible {
1879
1898
  background: #e6e6e6;
1880
1899
  color: #333;
1881
1900
  border-color: unset;
1882
- -webkit-box-shadow: none;
1883
- box-shadow: none;
1884
1901
  }
1885
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1886
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1887
- .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,
1888
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1889
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1890
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1891
- .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,
1892
- .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,
1893
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1894
- .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,
1895
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1896
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1897
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1898
- .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,
1899
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1900
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1901
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1902
- .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,
1903
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1904
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1905
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1906
- .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,
1907
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon {
1902
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1903
+ .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,
1904
+ .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,
1905
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1906
+ .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,
1907
+ .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,
1908
+ .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,
1909
+ .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,
1910
+ .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,
1911
+ .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,
1912
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1913
+ .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,
1914
+ .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,
1915
+ .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,
1916
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1917
+ .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,
1918
+ .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,
1919
+ .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,
1920
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1921
+ .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,
1922
+ .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,
1923
+ .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,
1924
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon {
1908
1925
  color: #333;
1909
1926
  }
1910
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
1911
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1912
- .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,
1913
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled,
1914
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
1915
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1916
- .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,
1917
- .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,
1918
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1919
- .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,
1920
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled,
1921
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
1922
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1923
- .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,
1924
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled,
1925
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
1926
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1927
- .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,
1928
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled,
1929
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
1930
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1931
- .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,
1932
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled {
1927
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1928
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1929
+ .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,
1930
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1931
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1932
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1933
+ .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,
1934
+ .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,
1935
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1936
+ .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,
1937
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1938
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1939
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1940
+ .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,
1941
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1942
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1943
+ .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,
1944
+ .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,
1945
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1946
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1947
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1948
+ .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,
1949
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible {
1950
+ -webkit-box-shadow: none;
1951
+ box-shadow: none;
1952
+ }
1953
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1954
+ .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,
1955
+ .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,
1956
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
1957
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1958
+ .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,
1959
+ .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,
1960
+ .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,
1961
+ .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,
1962
+ .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,
1963
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
1964
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1965
+ .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,
1966
+ .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,
1967
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
1968
+ .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,
1969
+ .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,
1970
+ .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,
1971
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
1972
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1973
+ .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,
1974
+ .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,
1975
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon {
1933
1976
  color: rgba(51, 51, 51, 0.65);
1934
1977
  }
1935
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1936
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1937
- .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,
1938
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
1939
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1940
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1941
- .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,
1942
- .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,
1943
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1944
- .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,
1945
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
1946
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1947
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1948
- .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,
1949
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
1950
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1951
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1952
- .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,
1953
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
1954
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1955
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1956
- .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,
1957
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon {
1978
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
1979
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1980
+ .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,
1981
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
1982
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
1983
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1984
+ .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,
1985
+ .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,
1986
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1987
+ .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,
1988
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
1989
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
1990
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1991
+ .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,
1992
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
1993
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
1994
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1995
+ .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,
1996
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
1997
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
1998
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1999
+ .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,
2000
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled {
1958
2001
  color: rgba(51, 51, 51, 0.65);
1959
2002
  }
1960
2003
  .e-ribbon.e-rbn .e-ribbon-group-header,
@@ -2019,18 +2062,18 @@
2019
2062
  box-shadow: unset;
2020
2063
  border-color: #ccc;
2021
2064
  }
2022
- .e-ribbon-file-menu.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2023
- .e-ribbon-file-menu.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2024
- .e-ribbon-file-menu.e-dropdown-popup .e-ribbon-group-of-btn,
2025
- .e-ribbon-vertical-center.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2026
- .e-ribbon-vertical-center.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2027
- .e-ribbon-vertical-center.e-dropdown-popup .e-ribbon-group-of-btn,
2028
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2029
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2030
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-ribbon-group-of-btn,
2031
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2032
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2033
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-ribbon-group-of-btn {
2065
+ .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),
2066
+ .e-ribbon-file-menu.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button:not(:hover, :active, :focus-visible, :disabled, .e-active),
2067
+ .e-ribbon-file-menu.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active),
2068
+ .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),
2069
+ .e-ribbon-vertical-center.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button:not(:hover, :active, :focus-visible, :disabled, .e-active),
2070
+ .e-ribbon-vertical-center.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active),
2071
+ .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),
2072
+ .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),
2073
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active),
2074
+ .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),
2075
+ .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),
2076
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active) {
2034
2077
  background: transparent;
2035
2078
  }
2036
2079
 
@@ -2142,12 +2185,12 @@
2142
2185
  .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
2143
2186
  color: #333;
2144
2187
  }
2145
- .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 {
2146
- background: #e6e6e6;
2147
- }
2148
2188
  .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 {
2149
2189
  color: #333;
2150
2190
  }
2191
+ .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 {
2192
+ background: #e6e6e6;
2193
+ }
2151
2194
 
2152
2195
  .e-ribbon-tooltip.e-tooltip-wrap.e-popup {
2153
2196
  background: #000;
@@ -2164,22 +2207,38 @@
2164
2207
  color: #fff;
2165
2208
  }
2166
2209
 
2210
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup {
2211
+ -webkit-box-shadow: unset;
2212
+ box-shadow: unset;
2213
+ border: 1px solid #ddd;
2214
+ }
2215
+
2167
2216
  .e-ribbon-menu.e-menu-wrapper:not(.e-menu-popup), .e-ribbon-menu.e-menu-container:not(.e-menu-popup) {
2168
2217
  background: #fff;
2169
2218
  }
2170
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
2219
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu,
2220
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu, .e-ribbon-menu.e-menu-container ul.e-vertical.e-menu,
2221
+ .e-ribbon-menu.e-menu-container ul.e-ul.e-menu {
2171
2222
  border-color: #ccc;
2172
2223
  background: #fff;
2173
2224
  }
2174
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
2225
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item,
2226
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item,
2227
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item {
2175
2228
  color: #333;
2176
2229
  }
2177
2230
  .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2178
- .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,
2179
- .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-caret {
2231
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-caret,
2232
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2233
+ .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,
2234
+ .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item .e-caret,
2235
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-menu-icon,
2236
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-caret {
2180
2237
  color: #333;
2181
2238
  }
2182
- .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 {
2239
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-focused,
2240
+ .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,
2241
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item.e-focused {
2183
2242
  background: #f5f5f5;
2184
2243
  color: #333;
2185
2244
  }
@@ -2229,6 +2288,12 @@
2229
2288
  .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2230
2289
  height: 52px;
2231
2290
  }
2291
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus,
2292
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab.e-tab .e-tab-header .e-toolbar-item .e-text-wrap,
2293
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus,
2294
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
2295
+ height: auto;
2296
+ }
2232
2297
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-content,
2233
2298
  .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
2234
2299
  width: calc(100% - 24px);
@@ -2290,6 +2355,10 @@
2290
2355
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
2291
2356
  max-height: 36px;
2292
2357
  }
2358
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-content-height .e-ribbon-collection,
2359
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-content-height .e-ribbon-collection {
2360
+ max-height: 132px;
2361
+ }
2293
2362
 
2294
2363
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-header,
2295
2364
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-header,
@@ -2360,7 +2429,6 @@
2360
2429
  .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
2361
2430
  font-size: 14px;
2362
2431
  line-height: 22px;
2363
- padding: 9px 0 9px 8px;
2364
2432
  height: auto;
2365
2433
  }
2366
2434
  .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
@@ -2396,26 +2464,26 @@
2396
2464
  font-size: 14px;
2397
2465
  }
2398
2466
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
2399
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
2467
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn,
2400
2468
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
2401
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
2469
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn,
2402
2470
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
2403
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn,
2471
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn,
2404
2472
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
2405
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
2473
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn {
2406
2474
  font-size: 14px;
2407
2475
  line-height: 22px;
2408
2476
  padding: 0 5px;
2409
2477
  max-width: 10ch;
2410
2478
  }
2411
2479
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2412
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2480
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2413
2481
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2414
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2482
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2415
2483
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2416
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2484
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2417
2485
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2418
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
2486
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
2419
2487
  min-height: 40px;
2420
2488
  min-width: 40px;
2421
2489
  background-repeat: no-repeat;
@@ -2425,162 +2493,162 @@
2425
2493
  padding: 12px 8px;
2426
2494
  }
2427
2495
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
2428
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
2496
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn.e-top-icon-btn,
2429
2497
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
2430
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
2498
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn.e-top-icon-btn,
2431
2499
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
2432
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
2500
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn.e-top-icon-btn,
2433
2501
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
2434
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn {
2502
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn.e-top-icon-btn {
2435
2503
  gap: 9px;
2436
2504
  }
2437
2505
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
2438
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
2506
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-dropdown-btn .e-caret,
2439
2507
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
2440
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
2508
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-dropdown-btn .e-caret,
2441
2509
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
2442
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
2510
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-dropdown-btn .e-caret,
2443
2511
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
2444
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
2512
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-dropdown-btn .e-caret {
2445
2513
  font-size: 16px;
2446
2514
  line-height: 16px;
2447
2515
  padding: 0 18px;
2448
2516
  }
2449
2517
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2450
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2518
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2451
2519
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2452
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2520
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2453
2521
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2454
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2522
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2455
2523
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2456
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
2524
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret {
2457
2525
  font-size: 16px;
2458
2526
  line-height: 16px;
2459
2527
  padding: 0 18px;
2460
2528
  }
2461
2529
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
2462
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
2463
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
2530
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn,
2531
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn,
2464
2532
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
2465
2533
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
2466
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
2467
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
2534
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn,
2535
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn,
2468
2536
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
2469
2537
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
2470
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
2471
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
2538
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn,
2539
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn,
2472
2540
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
2473
2541
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
2474
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
2475
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn {
2542
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn,
2543
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn {
2476
2544
  font-size: 14px;
2477
2545
  line-height: 22px;
2478
2546
  }
2479
2547
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
2480
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
2481
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
2548
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon,
2549
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon,
2482
2550
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
2483
2551
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
2484
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
2485
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
2552
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon,
2553
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon,
2486
2554
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
2487
2555
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
2488
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
2489
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
2556
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon,
2557
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon,
2490
2558
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
2491
2559
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
2492
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
2493
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon {
2560
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon,
2561
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon {
2494
2562
  font-size: 20px;
2495
2563
  line-height: 20px;
2496
2564
  margin: 10px;
2497
2565
  }
2498
2566
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret), .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2499
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2500
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2567
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2568
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2501
2569
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2502
2570
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2503
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2504
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2571
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2572
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2505
2573
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2506
2574
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2507
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2508
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2575
+ .e-bigger .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),
2576
+ .e-bigger .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),
2509
2577
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2510
2578
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2511
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2512
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
2579
+ .e-bigger.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),
2580
+ .e-bigger.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) {
2513
2581
  min-width: 20px;
2514
2582
  min-height: 20px;
2515
2583
  }
2516
2584
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2517
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2518
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2585
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2586
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2519
2587
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2520
2588
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2521
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2522
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2589
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2590
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2523
2591
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2524
2592
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2525
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2526
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2593
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2594
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2527
2595
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2528
2596
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2529
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2530
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn {
2597
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2598
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn {
2531
2599
  padding: 0;
2532
2600
  border: none;
2533
2601
  }
2534
2602
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2535
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2536
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2603
+ .e-bigger.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,
2604
+ .e-bigger.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,
2537
2605
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2538
2606
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2539
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2540
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2607
+ .e-bigger .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,
2608
+ .e-bigger .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,
2541
2609
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2542
2610
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2543
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2544
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2611
+ .e-bigger .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,
2612
+ .e-bigger .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,
2545
2613
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2546
2614
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2547
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2548
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon {
2615
+ .e-bigger.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,
2616
+ .e-bigger.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 {
2549
2617
  height: 20px;
2550
2618
  width: 20px;
2551
2619
  }
2552
2620
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2553
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2554
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2621
+ .e-bigger.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,
2622
+ .e-bigger.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,
2555
2623
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2556
2624
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2557
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2558
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2625
+ .e-bigger .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,
2626
+ .e-bigger .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,
2559
2627
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2560
2628
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2561
- .e-bigger .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,
2562
- .e-bigger .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,
2629
+ .e-bigger .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,
2630
+ .e-bigger .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,
2563
2631
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2564
2632
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2565
- .e-bigger.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,
2566
- .e-bigger.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 {
2633
+ .e-bigger.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,
2634
+ .e-bigger.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 {
2567
2635
  padding: 3px 5px;
2568
2636
  }
2569
2637
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2570
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2571
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2638
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-dropdown-btn .e-caret,
2639
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-caret,
2572
2640
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2573
2641
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2574
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2575
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2642
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-dropdown-btn .e-caret,
2643
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-caret,
2576
2644
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2577
2645
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2578
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2579
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2646
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-dropdown-btn .e-caret,
2647
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-caret,
2580
2648
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2581
2649
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2582
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2583
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret {
2650
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-dropdown-btn .e-caret,
2651
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-caret {
2584
2652
  font-size: 16px;
2585
2653
  line-height: 16px;
2586
2654
  padding: 3px 5px;
@@ -2593,51 +2661,51 @@
2593
2661
  line-height: 22px;
2594
2662
  height: 28px;
2595
2663
  }
2596
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret,
2597
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret {
2598
- font-size: 14px;
2599
- }
2600
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group,
2601
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group {
2602
- height: 38px;
2603
- }
2604
2664
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item,
2605
2665
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
2606
2666
  height: 40px;
2607
2667
  }
2608
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon,
2609
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
2668
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret,
2669
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret {
2670
+ font-size: 14px;
2671
+ }
2672
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-input-group,
2673
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-input-group {
2674
+ height: 38px;
2675
+ }
2676
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon,
2677
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon {
2610
2678
  font-size: 18px;
2611
2679
  }
2612
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
2613
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
2680
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret),
2681
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret) {
2614
2682
  min-width: 18px;
2615
2683
  min-height: 18px;
2616
2684
  }
2617
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
2618
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
2685
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon.e-icon-left,
2686
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon.e-icon-left {
2619
2687
  margin: 0;
2620
2688
  }
2621
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper),
2622
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper) {
2689
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-colorpicker-wrapper),
2690
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-colorpicker-wrapper) {
2623
2691
  -webkit-box-align: center;
2624
2692
  -ms-flex-align: center;
2625
2693
  align-items: center;
2626
2694
  }
2627
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2628
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
2629
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2630
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2695
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
2696
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label,
2697
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
2698
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label {
2631
2699
  font-size: 14px;
2632
2700
  }
2633
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
2634
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
2635
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
2636
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
2701
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-input-group,
2702
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-template,
2703
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-input-group,
2704
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-template {
2637
2705
  margin: 2px 10px;
2638
2706
  }
2639
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
2640
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
2707
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-checkbox-wrapper,
2708
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-checkbox-wrapper {
2641
2709
  margin: 11px 0 11px 16px;
2642
2710
  padding: 0;
2643
2711
  }
@@ -2645,62 +2713,62 @@
2645
2713
  .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-overflow-header {
2646
2714
  padding: 5px 0 5px 16px;
2647
2715
  }
2648
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2649
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
2650
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2651
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2716
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
2717
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label,
2718
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
2719
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label {
2652
2720
  margin-left: 44px;
2653
2721
  }
2654
- .e-bigger .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,
2655
- .e-bigger.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 {
2722
+ .e-bigger .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,
2723
+ .e-bigger.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 {
2656
2724
  margin: 11px 10px 11px 16px;
2657
2725
  }
2658
- .e-bigger .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.e-icon-left)),
2659
- .e-bigger.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.e-icon-left)) {
2726
+ .e-bigger .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)),
2727
+ .e-bigger.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)) {
2660
2728
  padding-left: 44px;
2661
2729
  }
2662
- .e-bigger .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-bigger .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,
2663
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper,
2664
- .e-bigger.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 {
2730
+ .e-bigger .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-bigger .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,
2731
+ .e-bigger.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,
2732
+ .e-bigger.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 {
2665
2733
  margin-left: 44px;
2666
2734
  }
2667
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2668
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
2669
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2670
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
2735
+ .e-bigger .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,
2736
+ .e-bigger .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,
2737
+ .e-bigger.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,
2738
+ .e-bigger.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 {
2671
2739
  padding: 0 12px;
2672
2740
  }
2673
2741
  .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-overflow-header,
2674
2742
  .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-overflow-header {
2675
2743
  padding: 5px 16px 5px 0;
2676
2744
  }
2677
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2678
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
2679
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2680
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2745
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
2746
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label,
2747
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
2748
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label {
2681
2749
  margin-right: 44px;
2682
2750
  }
2683
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
2684
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
2751
+ .e-bigger .e-ribbon-group-overflow-ddb.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,
2752
+ .e-bigger.e-ribbon-group-overflow-ddb.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 {
2685
2753
  margin: 11px 16px 11px 10px;
2686
2754
  }
2687
- .e-bigger .e-ribbon-group-overflow-ddb.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.e-icon-left)),
2688
- .e-bigger.e-ribbon-group-overflow-ddb.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.e-icon-left)) {
2755
+ .e-bigger .e-ribbon-group-overflow-ddb.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)),
2756
+ .e-bigger.e-ribbon-group-overflow-ddb.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)) {
2689
2757
  padding-right: 44px;
2690
2758
  }
2691
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper,
2692
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper,
2693
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
2759
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-bigger .e-ribbon-group-overflow-ddb.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,
2760
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper,
2761
+ .e-bigger.e-ribbon-group-overflow-ddb.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 {
2694
2762
  margin-right: 44px;
2695
2763
  }
2696
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2697
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
2698
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2699
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
2764
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper .e-icons.e-caret,
2765
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-dropdown-btn .e-icons.e-caret,
2766
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper .e-icons.e-caret,
2767
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-dropdown-btn .e-icons.e-caret {
2700
2768
  padding: 0 12px;
2701
2769
  }
2702
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
2703
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
2770
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-checkbox-wrapper,
2771
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-checkbox-wrapper {
2704
2772
  margin: 11px 16px 11px 0;
2705
2773
  }
2706
2774
 
@@ -2715,16 +2783,31 @@
2715
2783
  min-width: 20px;
2716
2784
  }
2717
2785
 
2786
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu,
2787
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu, .e-bigger .e-ribbon-menu.e-menu-container ul.e-vertical.e-menu,
2788
+ .e-bigger .e-ribbon-menu.e-menu-container ul.e-ul.e-menu,
2789
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu,
2790
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu,
2791
+ .e-bigger.e-ribbon-menu.e-menu-container ul.e-vertical.e-menu,
2792
+ .e-bigger.e-ribbon-menu.e-menu-container ul.e-ul.e-menu {
2793
+ padding: 0;
2794
+ }
2718
2795
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
2796
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon, .e-bigger .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item.e-blankicon,
2797
+ .e-bigger .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item.e-blankicon,
2719
2798
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
2720
- .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
2721
- .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
2799
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
2800
+ .e-bigger.e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item.e-blankicon,
2801
+ .e-bigger.e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item.e-blankicon {
2722
2802
  padding-left: 41px !important; /* stylelint-disable-line declaration-no-important */
2723
2803
  }
2724
2804
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2805
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-bigger .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item .e-menu-icon,
2806
+ .e-bigger .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-menu-icon,
2725
2807
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2726
- .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2727
- .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
2808
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2809
+ .e-bigger.e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item .e-menu-icon,
2810
+ .e-bigger.e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-menu-icon {
2728
2811
  min-width: 16px;
2729
2812
  min-height: 16px;
2730
2813
  }