@syncfusion/ej2-angular-ribbon 24.1.41 → 24.1.44-ngcc

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 (138) hide show
  1. package/@syncfusion/ej2-angular-ribbon.es5.js +584 -0
  2. package/@syncfusion/ej2-angular-ribbon.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-ribbon.js +544 -0
  4. package/@syncfusion/ej2-angular-ribbon.js.map +1 -0
  5. package/CHANGELOG.md +88 -0
  6. package/dist/ej2-angular-ribbon.umd.js +759 -0
  7. package/dist/ej2-angular-ribbon.umd.js.map +1 -0
  8. package/dist/ej2-angular-ribbon.umd.min.js +11 -0
  9. package/dist/ej2-angular-ribbon.umd.min.js.map +1 -0
  10. package/ej2-angular-ribbon.d.ts +5 -0
  11. package/ej2-angular-ribbon.metadata.json +1 -0
  12. package/package.json +15 -29
  13. package/postinstall/tagchange.js +18 -0
  14. package/schematics/collection.json +10 -0
  15. package/schematics/ng-add/index.d.ts +3 -0
  16. package/schematics/ng-add/index.js +9 -0
  17. package/schematics/ng-add/index.ts +10 -0
  18. package/schematics/ng-add/schema.d.ts +13 -0
  19. package/schematics/ng-add/schema.js +2 -0
  20. package/schematics/ng-add/schema.json +34 -0
  21. package/schematics/ng-add/schema.ts +30 -0
  22. package/schematics/tsconfig.json +25 -0
  23. package/schematics/utils/lib-details.d.ts +4 -0
  24. package/schematics/utils/lib-details.js +6 -0
  25. package/schematics/utils/lib-details.ts +4 -0
  26. package/src/ribbon/collections.directive.d.ts +0 -5
  27. package/src/ribbon/groups.directive.d.ts +0 -5
  28. package/src/ribbon/items.directive.d.ts +0 -5
  29. package/src/ribbon/ribbon-all.module.d.ts +0 -6
  30. package/src/ribbon/ribbon.component.d.ts +0 -3
  31. package/src/ribbon/ribbon.module.d.ts +0 -10
  32. package/src/ribbon/tabs.directive.d.ts +0 -5
  33. package/styles/bootstrap-dark.css +1 -2150
  34. package/styles/bootstrap.css +1 -2155
  35. package/styles/bootstrap4.css +1 -2216
  36. package/styles/bootstrap5-dark.css +1 -2234
  37. package/styles/bootstrap5.css +1 -2234
  38. package/styles/fabric-dark.css +1 -2126
  39. package/styles/fabric.css +1 -2124
  40. package/styles/fluent-dark.css +1 -2210
  41. package/styles/fluent.css +1 -2210
  42. package/styles/highcontrast-light.css +1 -2133
  43. package/styles/highcontrast.css +1 -2142
  44. package/styles/material-dark.css +1 -2195
  45. package/styles/material.css +1 -2229
  46. package/styles/material3-dark.css +1 -2257
  47. package/styles/material3-dark.scss +0 -1
  48. package/styles/material3.css +1 -2313
  49. package/styles/material3.scss +0 -1
  50. package/styles/ribbon/bootstrap-dark.css +1 -2150
  51. package/styles/ribbon/bootstrap-dark.scss +1 -18
  52. package/styles/ribbon/bootstrap.css +1 -2155
  53. package/styles/ribbon/bootstrap.scss +1 -18
  54. package/styles/ribbon/bootstrap4.css +1 -2216
  55. package/styles/ribbon/bootstrap4.scss +1 -18
  56. package/styles/ribbon/bootstrap5-dark.css +1 -2234
  57. package/styles/ribbon/bootstrap5-dark.scss +1 -18
  58. package/styles/ribbon/bootstrap5.css +1 -2234
  59. package/styles/ribbon/bootstrap5.scss +1 -18
  60. package/styles/ribbon/fabric-dark.css +1 -2126
  61. package/styles/ribbon/fabric-dark.scss +1 -18
  62. package/styles/ribbon/fabric.css +1 -2124
  63. package/styles/ribbon/fabric.scss +1 -18
  64. package/styles/ribbon/fluent-dark.css +1 -2210
  65. package/styles/ribbon/fluent-dark.scss +1 -18
  66. package/styles/ribbon/fluent.css +1 -2210
  67. package/styles/ribbon/fluent.scss +1 -18
  68. package/styles/ribbon/highcontrast-light.css +1 -2133
  69. package/styles/ribbon/highcontrast-light.scss +1 -17
  70. package/styles/ribbon/highcontrast.css +1 -2142
  71. package/styles/ribbon/highcontrast.scss +1 -18
  72. package/styles/ribbon/material-dark.css +1 -2195
  73. package/styles/ribbon/material-dark.scss +1 -18
  74. package/styles/ribbon/material.css +1 -2229
  75. package/styles/ribbon/material.scss +1 -18
  76. package/styles/ribbon/material3-dark.css +1 -2257
  77. package/styles/ribbon/material3-dark.scss +1 -18
  78. package/styles/ribbon/material3.css +1 -2313
  79. package/styles/ribbon/material3.scss +1 -18
  80. package/styles/ribbon/tailwind-dark.css +1 -2207
  81. package/styles/ribbon/tailwind-dark.scss +1 -18
  82. package/styles/ribbon/tailwind.css +1 -2207
  83. package/styles/ribbon/tailwind.scss +1 -18
  84. package/styles/tailwind-dark.css +1 -2207
  85. package/styles/tailwind.css +1 -2207
  86. package/esm2020/public_api.mjs +0 -3
  87. package/esm2020/src/index.mjs +0 -9
  88. package/esm2020/src/ribbon/collections.directive.mjs +0 -70
  89. package/esm2020/src/ribbon/groups.directive.mjs +0 -66
  90. package/esm2020/src/ribbon/items.directive.mjs +0 -78
  91. package/esm2020/src/ribbon/ribbon-all.module.mjs +0 -53
  92. package/esm2020/src/ribbon/ribbon.component.mjs +0 -134
  93. package/esm2020/src/ribbon/ribbon.module.mjs +0 -61
  94. package/esm2020/src/ribbon/tabs.directive.mjs +0 -62
  95. package/esm2020/syncfusion-ej2-angular-ribbon.mjs +0 -5
  96. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs +0 -502
  97. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
  98. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs +0 -502
  99. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
  100. package/styles/ribbon/_all.scss +0 -2
  101. package/styles/ribbon/_bootstrap-dark-definition.scss +0 -283
  102. package/styles/ribbon/_bootstrap-definition.scss +0 -283
  103. package/styles/ribbon/_bootstrap4-definition.scss +0 -283
  104. package/styles/ribbon/_bootstrap5-dark-definition.scss +0 -1
  105. package/styles/ribbon/_bootstrap5-definition.scss +0 -283
  106. package/styles/ribbon/_fabric-dark-definition.scss +0 -283
  107. package/styles/ribbon/_fabric-definition.scss +0 -283
  108. package/styles/ribbon/_fluent-dark-definition.scss +0 -1
  109. package/styles/ribbon/_fluent-definition.scss +0 -283
  110. package/styles/ribbon/_fusionnew-definition.scss +0 -283
  111. package/styles/ribbon/_highcontrast-definition.scss +0 -283
  112. package/styles/ribbon/_highcontrast-light-definition.scss +0 -283
  113. package/styles/ribbon/_layout.scss +0 -1473
  114. package/styles/ribbon/_material-dark-definition.scss +0 -283
  115. package/styles/ribbon/_material-definition.scss +0 -283
  116. package/styles/ribbon/_material3-dark-definition.scss +0 -1
  117. package/styles/ribbon/_material3-definition.scss +0 -282
  118. package/styles/ribbon/_tailwind-dark-definition.scss +0 -1
  119. package/styles/ribbon/_tailwind-definition.scss +0 -283
  120. package/styles/ribbon/_theme.scss +0 -507
  121. package/styles/ribbon/icons/_bootstrap-dark.scss +0 -9
  122. package/styles/ribbon/icons/_bootstrap.scss +0 -9
  123. package/styles/ribbon/icons/_bootstrap4.scss +0 -9
  124. package/styles/ribbon/icons/_bootstrap5-dark.scss +0 -1
  125. package/styles/ribbon/icons/_bootstrap5.scss +0 -9
  126. package/styles/ribbon/icons/_fabric-dark.scss +0 -9
  127. package/styles/ribbon/icons/_fabric.scss +0 -9
  128. package/styles/ribbon/icons/_fluent-dark.scss +0 -1
  129. package/styles/ribbon/icons/_fluent.scss +0 -9
  130. package/styles/ribbon/icons/_fusionnew.scss +0 -9
  131. package/styles/ribbon/icons/_highcontrast.scss +0 -9
  132. package/styles/ribbon/icons/_material-dark.scss +0 -9
  133. package/styles/ribbon/icons/_material.scss +0 -9
  134. package/styles/ribbon/icons/_material3-dark.scss +0 -1
  135. package/styles/ribbon/icons/_material3.scss +0 -9
  136. package/styles/ribbon/icons/_tailwind-dark.scss +0 -9
  137. package/styles/ribbon/icons/_tailwind.scss +0 -9
  138. package/syncfusion-ej2-angular-ribbon.d.ts +0 -5
@@ -1,2229 +1 @@
1
- .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 16px 0 0;
3
- }
4
-
5
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
6
- padding: 0 12px 0 0;
7
- }
8
-
9
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
10
- padding: 0 16px 0 0;
11
- }
12
-
13
- .e-ddl.e-control-wrapper .e-ddl-icon::before {
14
- transform: rotate(0deg);
15
- transition: transform 300ms ease;
16
- }
17
-
18
- .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
19
- transform: rotate(180deg);
20
- transition: transform 300ms ease;
21
- }
22
-
23
- .e-dropdownbase .e-list-item.e-active.e-hover {
24
- color: #e3165b;
25
- }
26
-
27
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
28
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
29
- .e-input-group:not(.e-disabled) .e-back-icon:active,
30
- .e-input-group:not(.e-disabled) .e-back-icon:hover,
31
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
32
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
33
- background: transparent;
34
- }
35
-
36
- .e-input-group .e-ddl-icon:not(:active)::after {
37
- animation: none;
38
- }
39
-
40
- .e-ddl.e-popup {
41
- border: 0;
42
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
43
- margin-top: 2px;
44
- }
45
-
46
- .e-popup.e-ddl .e-dropdownbase {
47
- min-height: 26px;
48
- }
49
-
50
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
51
- border-color: #e0e0e0;
52
- }
53
-
54
- .e-bigger .e-popup.e-ddl-device-filter {
55
- margin-top: 0;
56
- }
57
-
58
- .e-bigger .e-ddl-device .e-input-group,
59
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
60
- background: #f5f5f5;
61
- border-width: 0;
62
- box-shadow: none;
63
- margin-bottom: 0;
64
- }
65
-
66
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
67
- .e-bigger .e-ddl-device .e-input-group input.e-input,
68
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
69
- background-color: #f5f5f5;
70
- }
71
-
72
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
73
- margin: 6px 6px 5px;
74
- min-height: 12px;
75
- min-width: 12px;
76
- padding: 6px;
77
- }
78
-
79
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
80
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
81
- min-height: 16px;
82
- min-width: 16px;
83
- }
84
-
85
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
86
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
87
- padding: 8px 16px 8px 0;
88
- }
89
-
90
- .e-input-group.e-ddl,
91
- .e-input-group.e-ddl .e-input,
92
- .e-input-group.e-ddl .e-ddl-icon {
93
- background: transparent;
94
- }
95
-
96
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
97
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
98
- border-bottom-width: 0;
99
- }
100
-
101
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
102
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
103
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
104
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
105
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
106
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
107
- margin: 0;
108
- }
109
-
110
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
111
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
112
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
113
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
114
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
115
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
116
- padding: 5px 5px 5px 12px;
117
- }
118
-
119
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
120
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
121
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
122
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
123
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
124
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
125
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
126
- min-height: 18px;
127
- min-width: 18px;
128
- }
129
-
130
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
131
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
132
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
133
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
134
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
135
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
136
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
137
- padding: 8px 16px;
138
- }
139
-
140
- .e-ddl.e-popup.e-outline .e-filter-parent {
141
- padding: 4px 8px;
142
- }
143
-
144
- /*! component's theme wise override definitions and variables */
145
- @keyframes hscroll-popup-shadow {
146
- 0% {
147
- border-color: rgba(255, 255, 255, 0.5);
148
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
149
- }
150
- 100% {
151
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
152
- }
153
- }
154
- /*! component's theme wise override definitions and variables */
155
- @keyframes vscroll-popup-shadow {
156
- 0% {
157
- border-color: rgba(255, 255, 255, 0.5);
158
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
159
- }
160
- 100% {
161
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
162
- }
163
- }
164
- /*! component's theme wise override definitions and variables */
165
- @keyframes tbar-popup-shadow {
166
- 0% {
167
- border-color: rgba(255, 255, 255, 0.5);
168
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
169
- }
170
- 100% {
171
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
172
- }
173
- }
174
- /*! Material theme definition's */
175
- /*! component's theme wise override definitions and variables */
176
- /*! Horizontal Tab */
177
- @keyframes tbar-alt-popup-shadow {
178
- 0% {
179
- border-color: rgba(0, 0, 0, 0.12);
180
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
181
- }
182
- 100% {
183
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
184
- }
185
- }
186
- @keyframes hscroll-alt-popup-shadow {
187
- 0% {
188
- border-color: rgba(0, 0, 0, 0.12);
189
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
190
- }
191
- 100% {
192
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
193
- }
194
- }
195
- /*! Material specific themes definition's */
196
- /*! Vertical Tab */
197
- .e-ribbon .e-drop-icon::before {
198
- content: "\e94d";
199
- }
200
-
201
- .e-ribbon.e-rbn {
202
- display: block;
203
- }
204
- .e-ribbon.e-rbn .e-ribbon-tab .e-toolbar {
205
- min-height: auto;
206
- display: inline-block;
207
- }
208
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
209
- display: none;
210
- }
211
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
212
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
213
- position: absolute;
214
- line-height: 22px;
215
- padding: 10px 15px;
216
- border: 1px solid;
217
- border-width: 0 0 1px 0;
218
- font-size: 14px;
219
- font-weight: 400;
220
- box-shadow: none;
221
- text-transform: none;
222
- }
223
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active,
224
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active {
225
- border-radius: unset;
226
- }
227
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active, .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu:focus,
228
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active,
229
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:focus {
230
- box-shadow: none;
231
- outline: none;
232
- }
233
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
234
- position: absolute;
235
- top: 0;
236
- display: -ms-flexbox;
237
- display: flex;
238
- -ms-flex-align: center;
239
- align-items: center;
240
- height: 42px;
241
- padding-right: 12px;
242
- border-bottom: 1px solid;
243
- }
244
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
245
- border-bottom: 1px solid;
246
- }
247
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
248
- height: 42px;
249
- min-height: 42px;
250
- }
251
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header::before {
252
- border-width: 0;
253
- }
254
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-indicator {
255
- display: block;
256
- z-index: 1;
257
- }
258
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items {
259
- min-height: auto;
260
- height: 42px;
261
- }
262
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
263
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
264
- margin: 0;
265
- }
266
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item {
267
- vertical-align: unset;
268
- margin: 0;
269
- border: none;
270
- }
271
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active {
272
- border: none;
273
- }
274
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active::before {
275
- display: none;
276
- }
277
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
278
- padding: 0;
279
- height: auto;
280
- border: none;
281
- }
282
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text {
283
- padding: 10px 15px;
284
- line-height: 22px;
285
- text-transform: none;
286
- margin: 0;
287
- font-size: 14px;
288
- font-weight: 400;
289
- }
290
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-text-wrap {
291
- height: auto;
292
- }
293
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
294
- display: none;
295
- }
296
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
297
- height: auto;
298
- min-height: auto;
299
- }
300
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
301
- box-shadow: none;
302
- }
303
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
304
- padding: 0;
305
- }
306
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav {
307
- height: auto;
308
- min-height: auto;
309
- min-width: auto;
310
- width: auto;
311
- border-style: solid;
312
- transform: none;
313
- border-width: 1px;
314
- border-radius: unset;
315
- z-index: 3;
316
- }
317
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
318
- display: none;
319
- }
320
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
321
- font-size: 16px;
322
- height: auto;
323
- transform: none;
324
- line-height: 16px;
325
- padding: 0 4px;
326
- width: auto;
327
- letter-spacing: unset;
328
- font-weight: 400;
329
- }
330
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow::before {
331
- font-size: 16px;
332
- line-height: 16px;
333
- }
334
- .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
335
- height: 42px;
336
- }
337
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
338
- height: auto;
339
- }
340
- .e-ribbon.e-rbn .e-content {
341
- width: 100%;
342
- }
343
- .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
344
- width: calc(100% - 20px);
345
- }
346
- .e-ribbon.e-rbn .e-ribbon-collapse-btn {
347
- bottom: 0;
348
- cursor: pointer;
349
- position: absolute;
350
- line-height: 12px;
351
- padding: 2px;
352
- border: none;
353
- }
354
- .e-ribbon.e-rbn .e-ribbon-collapse-btn:not(.e-ribbon-expand-btn) {
355
- transform: rotate(180deg);
356
- }
357
- .e-ribbon.e-rbn.e-ribbon-overflow .e-content {
358
- width: calc(100% - 20px - 40px);
359
- }
360
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
361
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
362
- cursor: pointer;
363
- border-radius: unset;
364
- padding: 0;
365
- border: none;
366
- height: 32px;
367
- margin: auto;
368
- box-shadow: none;
369
- }
370
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
371
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
372
- font-size: 16px;
373
- line-height: 16px;
374
- padding: 8px;
375
- margin: 0;
376
- width: auto;
377
- }
378
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus,
379
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
380
- outline: none;
381
- }
382
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
383
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
384
- display: none;
385
- }
386
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
387
- bottom: 5px;
388
- position: absolute;
389
- }
390
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-container {
391
- display: -ms-inline-flexbox;
392
- display: inline-flex;
393
- }
394
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-ribbon-hide {
395
- display: none;
396
- }
397
- .e-ribbon.e-rbn.e-ribbon-minimize .e-ribbon-tab .e-content, .e-ribbon.e-rbn.e-ribbon-minimize .e-ribbon-collapse-btn, .e-ribbon.e-rbn.e-ribbon-minimize .e-ribbon-overall-of-btn {
398
- display: none;
399
- }
400
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
401
- overflow-y: hidden;
402
- }
403
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
404
- margin-bottom: 0;
405
- }
406
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
407
- padding-top: 2px;
408
- height: auto;
409
- }
410
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group.e-ribbon-emptyCollection::after {
411
- display: none;
412
- }
413
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group.e-ribbon-emptyCollection .e-ribbon-group-container {
414
- padding: 0;
415
- }
416
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-launcher-icon {
417
- display: none;
418
- }
419
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-container {
420
- padding: 0 7px 0 8px;
421
- }
422
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content {
423
- padding: 0;
424
- height: 42px;
425
- -ms-flex-align: center;
426
- align-items: center;
427
- }
428
- .e-ribbon.e-rbn .e-ribbon-tab-item {
429
- display: -ms-inline-flexbox;
430
- display: inline-flex;
431
- }
432
- .e-ribbon.e-rbn .e-ribbon-group {
433
- position: relative;
434
- padding-top: 6px;
435
- height: 140px;
436
- }
437
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
438
- display: none;
439
- }
440
- .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
441
- pointer-events: none;
442
- }
443
- .e-ribbon.e-rbn .e-ribbon-group::after {
444
- border-right: 1px solid;
445
- content: "";
446
- height: calc(100% - 16px);
447
- position: absolute;
448
- top: 8px;
449
- }
450
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-collapse-btn,
451
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-help-template,
452
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-group::after {
453
- right: 0;
454
- }
455
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-overall-of-btn {
456
- right: 0;
457
- }
458
- .e-ribbon.e-rbn:not(.e-rtl).e-ribbon-collapsible .e-ribbon-overall-of-btn {
459
- right: 25px;
460
- }
461
- .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
462
- left: var(--fileMenuWidth);
463
- }
464
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
465
- padding-right: 30px;
466
- }
467
- .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
468
- .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
469
- .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
470
- left: 0;
471
- }
472
- .e-ribbon.e-rbn.e-rtl .e-ribbon-overall-of-btn {
473
- left: 0;
474
- }
475
- .e-ribbon.e-rbn.e-rtl.e-ribbon-collapsible .e-ribbon-overall-of-btn {
476
- left: 25px;
477
- }
478
- .e-ribbon.e-rbn.e-rtl .e-tab-header {
479
- right: var(--fileMenuWidth);
480
- }
481
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
482
- padding-left: 30px;
483
- }
484
-
485
- .e-ribbon-backstage-popup.e-ribbon-backstage-open {
486
- display: -ms-flexbox;
487
- display: flex;
488
- }
489
-
490
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper {
491
- display: -ms-flexbox;
492
- display: flex;
493
- -ms-flex-direction: column;
494
- flex-direction: column;
495
- }
496
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-items-wrapper {
497
- display: -ms-flexbox;
498
- display: flex;
499
- -ms-flex-direction: column;
500
- flex-direction: column;
501
- -ms-flex-pack: justify;
502
- justify-content: space-between;
503
- height: 100%;
504
- }
505
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
506
- border: none;
507
- border-radius: unset;
508
- box-shadow: none;
509
- padding: unset;
510
- text-align: start;
511
- width: 100%;
512
- height: 32px;
513
- line-height: 32px;
514
- }
515
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn .e-btn-icon {
516
- width: auto;
517
- margin: 0;
518
- font-size: 16px;
519
- line-height: 16px;
520
- padding: 8px 16px;
521
- }
522
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:focus {
523
- border-style: solid;
524
- border-width: 0;
525
- }
526
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:hover {
527
- border-style: solid;
528
- border-width: 0;
529
- }
530
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:focus:hover {
531
- border-style: solid;
532
- border-width: 0;
533
- }
534
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu {
535
- border: unset;
536
- border-radius: unset;
537
- }
538
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul {
539
- min-width: 135px;
540
- }
541
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical.e-menu .e-menu-item.e-separator, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul.e-menu .e-menu-item.e-separator {
542
- margin: 4px 20px;
543
- }
544
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator), .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) {
545
- height: 32px;
546
- line-height: 32px;
547
- padding: 0;
548
- }
549
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator):focus, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator):focus {
550
- border-style: solid;
551
- border-width: 0;
552
- }
553
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-selected, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator):hover, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-selected, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator):hover {
554
- border-style: solid;
555
- border-width: 0;
556
- }
557
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-selected:focus, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-selected:focus {
558
- border-style: solid;
559
- border-width: 0;
560
- }
561
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator) .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
562
- width: auto;
563
- margin-right: unset;
564
- font-size: 16px;
565
- line-height: 16px;
566
- padding: 8px 16px;
567
- }
568
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-blankicon {
569
- padding-left: 48px !important; /* stylelint-disable-line declaration-no-important */
570
- }
571
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-rtl ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
572
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-rtl ul.e-ul .e-menu-item:not(.e-separator).e-blankicon {
573
- padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
574
- padding-right: 48px !important; /* stylelint-disable-line declaration-no-important */
575
- }
576
- .e-ribbon-backstage-popup .e-ribbon-backstage-content {
577
- overflow: auto;
578
- }
579
-
580
- .e-ribbon.e-rbn,
581
- .e-ribbon-group-overflow-ddb {
582
- border: none;
583
- }
584
- .e-ribbon.e-rbn .e-input-group,
585
- .e-ribbon-group-overflow-ddb .e-input-group {
586
- height: 32px;
587
- border-radius: unset;
588
- margin-bottom: 4px;
589
- }
590
- .e-ribbon.e-rbn .e-input-group input.e-input,
591
- .e-ribbon-group-overflow-ddb .e-input-group input.e-input {
592
- padding: 5px 0 5px 8px;
593
- font-size: 14px;
594
- line-height: 22px;
595
- font-weight: 400;
596
- height: auto;
597
- min-height: auto;
598
- }
599
- .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
600
- .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
601
- font-size: 12px;
602
- line-height: 12px;
603
- height: auto;
604
- padding: 11px 1px 9px 2px;
605
- margin: 0;
606
- font-weight: 400;
607
- border: none;
608
- min-width: auto;
609
- min-height: auto;
610
- border-radius: unset;
611
- }
612
- .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
613
- .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon {
614
- font-size: 12px;
615
- }
616
- .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
617
- .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
618
- min-width: auto;
619
- min-height: auto;
620
- border-radius: unset;
621
- }
622
- .e-ribbon.e-rbn .e-input-group .e-clear-icon,
623
- .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
624
- min-width: auto;
625
- }
626
- .e-ribbon.e-rbn .e-ribbon-group-content,
627
- .e-ribbon-group-overflow-ddb .e-ribbon-group-content {
628
- padding: 0 8px;
629
- }
630
- .e-ribbon.e-rbn .e-ribbon-content-height,
631
- .e-ribbon-group-overflow-ddb .e-ribbon-content-height {
632
- height: 108px;
633
- }
634
- .e-ribbon.e-rbn .e-ribbon-group-header,
635
- .e-ribbon-group-overflow-ddb .e-ribbon-group-header {
636
- -ms-flex-align: center;
637
- align-items: center;
638
- display: -ms-flexbox;
639
- display: flex;
640
- -ms-flex-pack: center;
641
- justify-content: center;
642
- white-space: nowrap;
643
- padding: 9px 11px 2px;
644
- line-height: 15px;
645
- font-size: 10px;
646
- }
647
- .e-ribbon.e-rbn .e-ribbon-launcher-icon,
648
- .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
649
- position: absolute;
650
- bottom: 0;
651
- margin: 0 7px 2px 0;
652
- cursor: pointer;
653
- border: none;
654
- }
655
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-launcher .e-ribbon-group-header,
656
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-launcher .e-ribbon-group-header {
657
- margin-right: 20px;
658
- }
659
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-launcher .e-ribbon-launcher-icon,
660
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-launcher .e-ribbon-launcher-icon {
661
- right: 0;
662
- }
663
- .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher .e-ribbon-group-header,
664
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher .e-ribbon-group-header {
665
- margin-left: 20px;
666
- }
667
- .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher .e-ribbon-launcher-icon,
668
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher .e-ribbon-launcher-icon {
669
- left: 0;
670
- margin: 0 0 2px 7px;
671
- }
672
- .e-ribbon.e-rbn .e-ribbon-column,
673
- .e-ribbon-group-overflow-ddb .e-ribbon-column {
674
- display: -ms-inline-flexbox;
675
- display: inline-flex;
676
- -ms-flex-direction: row;
677
- flex-direction: row;
678
- }
679
- .e-ribbon.e-rbn .e-ribbon-row,
680
- .e-ribbon-group-overflow-ddb .e-ribbon-row {
681
- display: -ms-inline-flexbox;
682
- display: inline-flex;
683
- -ms-flex-direction: column;
684
- flex-direction: column;
685
- }
686
- .e-ribbon.e-rbn .e-ribbon-group-overflow,
687
- .e-ribbon.e-rbn .e-ribbon-item,
688
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow,
689
- .e-ribbon-group-overflow-ddb .e-ribbon-item {
690
- display: -ms-flexbox;
691
- display: flex;
692
- padding: 1px;
693
- vertical-align: middle;
694
- }
695
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-hidden,
696
- .e-ribbon.e-rbn .e-ribbon-item.e-hidden,
697
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-hidden,
698
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-hidden {
699
- display: none;
700
- }
701
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn,
702
- .e-ribbon.e-rbn .e-ribbon-item .e-btn,
703
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn,
704
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
705
- border: none;
706
- border-radius: unset;
707
- font-weight: 400;
708
- font-size: 12px;
709
- text-transform: none;
710
- box-shadow: none;
711
- }
712
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
713
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
714
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:focus,
715
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:focus {
716
- outline: none;
717
- }
718
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
719
- .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),
720
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
721
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
722
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
723
- .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),
724
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
725
- .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) {
726
- border: none;
727
- }
728
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
729
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
730
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
731
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
732
- max-width: 10ch;
733
- min-height: inherit;
734
- min-width: fit-content;
735
- white-space: normal;
736
- padding: 0 3px;
737
- line-height: 18px;
738
- height: 100%;
739
- display: -ms-flexbox;
740
- display: flex;
741
- -ms-flex-direction: column;
742
- flex-direction: column;
743
- -ms-flex-pack: start;
744
- justify-content: flex-start;
745
- -ms-flex-align: center;
746
- align-items: center;
747
- }
748
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
749
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
750
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
751
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb {
752
- max-width: 100%;
753
- }
754
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
755
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
756
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
757
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
758
- font-size: 32px;
759
- font-weight: 400;
760
- padding: 8px 6px 6px;
761
- }
762
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
763
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top,
764
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
765
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top {
766
- height: 50%;
767
- }
768
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
769
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
770
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
771
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn {
772
- -ms-flex-pack: space-evenly;
773
- justify-content: space-evenly;
774
- height: 50%;
775
- }
776
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
777
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
778
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
779
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
780
- font-size: 12px;
781
- padding: 0 15px;
782
- line-height: 12px;
783
- }
784
- .e-ribbon.e-rbn .e-ribbon-group-overflow,
785
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow {
786
- height: 108px;
787
- padding: 2px 8px;
788
- }
789
- .e-ribbon.e-rbn .e-ribbon-item,
790
- .e-ribbon-group-overflow-ddb .e-ribbon-item {
791
- min-height: 33%;
792
- padding: 2px;
793
- }
794
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group,
795
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group {
796
- box-shadow: none;
797
- }
798
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
799
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
800
- padding: 0 8px;
801
- }
802
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
803
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
804
- font-size: 12px;
805
- }
806
- .e-ribbon.e-rbn .e-ribbon-item .e-btn,
807
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
808
- box-shadow: none;
809
- }
810
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:disabled,
811
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:disabled {
812
- pointer-events: none;
813
- }
814
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
815
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
816
- height: fit-content;
817
- margin: auto 0;
818
- width: max-content;
819
- }
820
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
821
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
822
- border: 1px solid transparent;
823
- border-radius: unset;
824
- }
825
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
826
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
827
- padding: 0;
828
- }
829
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
830
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
831
- border: 1px solid transparent;
832
- border-radius: unset;
833
- box-shadow: none;
834
- }
835
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
836
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
837
- border-radius: 0;
838
- }
839
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
840
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
841
- font-size: 12px;
842
- padding: 0 15px;
843
- }
844
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item,
845
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item {
846
- min-height: 100%;
847
- }
848
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical,
849
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical {
850
- height: 100%;
851
- }
852
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
853
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
854
- margin: auto;
855
- }
856
- .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,
857
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
858
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
859
- white-space: nowrap;
860
- padding: 0;
861
- line-height: 18px;
862
- }
863
- .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,
864
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
865
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon {
866
- font-size: 16px;
867
- line-height: 16px;
868
- margin: 8px;
869
- }
870
- .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,
871
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
872
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
873
- border: none;
874
- }
875
- .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,
876
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
877
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon {
878
- height: 16px;
879
- width: 16px;
880
- }
881
- .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,
882
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview,
883
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
884
- border-radius: unset;
885
- }
886
- .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,
887
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
888
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
889
- font-size: 12px;
890
- padding: 2px 4px;
891
- line-height: 12px;
892
- margin: 0;
893
- width: auto;
894
- }
895
- .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,
896
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper .e-btn,
897
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper .e-btn {
898
- margin: 0;
899
- }
900
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
901
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
902
- -ms-flex-align: center;
903
- align-items: center;
904
- display: -ms-flexbox;
905
- display: flex;
906
- }
907
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
908
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
909
- width: auto;
910
- }
911
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret,
912
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret {
913
- margin: 8px;
914
- padding: 0;
915
- }
916
- .e-ribbon.e-rbn .e-ribbon-vertical-center:not(.e-ribbon-large-item),
917
- .e-ribbon-group-overflow-ddb .e-ribbon-vertical-center:not(.e-ribbon-large-item) {
918
- margin-bottom: auto;
919
- margin-top: auto;
920
- }
921
- .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),
922
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
923
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
924
- padding: 0 4px 0 0;
925
- }
926
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
927
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
928
- padding: 0 2px 0 0;
929
- }
930
- .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),
931
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
932
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
933
- padding: 0 0 0 4px;
934
- }
935
- .e-ribbon.e-rbn.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
936
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
937
- padding: 0 0 0 2px;
938
- }
939
-
940
- .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
941
- display: none;
942
- }
943
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
944
- display: none;
945
- }
946
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
947
- pointer-events: none;
948
- }
949
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
950
- display: none;
951
- }
952
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
953
- pointer-events: none;
954
- }
955
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
956
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
957
- white-space: nowrap;
958
- display: -ms-flexbox;
959
- display: flex;
960
- -ms-flex-align: center;
961
- align-items: center;
962
- font-weight: 400;
963
- font-size: 12px;
964
- }
965
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
966
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
967
- margin: 3px 8px;
968
- }
969
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
970
- margin: 8px;
971
- padding: 0;
972
- }
973
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
974
- padding: 0;
975
- width: 100%;
976
- }
977
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
978
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
979
- line-height: 18px;
980
- overflow: hidden;
981
- }
982
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
983
- width: inherit;
984
- }
985
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-split-btn,
986
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
987
- width: 100%;
988
- -ms-flex-pack: start;
989
- justify-content: flex-start;
990
- }
991
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
992
- padding: 3px 8px;
993
- font-weight: 600;
994
- line-height: 18px;
995
- }
996
-
997
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
998
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
999
- margin-left: 34px;
1000
- }
1001
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1002
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1003
- transform: rotate(-90deg);
1004
- padding: 8px;
1005
- margin: 0 0 0 auto;
1006
- }
1007
-
1008
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1009
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1010
- margin-right: 34px;
1011
- }
1012
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1013
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1014
- transform: rotate(90deg);
1015
- padding: 8px;
1016
- margin: 0 auto 0 0;
1017
- }
1018
-
1019
- .e-dropdown-popup.e-ribbon-dropdown-group-button.e-ribbon-group-button-overflow-popup .e-btn-group:not(.e-icon-btn) {
1020
- -ms-flex-direction: column;
1021
- flex-direction: column;
1022
- }
1023
-
1024
- .e-dropdown-popup.e-ribbon-dropdown-group-button {
1025
- border-radius: unset;
1026
- border: none;
1027
- padding: 6px 8px;
1028
- }
1029
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-ribbon-groupbutton-header {
1030
- padding-bottom: 3px;
1031
- font-weight: 600;
1032
- line-height: 18px;
1033
- white-space: nowrap;
1034
- }
1035
- .e-dropdown-popup.e-ribbon-dropdown-group-button.e-ribbon-group-button-overflow-popup .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn) {
1036
- width: 100%;
1037
- display: -ms-flexbox;
1038
- display: flex;
1039
- -ms-flex-align: center;
1040
- align-items: center;
1041
- -ms-flex-pack: start;
1042
- justify-content: flex-start;
1043
- }
1044
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group {
1045
- box-shadow: none;
1046
- border-radius: unset;
1047
- }
1048
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon {
1049
- font-size: 16px;
1050
- line-height: 16px;
1051
- font-weight: 400;
1052
- margin: 8px;
1053
- width: auto;
1054
- }
1055
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
1056
- padding: 0 2px 0 0;
1057
- }
1058
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button {
1059
- padding: 0;
1060
- font-weight: 400;
1061
- font-size: 12px;
1062
- border: none;
1063
- text-transform: none;
1064
- }
1065
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn) {
1066
- padding: 0 8px 0 0;
1067
- }
1068
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:focus, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:focus-visible {
1069
- outline: none;
1070
- box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
1071
- }
1072
-
1073
- .e-ribbon-menu {
1074
- display: block;
1075
- }
1076
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
1077
- border: none;
1078
- border-radius: unset;
1079
- }
1080
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
1081
- border-radius: unset;
1082
- }
1083
- .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 {
1084
- width: auto;
1085
- }
1086
- .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 {
1087
- padding-left: 34px !important; /* stylelint-disable-line declaration-no-important */
1088
- }
1089
-
1090
- .e-ribbon-control.e-dropdown-popup ul .e-item {
1091
- font-size: 14px;
1092
- height: 36px;
1093
- -ms-flex-align: center;
1094
- align-items: center;
1095
- }
1096
- .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1097
- font-size: 16px;
1098
- line-height: 16px;
1099
- }
1100
-
1101
- .e-ribbon-tooltip .e-tip-content {
1102
- padding: 4px;
1103
- }
1104
- .e-ribbon-tooltip .e-tip-content .e-ribbon-tooltip-title {
1105
- font-size: 12px;
1106
- line-height: 18px;
1107
- padding: 4px 4px 0;
1108
- }
1109
- .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container {
1110
- padding: 4px;
1111
- display: -ms-flexbox;
1112
- display: flex;
1113
- }
1114
- .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container .e-ribbon-tooltip-content {
1115
- font-size: 10px;
1116
- line-height: 15px;
1117
- }
1118
- .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container .e-ribbon-tooltip-icon {
1119
- font-size: 32px;
1120
- line-height: 32px;
1121
- padding-right: 8px;
1122
- }
1123
-
1124
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group,
1125
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group {
1126
- height: 159px;
1127
- }
1128
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
1129
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage,
1130
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
1131
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
1132
- line-height: 24px;
1133
- padding: 16px 18px;
1134
- font-size: 16px;
1135
- }
1136
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template,
1137
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
1138
- padding-right: 16px;
1139
- height: 56px;
1140
- }
1141
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
1142
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
1143
- min-height: auto;
1144
- }
1145
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
1146
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
1147
- height: 56px;
1148
- min-height: 56px;
1149
- }
1150
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items,
1151
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items {
1152
- height: 56px;
1153
- }
1154
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item,
1155
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item {
1156
- margin-right: 0;
1157
- }
1158
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text,
1159
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text {
1160
- font-size: 16px;
1161
- padding: 16px 18px;
1162
- line-height: 24px;
1163
- }
1164
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus, .e-bigger.e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
1165
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus,
1166
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
1167
- height: 56px;
1168
- }
1169
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-content,
1170
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
1171
- width: calc(100% - 24px);
1172
- }
1173
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn,
1174
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn {
1175
- line-height: 20px;
1176
- font-size: 20px;
1177
- padding: 2px;
1178
- }
1179
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content,
1180
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content {
1181
- width: calc(100% - 24px - 40px);
1182
- }
1183
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
1184
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
1185
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
1186
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn {
1187
- height: 34px;
1188
- }
1189
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1190
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon,
1191
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1192
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
1193
- font-size: 20px;
1194
- padding: 7px;
1195
- line-height: 20px;
1196
- }
1197
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
1198
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn {
1199
- bottom: 9px;
1200
- }
1201
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow:not(.e-rtl) .e-ribbon-overall-of-btn,
1202
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow:not(.e-rtl) .e-ribbon-overall-of-btn {
1203
- right: 28px;
1204
- }
1205
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow.e-rtl .e-ribbon-overall-of-btn,
1206
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow.e-rtl .e-ribbon-overall-of-btn {
1207
- left: 28px;
1208
- }
1209
-
1210
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-header,
1211
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-header,
1212
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-header,
1213
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-header {
1214
- padding: 11px 11px 4px;
1215
- line-height: 18px;
1216
- font-size: 12px;
1217
- }
1218
- .e-bigger.e-ribbon.e-rbn .e-ribbon-launcher-icon,
1219
- .e-bigger .e-ribbon.e-rbn .e-ribbon-launcher-icon,
1220
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon,
1221
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
1222
- margin: 0 8px 8px 0;
1223
- }
1224
- .e-bigger.e-ribbon.e-rbn.e-rtl .e-ribbon-launcher-icon,
1225
- .e-bigger .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher-icon,
1226
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher-icon,
1227
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher-icon {
1228
- margin: 0 0 8px 8px;
1229
- }
1230
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group,
1231
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group,
1232
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group,
1233
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
1234
- height: auto;
1235
- }
1236
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
1237
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
1238
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
1239
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
1240
- margin-bottom: 0;
1241
- }
1242
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
1243
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
1244
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
1245
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content {
1246
- height: 52px;
1247
- }
1248
- .e-bigger.e-ribbon.e-rbn .e-ribbon-content-height,
1249
- .e-bigger .e-ribbon.e-rbn .e-ribbon-content-height,
1250
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-content-height,
1251
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-content-height {
1252
- height: 120px;
1253
- }
1254
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow,
1255
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow,
1256
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow,
1257
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow {
1258
- height: 120px;
1259
- }
1260
- .e-bigger.e-ribbon.e-rbn .e-input-group,
1261
- .e-bigger .e-ribbon.e-rbn .e-input-group,
1262
- .e-bigger .e-ribbon-group-overflow-ddb .e-input-group,
1263
- .e-bigger.e-ribbon-group-overflow-ddb .e-input-group {
1264
- height: 36px;
1265
- margin-bottom: 4px;
1266
- }
1267
- .e-bigger.e-ribbon.e-rbn .e-input-group:not(.e-float-input) .e-input,
1268
- .e-bigger .e-ribbon.e-rbn .e-input-group:not(.e-float-input) .e-input,
1269
- .e-bigger .e-ribbon-group-overflow-ddb .e-input-group:not(.e-float-input) .e-input,
1270
- .e-bigger.e-ribbon-group-overflow-ddb .e-input-group:not(.e-float-input) .e-input {
1271
- min-height: auto;
1272
- }
1273
- .e-bigger.e-ribbon.e-rbn .e-input-group input.e-input,
1274
- .e-bigger .e-ribbon.e-rbn .e-input-group input.e-input,
1275
- .e-bigger .e-ribbon-group-overflow-ddb .e-input-group input.e-input,
1276
- .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
1277
- padding: 7px 0 7px 13px;
1278
- font-size: 14px;
1279
- line-height: 22px;
1280
- height: auto;
1281
- }
1282
- .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
1283
- .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
1284
- .e-bigger .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon,
1285
- .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
1286
- font-size: 16px;
1287
- line-height: 16px;
1288
- padding: 10px 2px;
1289
- }
1290
- .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1291
- .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1292
- .e-bigger .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1293
- .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon {
1294
- font-size: 16px;
1295
- }
1296
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item,
1297
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item,
1298
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item,
1299
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item {
1300
- padding: 2px;
1301
- }
1302
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
1303
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
1304
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper,
1305
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
1306
- padding: 0 8px;
1307
- }
1308
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
1309
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
1310
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label,
1311
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
1312
- font-size: 16px;
1313
- }
1314
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1315
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
1316
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1317
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
1318
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1319
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn,
1320
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1321
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
1322
- padding: 0 5px;
1323
- font-size: 16px;
1324
- line-height: 24px;
1325
- }
1326
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1327
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1328
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1329
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1330
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1331
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1332
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1333
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1334
- font-size: 36px;
1335
- padding: 12px 8px 0;
1336
- }
1337
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1338
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1339
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1340
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1341
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1342
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1343
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1344
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
1345
- font-size: 16px;
1346
- line-height: 16px;
1347
- padding: 0 18px;
1348
- }
1349
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1350
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1351
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1352
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1353
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1354
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1355
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1356
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
1357
- font-size: 16px;
1358
- line-height: 16px;
1359
- padding: 0 18px;
1360
- }
1361
- .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,
1362
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
1363
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
1364
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
1365
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
1366
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
1367
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
1368
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
1369
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
1370
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
1371
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
1372
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
1373
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
1374
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
1375
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn {
1376
- font-size: 14px;
1377
- line-height: 22px;
1378
- }
1379
- .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,
1380
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1381
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1382
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
1383
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
1384
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1385
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1386
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
1387
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
1388
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1389
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1390
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
1391
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
1392
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1393
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon {
1394
- font-size: 20px;
1395
- margin: 8px;
1396
- line-height: 20px;
1397
- }
1398
- .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,
1399
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1400
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1401
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1402
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1403
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1404
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1405
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1406
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1407
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1408
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1409
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1410
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1411
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1412
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn {
1413
- padding: 0;
1414
- border: none;
1415
- }
1416
- .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,
1417
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1418
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1419
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1420
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1421
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1422
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1423
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1424
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1425
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1426
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1427
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1428
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1429
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1430
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon {
1431
- height: 20px;
1432
- width: 20px;
1433
- }
1434
- .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,
1435
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1436
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1437
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1438
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1439
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1440
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1441
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1442
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1443
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1444
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1445
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1446
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1447
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1448
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret {
1449
- font-size: 16px;
1450
- padding: 3px 5px;
1451
- line-height: 16px;
1452
- margin: 0;
1453
- }
1454
-
1455
- .e-ribbon-vertical-center.e-dropdown-popup,
1456
- .e-ribbon-group-overflow-ddb.e-dropdown-popup {
1457
- border-radius: unset;
1458
- }
1459
- .e-ribbon-vertical-center.e-ribbon-filemenu.e-dropdown-popup,
1460
- .e-ribbon-group-overflow-ddb.e-ribbon-filemenu.e-dropdown-popup {
1461
- border-radius: unset;
1462
- }
1463
-
1464
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1465
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
1466
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1467
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1468
- font-size: 14px;
1469
- }
1470
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1471
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1472
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1473
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1474
- margin: 3px 8px;
1475
- }
1476
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
1477
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
1478
- margin: 8px;
1479
- padding: 0;
1480
- }
1481
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1482
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
1483
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1484
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1485
- margin-left: 38px;
1486
- }
1487
- .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,
1488
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1489
- .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,
1490
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1491
- padding: 8px;
1492
- }
1493
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1494
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
1495
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1496
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1497
- margin-right: 38px;
1498
- }
1499
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1500
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1501
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1502
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1503
- padding: 8px;
1504
- }
1505
-
1506
- .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1507
- font-size: 16px;
1508
- height: 48px;
1509
- }
1510
- .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1511
- font-size: 20px;
1512
- line-height: 20px;
1513
- }
1514
-
1515
- .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1516
- .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1517
- .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
1518
- .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
1519
- padding-left: 42px !important; /* stylelint-disable-line declaration-no-important */
1520
- }
1521
-
1522
- .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
1523
- height: 36px;
1524
- line-height: 36px;
1525
- }
1526
- .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn .e-btn-icon {
1527
- font-size: 20px;
1528
- line-height: 20px;
1529
- padding: 8px 12px 8px 16px;
1530
- }
1531
-
1532
- .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator),
1533
- .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator),
1534
- .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator),
1535
- .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) {
1536
- height: 36px;
1537
- }
1538
- .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator) .e-menu-icon,
1539
- .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator) .e-menu-icon,
1540
- .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon,
1541
- .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
1542
- font-size: 20px;
1543
- line-height: 20px;
1544
- padding: 8px 12px 8px 16px;
1545
- }
1546
- .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
1547
- .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
1548
- .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-blankicon,
1549
- .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-blankicon {
1550
- padding-left: 48px !important; /* stylelint-disable-line declaration-no-important */
1551
- }
1552
-
1553
- .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button,
1554
- .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button {
1555
- padding: 6px 8px;
1556
- }
1557
- .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon,
1558
- .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon {
1559
- font-size: 20px;
1560
- line-height: 20px;
1561
- margin: 8px;
1562
- }
1563
- .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
1564
- .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
1565
- padding: 0;
1566
- }
1567
- .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button,
1568
- .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button {
1569
- font-size: 14px;
1570
- }
1571
- .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn),
1572
- .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn) {
1573
- padding: 0 8px 0 0;
1574
- }
1575
-
1576
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
1577
- border-color: #e0e0e0;
1578
- }
1579
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
1580
- color: rgba(0, 0, 0, 0.87);
1581
- }
1582
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
1583
- color: #e3165b;
1584
- }
1585
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
1586
- color: #3f51b5;
1587
- }
1588
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-indicator {
1589
- background: #3f51b5;
1590
- }
1591
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav {
1592
- border-color: #bdbdbd;
1593
- background: #f5f5f5;
1594
- }
1595
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
1596
- color: #000;
1597
- }
1598
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:hover {
1599
- border-color: #bdbdbd;
1600
- background: #eee;
1601
- }
1602
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:hover .e-nav-arrow {
1603
- color: #000;
1604
- }
1605
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:active {
1606
- border-color: #bdbdbd;
1607
- background: #eee;
1608
- }
1609
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:active .e-nav-arrow {
1610
- color: #000;
1611
- }
1612
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:focus {
1613
- border-color: #bdbdbd;
1614
- background: #e0e0e0;
1615
- }
1616
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:focus .e-nav-arrow {
1617
- color: #000;
1618
- }
1619
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
1620
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
1621
- color: rgba(0, 0, 0, 0.87);
1622
- background: #fafafa;
1623
- border-color: #e0e0e0;
1624
- }
1625
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active,
1626
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active {
1627
- color: #fff;
1628
- background: #3f51b5;
1629
- }
1630
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu:hover:not(.e-active),
1631
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:hover:not(.e-active) {
1632
- color: #e3165b;
1633
- }
1634
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu:focus-visible,
1635
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:focus-visible {
1636
- color: #e3165b;
1637
- }
1638
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
1639
- border-color: #e0e0e0;
1640
- }
1641
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-template:focus-visible {
1642
- background: #e0e0e0;
1643
- color: rgba(0, 0, 0, 0.54);
1644
- border-color: unset;
1645
- }
1646
- .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-tab-wrap:focus .e-tab-text {
1647
- color: #e3165b;
1648
- }
1649
- .e-ribbon.e-rbn .e-ribbon-collapse-btn {
1650
- color: rgba(0, 0, 0, 0.54);
1651
- background: #fafafa;
1652
- border-color: transparent;
1653
- }
1654
- .e-ribbon.e-rbn .e-ribbon-collapse-btn:hover, .e-ribbon.e-rbn .e-ribbon-collapse-btn:focus-visible {
1655
- background: #e0e0e0;
1656
- color: rgba(0, 0, 0, 0.54);
1657
- border-color: unset;
1658
- }
1659
-
1660
- .e-ribbon-backstage-popup {
1661
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
1662
- }
1663
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper {
1664
- background: #3f51b5;
1665
- }
1666
- .e-ribbon-backstage-popup .e-btn {
1667
- background: #3f51b5;
1668
- color: #fff;
1669
- font-weight: 400;
1670
- text-transform: none;
1671
- }
1672
- .e-ribbon-backstage-popup .e-btn:focus {
1673
- background: #7986cb;
1674
- color: #fff;
1675
- border-color: unset;
1676
- }
1677
- .e-ribbon-backstage-popup .e-btn:hover {
1678
- background: #9fa8da;
1679
- color: #fff;
1680
- border-color: unset;
1681
- }
1682
- .e-ribbon-backstage-popup .e-btn:hover:focus {
1683
- background: #7986cb;
1684
- color: #fff;
1685
- border-color: unset;
1686
- }
1687
- .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper:not(.e-menu-popup), .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-container:not(.e-menu-popup) {
1688
- background: #3f51b5;
1689
- }
1690
- .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul.e-menu {
1691
- background: #3f51b5;
1692
- }
1693
- .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item {
1694
- color: #fff;
1695
- }
1696
- .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
1697
- color: #fff;
1698
- }
1699
- .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-separator, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-separator {
1700
- background: #e0e0e0;
1701
- }
1702
- .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:focus, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:focus {
1703
- background: #7986cb;
1704
- border-color: unset;
1705
- color: #fff;
1706
- }
1707
- .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 {
1708
- color: #fff;
1709
- }
1710
- .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 {
1711
- background: #9fa8da;
1712
- border-color: unset;
1713
- color: #fff;
1714
- }
1715
- .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 {
1716
- color: #fff;
1717
- }
1718
- .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 {
1719
- background: #7986cb;
1720
- border-color: unset;
1721
- color: #fff;
1722
- }
1723
- .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-selected:focus .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-selected:focus .e-menu-icon {
1724
- color: #fff;
1725
- }
1726
- .e-ribbon-backstage-popup .e-ribbon-backstage-template,
1727
- .e-ribbon-backstage-popup .e-ribbon-backstage-content {
1728
- background: #fafafa;
1729
- }
1730
-
1731
- .e-ribbon.e-rbn,
1732
- .e-ribbon-group-overflow-ddb {
1733
- background: #fafafa;
1734
- border-color: #e0e0e0;
1735
- }
1736
- .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper .e-label,
1737
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper .e-label {
1738
- color: rgba(0, 0, 0, 0.87);
1739
- }
1740
- .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper.e-checkbox-disabled .e-label,
1741
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper.e-checkbox-disabled .e-label {
1742
- color: #757575;
1743
- }
1744
- .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-hover, .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-open,
1745
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-hover,
1746
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-open {
1747
- border-color: rgba(0, 0, 0, 0.12);
1748
- }
1749
- .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-hover, .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-open,
1750
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-hover,
1751
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-open {
1752
- border-color: rgba(0, 0, 0, 0.12);
1753
- }
1754
- .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-vertical:hover .e-split-btn:not(:hover),
1755
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-vertical:hover .e-split-btn:not(:hover) {
1756
- border-color: transparent;
1757
- }
1758
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled,
1759
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
1760
- border-color: transparent;
1761
- }
1762
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
1763
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1764
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1765
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn,
1766
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
1767
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1768
- .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),
1769
- .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),
1770
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1771
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1772
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
1773
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
1774
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1775
- .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),
1776
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn,
1777
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
1778
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1779
- .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),
1780
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn,
1781
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu),
1782
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1783
- .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),
1784
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn {
1785
- color: rgba(0, 0, 0, 0.87);
1786
- background: #fafafa;
1787
- border-color: transparent;
1788
- }
1789
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1790
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1791
- .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,
1792
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
1793
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1794
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1795
- .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,
1796
- .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,
1797
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1798
- .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,
1799
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1800
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1801
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1802
- .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,
1803
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
1804
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1805
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1806
- .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,
1807
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn .e-btn-icon,
1808
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1809
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1810
- .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,
1811
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon {
1812
- color: rgba(0, 0, 0, 0.54);
1813
- }
1814
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
1815
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
1816
- .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,
1817
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover,
1818
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1819
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1820
- .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,
1821
- .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,
1822
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1823
- .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,
1824
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover,
1825
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
1826
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
1827
- .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,
1828
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover,
1829
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1830
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1831
- .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,
1832
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover,
1833
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1834
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1835
- .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,
1836
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover {
1837
- background: rgba(0, 0, 0, 0.12);
1838
- color: rgba(0, 0, 0, 0.54);
1839
- border-color: unset;
1840
- }
1841
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1842
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1843
- .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,
1844
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
1845
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1846
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1847
- .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,
1848
- .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,
1849
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1850
- .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,
1851
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
1852
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1853
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1854
- .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,
1855
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
1856
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1857
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1858
- .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,
1859
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
1860
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1861
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1862
- .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,
1863
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon {
1864
- color: rgba(0, 0, 0, 0.54);
1865
- }
1866
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active, .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
1867
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1868
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
1869
- .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,
1870
- .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,
1871
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active,
1872
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active,
1873
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1874
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
1875
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1876
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1877
- .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,
1878
- .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,
1879
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active,
1880
- .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).e-active, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active,
1881
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1882
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1883
- .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,
1884
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1885
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active,
1886
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active,
1887
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
1888
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
1889
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1890
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
1891
- .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,
1892
- .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,
1893
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active,
1894
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active,
1895
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1896
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
1897
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1898
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1899
- .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,
1900
- .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,
1901
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active,
1902
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active,
1903
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1904
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active,
1905
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1906
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1907
- .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,
1908
- .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,
1909
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active,
1910
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active {
1911
- background: #eee;
1912
- color: rgba(0, 0, 0, 0.54);
1913
- }
1914
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon, .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1915
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1916
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1917
- .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,
1918
- .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,
1919
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
1920
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
1921
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1922
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1923
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1924
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1925
- .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,
1926
- .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,
1927
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1928
- .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).e-active .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1929
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1930
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1931
- .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,
1932
- .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,
1933
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1934
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
1935
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1936
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1937
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1938
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1939
- .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,
1940
- .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,
1941
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
1942
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
1943
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1944
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1945
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1946
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1947
- .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,
1948
- .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,
1949
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1950
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
1951
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1952
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1953
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1954
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1955
- .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,
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):active .e-btn-icon,
1957
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1958
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon {
1959
- color: rgba(0, 0, 0, 0.54);
1960
- }
1961
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
1962
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1963
- .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,
1964
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
1965
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1966
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1967
- .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,
1968
- .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,
1969
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1970
- .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,
1971
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible,
1972
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
1973
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1974
- .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,
1975
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
1976
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1977
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1978
- .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,
1979
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible,
1980
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1981
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1982
- .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,
1983
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible {
1984
- background: #e0e0e0;
1985
- color: rgba(0, 0, 0, 0.54);
1986
- border-color: unset;
1987
- }
1988
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1989
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1990
- .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,
1991
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1992
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1993
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1994
- .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,
1995
- .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,
1996
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1997
- .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,
1998
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1999
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2000
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2001
- .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,
2002
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
2003
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2004
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2005
- .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,
2006
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
2007
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2008
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2009
- .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,
2010
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon {
2011
- color: rgba(0, 0, 0, 0.54);
2012
- }
2013
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
2014
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2015
- .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,
2016
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled,
2017
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2018
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2019
- .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,
2020
- .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,
2021
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2022
- .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,
2023
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled,
2024
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
2025
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2026
- .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,
2027
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled,
2028
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2029
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2030
- .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,
2031
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled,
2032
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2033
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2034
- .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,
2035
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled {
2036
- color: #757575;
2037
- }
2038
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2039
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2040
- .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,
2041
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
2042
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2043
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2044
- .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,
2045
- .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,
2046
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2047
- .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,
2048
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
2049
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2050
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2051
- .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,
2052
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
2053
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2054
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2055
- .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,
2056
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
2057
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2058
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2059
- .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,
2060
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon {
2061
- color: #757575;
2062
- }
2063
- .e-ribbon.e-rbn .e-ribbon-group-header,
2064
- .e-ribbon-group-overflow-ddb .e-ribbon-group-header {
2065
- color: rgba(0, 0, 0, 0.87);
2066
- }
2067
- .e-ribbon.e-rbn .e-ribbon-launcher-icon,
2068
- .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
2069
- border-color: transparent;
2070
- }
2071
- .e-ribbon.e-rbn .e-ribbon-launcher-icon:hover, .e-ribbon.e-rbn .e-ribbon-launcher-icon:focus-visible,
2072
- .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon:hover,
2073
- .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon:focus-visible {
2074
- background: #e0e0e0;
2075
- color: rgba(0, 0, 0, 0.54);
2076
- border-color: unset;
2077
- }
2078
- .e-ribbon.e-rbn .e-input-group,
2079
- .e-ribbon-group-overflow-ddb .e-input-group {
2080
- border-color: #bdbdbd;
2081
- background: #fff;
2082
- }
2083
- .e-ribbon.e-rbn .e-input-group input.e-input,
2084
- .e-ribbon-group-overflow-ddb .e-input-group input.e-input {
2085
- color: rgba(0, 0, 0, 0.87);
2086
- }
2087
- .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
2088
- .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
2089
- color: rgba(0, 0, 0, 0.54);
2090
- }
2091
- .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon:hover,
2092
- .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon:hover {
2093
- background: rgba(0, 0, 0, 0.12);
2094
- color: rgba(0, 0, 0, 0.54);
2095
- }
2096
- .e-ribbon.e-rbn .e-input-group.e-disabled, .e-ribbon.e-rbn .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
2097
- .e-ribbon-group-overflow-ddb .e-input-group.e-disabled,
2098
- .e-ribbon-group-overflow-ddb .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled {
2099
- border-color: #757575;
2100
- }
2101
- .e-ribbon.e-rbn .e-ribbon-group::after,
2102
- .e-ribbon-group-overflow-ddb .e-ribbon-group::after {
2103
- border-color: #bdbdbd;
2104
- }
2105
-
2106
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-combobox-label,
2107
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-colorpicker-label {
2108
- color: rgba(0, 0, 0, 0.87);
2109
- }
2110
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-template:focus-visible {
2111
- background: #e0e0e0;
2112
- color: rgba(0, 0, 0, 0.54);
2113
- border-color: unset;
2114
- }
2115
-
2116
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn,
2117
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn,
2118
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn,
2119
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn {
2120
- background: #fafafa;
2121
- }
2122
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
2123
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
2124
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
2125
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:hover {
2126
- background: rgba(0, 0, 0, 0.12);
2127
- }
2128
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active, .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:active,
2129
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
2130
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:active,
2131
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
2132
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:active,
2133
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
2134
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:active {
2135
- background: #eee;
2136
- }
2137
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
2138
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
2139
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
2140
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:focus {
2141
- background: #e0e0e0;
2142
- }
2143
-
2144
- .e-ribbon-file-menu.e-dropdown-popup,
2145
- .e-ribbon-vertical-center.e-dropdown-popup,
2146
- .e-ribbon-group-overflow-ddb.e-dropdown-popup,
2147
- .e-ribbon-dropdown-group-button.e-dropdown-popup {
2148
- background: #fff;
2149
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
2150
- border-color: unset;
2151
- }
2152
- .e-ribbon-file-menu.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2153
- .e-ribbon-file-menu.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2154
- .e-ribbon-file-menu.e-dropdown-popup .e-ribbon-group-of-btn,
2155
- .e-ribbon-vertical-center.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2156
- .e-ribbon-vertical-center.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2157
- .e-ribbon-vertical-center.e-dropdown-popup .e-ribbon-group-of-btn,
2158
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2159
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2160
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-ribbon-group-of-btn,
2161
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2162
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2163
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-ribbon-group-of-btn {
2164
- background: transparent;
2165
- }
2166
-
2167
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-icon {
2168
- color: rgba(0, 0, 0, 0.54);
2169
- }
2170
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button {
2171
- color: rgba(0, 0, 0, 0.87);
2172
- background: #fff;
2173
- }
2174
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus {
2175
- background: rgba(0, 0, 0, 0.12);
2176
- }
2177
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus .e-btn-icon {
2178
- color: rgba(0, 0, 0, 0.54);
2179
- }
2180
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus {
2181
- background: rgba(0, 0, 0, 0.12);
2182
- color: rgba(0, 0, 0, 0.84);
2183
- }
2184
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus .e-btn-icon {
2185
- color: rgba(0, 0, 0, 0.54);
2186
- }
2187
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active {
2188
- background: rgba(0, 0, 0, 0.16);
2189
- }
2190
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active .e-btn-icon {
2191
- color: rgba(0, 0, 0, 0.54);
2192
- }
2193
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active {
2194
- background: rgba(0, 0, 0, 0.16);
2195
- color: rgba(0, 0, 0, 0.84);
2196
- }
2197
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
2198
- color: rgba(0, 0, 0, 0.54);
2199
- }
2200
-
2201
- .e-ribbon-tooltip.e-tooltip-wrap.e-popup {
2202
- background: #616161;
2203
- }
2204
- .e-ribbon-tooltip.e-tooltip-wrap .e-tip-content {
2205
- color: #fff;
2206
- }
2207
- .e-ribbon-tooltip.e-tooltip-wrap .e-arrow-tip .e-arrow-tip-inner.e-tip-top {
2208
- color: #616161;
2209
- }
2210
-
2211
- .e-ribbon-menu.e-menu-wrapper:not(.e-menu-popup), .e-ribbon-menu.e-menu-container:not(.e-menu-popup) {
2212
- background: #fafafa;
2213
- }
2214
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
2215
- border-color: #e0e0e0;
2216
- background: #fafafa;
2217
- }
2218
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
2219
- color: rgba(0, 0, 0, 0.87);
2220
- }
2221
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2222
- .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,
2223
- .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-caret {
2224
- color: #000;
2225
- }
2226
- .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 {
2227
- background: #eee;
2228
- color: #000;
2229
- }
1
+ @import '@syncfusion/ej2-ribbon/styles/material.css';