@syncfusion/ej2-react-ribbon 25.2.3 → 26.1.35

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 (45) hide show
  1. package/dist/ej2-react-ribbon.min.js +2 -2
  2. package/dist/ej2-react-ribbon.umd.min.js +2 -2
  3. package/dist/ej2-react-ribbon.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-react-ribbon.es2015.js +5 -5
  5. package/dist/es6/ej2-react-ribbon.es2015.js.map +1 -1
  6. package/package.json +13 -12
  7. package/styles/bootstrap-dark.css +2723 -1
  8. package/styles/bootstrap.css +2725 -1
  9. package/styles/bootstrap4.css +2789 -1
  10. package/styles/bootstrap5-dark.css +2816 -1
  11. package/styles/bootstrap5.css +2816 -1
  12. package/styles/fabric-dark.css +2698 -1
  13. package/styles/fabric.css +2692 -1
  14. package/styles/fluent-dark.css +2795 -1
  15. package/styles/fluent.css +2795 -1
  16. package/styles/fluent2.css +3868 -0
  17. package/styles/fluent2.scss +1 -0
  18. package/styles/highcontrast-light.css +2705 -1
  19. package/styles/highcontrast.css +2710 -1
  20. package/styles/material-dark.css +2842 -1
  21. package/styles/material.css +2869 -1
  22. package/styles/material3-dark.css +2918 -1
  23. package/styles/material3.css +3030 -1
  24. package/styles/ribbon/bootstrap-dark.css +2723 -1
  25. package/styles/ribbon/bootstrap.css +2725 -1
  26. package/styles/ribbon/bootstrap4.css +2789 -1
  27. package/styles/ribbon/bootstrap5-dark.css +2816 -1
  28. package/styles/ribbon/bootstrap5.css +2816 -1
  29. package/styles/ribbon/fabric-dark.css +2698 -1
  30. package/styles/ribbon/fabric.css +2692 -1
  31. package/styles/ribbon/fluent-dark.css +2795 -1
  32. package/styles/ribbon/fluent.css +2795 -1
  33. package/styles/ribbon/fluent2.css +3868 -0
  34. package/styles/ribbon/fluent2.scss +1 -0
  35. package/styles/ribbon/highcontrast-light.css +2705 -1
  36. package/styles/ribbon/highcontrast.css +2710 -1
  37. package/styles/ribbon/material-dark.css +2842 -1
  38. package/styles/ribbon/material.css +2869 -1
  39. package/styles/ribbon/material3-dark.css +2918 -1
  40. package/styles/ribbon/material3.css +3030 -1
  41. package/styles/ribbon/tailwind-dark.css +2823 -1
  42. package/styles/ribbon/tailwind.css +2823 -1
  43. package/styles/tailwind-dark.css +2823 -1
  44. package/styles/tailwind.css +2823 -1
  45. package/CHANGELOG.md +0 -107
package/styles/ribbon/material.css CHANGED
@@ -1 +1,2869 @@
1
- @import '@syncfusion/ej2-ribbon/styles/ribbon/material.css';
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
+ -webkit-transform: rotate(0deg);
15
+ transform: rotate(0deg);
16
+ -webkit-transition: -webkit-transform 300ms ease;
17
+ transition: -webkit-transform 300ms ease;
18
+ transition: transform 300ms ease;
19
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
20
+ }
21
+
22
+ .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
23
+ -webkit-transform: rotate(180deg);
24
+ transform: rotate(180deg);
25
+ -webkit-transition: -webkit-transform 300ms ease;
26
+ transition: -webkit-transform 300ms ease;
27
+ transition: transform 300ms ease;
28
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
29
+ }
30
+
31
+ .e-dropdownbase .e-list-item.e-active.e-hover {
32
+ color: #e3165b;
33
+ }
34
+
35
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
36
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
37
+ .e-input-group:not(.e-disabled) .e-back-icon:active,
38
+ .e-input-group:not(.e-disabled) .e-back-icon:hover,
39
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
40
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
41
+ background: transparent;
42
+ }
43
+
44
+ .e-input-group .e-ddl-icon:not(:active)::after {
45
+ -webkit-animation: none;
46
+ animation: none;
47
+ }
48
+
49
+ .e-ddl.e-popup {
50
+ border: 0;
51
+ -webkit-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);
52
+ 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);
53
+ margin-top: 2px;
54
+ }
55
+
56
+ .e-popup.e-ddl .e-dropdownbase {
57
+ min-height: 26px;
58
+ }
59
+
60
+ .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
61
+ border-color: #e0e0e0;
62
+ }
63
+
64
+ .e-bigger .e-popup.e-ddl-device-filter {
65
+ margin-top: 0;
66
+ }
67
+
68
+ .e-bigger .e-ddl-device .e-input-group,
69
+ .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
70
+ background: #f5f5f5;
71
+ border-width: 0;
72
+ -webkit-box-shadow: none;
73
+ box-shadow: none;
74
+ margin-bottom: 0;
75
+ }
76
+
77
+ .e-bigger .e-ddl-device .e-input-group .e-back-icon,
78
+ .e-bigger .e-ddl-device .e-input-group input.e-input,
79
+ .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
80
+ background-color: #f5f5f5;
81
+ }
82
+
83
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
84
+ margin: 6px 6px 5px;
85
+ min-height: 12px;
86
+ min-width: 12px;
87
+ padding: 6px;
88
+ }
89
+
90
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
91
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
92
+ min-height: 16px;
93
+ min-width: 16px;
94
+ }
95
+
96
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
97
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
98
+ padding: 8px 16px 8px 0;
99
+ }
100
+
101
+ .e-input-group.e-ddl,
102
+ .e-input-group.e-ddl .e-input,
103
+ .e-input-group.e-ddl .e-ddl-icon {
104
+ background: transparent;
105
+ }
106
+
107
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
108
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
109
+ border-bottom-width: 0;
110
+ }
111
+
112
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
113
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
114
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
115
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
116
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
117
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
118
+ margin: 0;
119
+ }
120
+
121
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
122
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
123
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
124
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
125
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
126
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
127
+ padding: 5px 5px 5px 12px;
128
+ }
129
+
130
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
131
+ .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
132
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
133
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
134
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
135
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
136
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
137
+ min-height: 18px;
138
+ min-width: 18px;
139
+ }
140
+
141
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
142
+ .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
143
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
144
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
145
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
146
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
147
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
148
+ padding: 8px 16px;
149
+ }
150
+
151
+ .e-ddl.e-popup.e-outline .e-filter-parent {
152
+ padding: 4px 8px;
153
+ }
154
+
155
+ /*! component's theme wise override definitions and variables */
156
+ @-webkit-keyframes hscroll-popup-shadow {
157
+ 0% {
158
+ border-color: rgba(255, 255, 255, 0.5);
159
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
160
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
161
+ }
162
+ 100% {
163
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
164
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
165
+ }
166
+ }
167
+ @keyframes hscroll-popup-shadow {
168
+ 0% {
169
+ border-color: rgba(255, 255, 255, 0.5);
170
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
171
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
172
+ }
173
+ 100% {
174
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
175
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
176
+ }
177
+ }
178
+ /*! component's theme wise override definitions and variables */
179
+ @-webkit-keyframes vscroll-popup-shadow {
180
+ 0% {
181
+ border-color: rgba(255, 255, 255, 0.5);
182
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
183
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
184
+ }
185
+ 100% {
186
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
187
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
188
+ }
189
+ }
190
+ @keyframes vscroll-popup-shadow {
191
+ 0% {
192
+ border-color: rgba(255, 255, 255, 0.5);
193
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
194
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
195
+ }
196
+ 100% {
197
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
198
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
199
+ }
200
+ }
201
+ @-webkit-keyframes tbar-popup-shadow {
202
+ 0% {
203
+ border-color: rgba(255, 255, 255, 0.5);
204
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
205
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
206
+ }
207
+ 100% {
208
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
209
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
210
+ }
211
+ }
212
+ @keyframes tbar-popup-shadow {
213
+ 0% {
214
+ border-color: rgba(255, 255, 255, 0.5);
215
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
216
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
217
+ }
218
+ 100% {
219
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
220
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
221
+ }
222
+ }
223
+ @-webkit-keyframes tbar-alt-popup-shadow {
224
+ 0% {
225
+ border-color: rgba(0, 0, 0, 0.12);
226
+ -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
227
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
228
+ }
229
+ 100% {
230
+ -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
231
+ box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
232
+ }
233
+ }
234
+ @keyframes tbar-alt-popup-shadow {
235
+ 0% {
236
+ border-color: rgba(0, 0, 0, 0.12);
237
+ -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
238
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
239
+ }
240
+ 100% {
241
+ -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
242
+ box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
243
+ }
244
+ }
245
+ @-webkit-keyframes hscroll-alt-popup-shadow {
246
+ 0% {
247
+ border-color: rgba(0, 0, 0, 0.12);
248
+ -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
249
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
250
+ }
251
+ 100% {
252
+ -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
253
+ box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
254
+ }
255
+ }
256
+ @keyframes hscroll-alt-popup-shadow {
257
+ 0% {
258
+ border-color: rgba(0, 0, 0, 0.12);
259
+ -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
260
+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
261
+ }
262
+ 100% {
263
+ -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
264
+ box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
265
+ }
266
+ }
267
+ .e-ribbon .e-drop-icon::before {
268
+ content: "\e94d";
269
+ }
270
+
271
+ .e-ribbon.e-rbn {
272
+ display: block;
273
+ border-radius: unset;
274
+ }
275
+ .e-ribbon.e-rbn .e-ribbon-tab .e-toolbar {
276
+ min-height: auto;
277
+ display: inline-block;
278
+ }
279
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
280
+ display: none;
281
+ }
282
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
283
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
284
+ font-size: 14px;
285
+ font-weight: 400;
286
+ line-height: 22px;
287
+ position: absolute;
288
+ padding: 10px 15px;
289
+ border: 1px solid;
290
+ border-width: 0 0 1px 0;
291
+ -webkit-box-shadow: none;
292
+ box-shadow: none;
293
+ text-transform: none;
294
+ }
295
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active,
296
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active {
297
+ border-radius: unset;
298
+ }
299
+ .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,
300
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active,
301
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:focus {
302
+ -webkit-box-shadow: none;
303
+ box-shadow: none;
304
+ outline: none;
305
+ }
306
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
307
+ position: absolute;
308
+ top: 0;
309
+ display: -webkit-box;
310
+ display: -ms-flexbox;
311
+ display: flex;
312
+ -webkit-box-align: center;
313
+ -ms-flex-align: center;
314
+ align-items: center;
315
+ height: 42px;
316
+ padding-right: 12px;
317
+ border-bottom: 1px solid;
318
+ }
319
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
320
+ border-bottom: 1px solid;
321
+ }
322
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
323
+ height: 42px;
324
+ min-height: 42px;
325
+ }
326
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header::before {
327
+ border-width: 0;
328
+ }
329
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-indicator {
330
+ display: block;
331
+ z-index: 1;
332
+ }
333
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items {
334
+ height: 42px;
335
+ min-height: auto;
336
+ }
337
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
338
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
339
+ margin: 0;
340
+ }
341
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item {
342
+ vertical-align: unset;
343
+ margin: 0;
344
+ border: none;
345
+ border-radius: unset;
346
+ }
347
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
348
+ height: auto;
349
+ min-height: auto;
350
+ }
351
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active {
352
+ border: none;
353
+ }
354
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active::before {
355
+ display: none;
356
+ }
357
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
358
+ padding: 0;
359
+ height: auto;
360
+ border: none;
361
+ }
362
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text {
363
+ font-size: 14px;
364
+ font-weight: 400;
365
+ line-height: 22px;
366
+ padding: 10px 15px;
367
+ text-transform: none;
368
+ margin: 0;
369
+ }
370
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-text-wrap {
371
+ height: auto;
372
+ }
373
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
374
+ display: none;
375
+ }
376
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap .e-tab-text {
377
+ font-weight: 400;
378
+ }
379
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
380
+ -webkit-box-shadow: none;
381
+ box-shadow: none;
382
+ }
383
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
384
+ padding: 0;
385
+ }
386
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav {
387
+ height: auto;
388
+ min-height: auto;
389
+ min-width: auto;
390
+ width: auto;
391
+ border-style: solid;
392
+ -webkit-transform: none;
393
+ transform: none;
394
+ border-width: 1px;
395
+ border-radius: unset;
396
+ z-index: 3;
397
+ }
398
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
399
+ display: none;
400
+ }
401
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
402
+ font-size: 16px;
403
+ font-weight: 400;
404
+ line-height: 16px;
405
+ height: auto;
406
+ -webkit-transform: none;
407
+ transform: none;
408
+ padding: 0 4px;
409
+ width: auto;
410
+ letter-spacing: unset;
411
+ }
412
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow::before {
413
+ font-size: 16px;
414
+ line-height: 16px;
415
+ }
416
+ .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
417
+ height: 42px;
418
+ }
419
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
420
+ height: auto;
421
+ }
422
+ .e-ribbon.e-rbn .e-content {
423
+ width: 100%;
424
+ }
425
+ .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
426
+ width: calc(100% - 20px);
427
+ }
428
+ .e-ribbon.e-rbn .e-ribbon-collapse-btn {
429
+ bottom: 0;
430
+ cursor: pointer;
431
+ position: absolute;
432
+ line-height: 12px;
433
+ padding: 2px;
434
+ border: none;
435
+ }
436
+ .e-ribbon.e-rbn .e-ribbon-collapse-btn:not(.e-ribbon-expand-btn) {
437
+ -webkit-transform: rotate(180deg);
438
+ transform: rotate(180deg);
439
+ }
440
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-content {
441
+ width: calc(100% - 20px - 40px);
442
+ }
443
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
444
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
445
+ cursor: pointer;
446
+ border-radius: unset;
447
+ padding: 0;
448
+ border: none;
449
+ height: 32px;
450
+ margin: auto;
451
+ -webkit-box-shadow: none;
452
+ box-shadow: none;
453
+ }
454
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
455
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
456
+ font-size: 16px;
457
+ line-height: 16px;
458
+ padding: 8px;
459
+ margin: 0;
460
+ width: auto;
461
+ }
462
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus,
463
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
464
+ outline: none;
465
+ }
466
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
467
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
468
+ display: none;
469
+ }
470
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
471
+ bottom: 5px;
472
+ position: absolute;
473
+ }
474
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-ribbon-hide {
475
+ display: none;
476
+ }
477
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-container {
478
+ display: -webkit-inline-box;
479
+ display: -ms-inline-flexbox;
480
+ display: inline-flex;
481
+ }
482
+ .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 {
483
+ display: none;
484
+ }
485
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
486
+ height: 36px;
487
+ }
488
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper {
489
+ margin: 0;
490
+ }
491
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
492
+ width: 95px;
493
+ margin: 0;
494
+ border-radius: 0;
495
+ max-height: 34px;
496
+ }
497
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled {
498
+ pointer-events: none;
499
+ }
500
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-text {
501
+ font-size: 12px;
502
+ }
503
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
504
+ overflow-y: hidden;
505
+ }
506
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
507
+ margin-bottom: 0;
508
+ }
509
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
510
+ padding-top: 2px;
511
+ height: auto;
512
+ }
513
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group.e-ribbon-emptyCollection::after {
514
+ display: none;
515
+ }
516
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group.e-ribbon-emptyCollection .e-ribbon-group-container {
517
+ padding: 0;
518
+ }
519
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-launcher-icon {
520
+ display: none;
521
+ }
522
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-container {
523
+ padding: 0 7px 0 8px;
524
+ }
525
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content {
526
+ padding: 0;
527
+ height: 42px;
528
+ -webkit-box-align: center;
529
+ -ms-flex-align: center;
530
+ align-items: center;
531
+ }
532
+ .e-ribbon.e-rbn .e-ribbon-tab-item {
533
+ display: -webkit-inline-box;
534
+ display: -ms-inline-flexbox;
535
+ display: inline-flex;
536
+ }
537
+ .e-ribbon.e-rbn .e-ribbon-group {
538
+ position: relative;
539
+ padding-top: 6px;
540
+ height: 140px;
541
+ }
542
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
543
+ display: none;
544
+ }
545
+ .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
546
+ pointer-events: none;
547
+ }
548
+ .e-ribbon.e-rbn .e-ribbon-group::after {
549
+ border-right: 1px solid;
550
+ content: "";
551
+ height: calc(100% - 16px);
552
+ position: absolute;
553
+ top: 8px;
554
+ }
555
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-collapse-btn,
556
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-help-template,
557
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-group::after {
558
+ right: 0;
559
+ }
560
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-overall-of-btn {
561
+ right: 0;
562
+ }
563
+ .e-ribbon.e-rbn:not(.e-rtl).e-ribbon-collapsible .e-ribbon-overall-of-btn {
564
+ right: 25px;
565
+ }
566
+ .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
567
+ left: var(--fileMenuWidth);
568
+ }
569
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
570
+ padding-right: 30px;
571
+ }
572
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
573
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
574
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
575
+ left: 0;
576
+ }
577
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-overall-of-btn {
578
+ left: 0;
579
+ }
580
+ .e-ribbon.e-rbn.e-rtl.e-ribbon-collapsible .e-ribbon-overall-of-btn {
581
+ left: 25px;
582
+ }
583
+ .e-ribbon.e-rbn.e-rtl .e-tab-header {
584
+ right: var(--fileMenuWidth);
585
+ }
586
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
587
+ padding-left: 30px;
588
+ }
589
+
590
+ .e-ribbon-backstage-popup.e-ribbon-backstage-open {
591
+ display: -webkit-box;
592
+ display: -ms-flexbox;
593
+ display: flex;
594
+ }
595
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper {
596
+ display: -webkit-box;
597
+ display: -ms-flexbox;
598
+ display: flex;
599
+ -webkit-box-orient: vertical;
600
+ -webkit-box-direction: normal;
601
+ -ms-flex-direction: column;
602
+ flex-direction: column;
603
+ }
604
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-items-wrapper {
605
+ display: -webkit-box;
606
+ display: -ms-flexbox;
607
+ display: flex;
608
+ -webkit-box-orient: vertical;
609
+ -webkit-box-direction: normal;
610
+ -ms-flex-direction: column;
611
+ flex-direction: column;
612
+ -webkit-box-pack: justify;
613
+ -ms-flex-pack: justify;
614
+ justify-content: space-between;
615
+ height: 100%;
616
+ }
617
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
618
+ border: none;
619
+ border-radius: unset;
620
+ -webkit-box-shadow: none;
621
+ box-shadow: none;
622
+ padding: unset;
623
+ text-align: start;
624
+ width: 100%;
625
+ height: 32px;
626
+ line-height: 32px;
627
+ }
628
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn .e-btn-icon {
629
+ font-size: 16px;
630
+ line-height: 16px;
631
+ width: auto;
632
+ margin: 0;
633
+ padding: 8px 16px;
634
+ }
635
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:focus {
636
+ border-style: solid;
637
+ border-width: 0;
638
+ }
639
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:hover {
640
+ border-style: solid;
641
+ border-width: 0;
642
+ }
643
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:focus:hover {
644
+ border-style: solid;
645
+ border-width: 0;
646
+ }
647
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu {
648
+ border: unset;
649
+ border-radius: unset;
650
+ }
651
+ .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 {
652
+ min-width: 135px;
653
+ }
654
+ .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 {
655
+ margin: 4px 20px;
656
+ }
657
+ .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) {
658
+ height: 32px;
659
+ line-height: 32px;
660
+ padding: 0;
661
+ }
662
+ .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 {
663
+ border-style: solid;
664
+ border-width: 0;
665
+ }
666
+ .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 {
667
+ border-style: solid;
668
+ border-width: 0;
669
+ }
670
+ .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 {
671
+ border-style: solid;
672
+ border-width: 0;
673
+ }
674
+ .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 {
675
+ font-size: 16px;
676
+ line-height: 16px;
677
+ width: auto;
678
+ margin-right: unset;
679
+ padding: 8px 16px;
680
+ }
681
+ .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 {
682
+ padding-left: 48px !important; /* stylelint-disable-line declaration-no-important */
683
+ }
684
+ .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,
685
+ .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 {
686
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
687
+ padding-right: 48px !important; /* stylelint-disable-line declaration-no-important */
688
+ }
689
+ .e-ribbon-backstage-popup .e-ribbon-backstage-content {
690
+ overflow: auto;
691
+ }
692
+
693
+ .e-ribbon.e-rbn,
694
+ .e-ribbon-group-overflow-ddb {
695
+ border: none;
696
+ }
697
+ .e-ribbon.e-rbn .e-disabled,
698
+ .e-ribbon-group-overflow-ddb .e-disabled {
699
+ opacity: 0.35;
700
+ }
701
+ .e-ribbon.e-rbn .e-input-group,
702
+ .e-ribbon-group-overflow-ddb .e-input-group {
703
+ height: 32px;
704
+ border-radius: unset;
705
+ margin: 0 0 4px;
706
+ }
707
+ .e-ribbon.e-rbn .e-input-group input.e-input,
708
+ .e-ribbon-group-overflow-ddb .e-input-group input.e-input {
709
+ font-size: 14px;
710
+ font-weight: 400;
711
+ line-height: 22px;
712
+ height: auto;
713
+ min-height: auto;
714
+ padding: 5px 0 5px 8px;
715
+ }
716
+ .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
717
+ .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
718
+ font-size: 12px;
719
+ font-weight: 400;
720
+ line-height: 12px;
721
+ height: auto;
722
+ min-height: auto;
723
+ padding: 11px 1px 9px 2px;
724
+ margin: 0;
725
+ border: none;
726
+ min-width: auto;
727
+ border-radius: unset;
728
+ }
729
+ .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
730
+ .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon {
731
+ font-size: 12px;
732
+ }
733
+ .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
734
+ .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
735
+ min-width: auto;
736
+ min-height: auto;
737
+ border-radius: unset;
738
+ }
739
+ .e-ribbon.e-rbn .e-input-group .e-clear-icon,
740
+ .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
741
+ min-width: auto;
742
+ }
743
+ .e-ribbon.e-rbn .e-ribbon-group-content,
744
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-content {
745
+ padding: 0 8px;
746
+ }
747
+ .e-ribbon.e-rbn .e-ribbon-content-height,
748
+ .e-ribbon-group-overflow-ddb .e-ribbon-content-height {
749
+ height: 108px;
750
+ }
751
+ .e-ribbon.e-rbn .e-ribbon-group-header,
752
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-header {
753
+ font-size: 10px;
754
+ line-height: 15px;
755
+ -webkit-box-align: center;
756
+ -ms-flex-align: center;
757
+ align-items: center;
758
+ display: -webkit-box;
759
+ display: -ms-flexbox;
760
+ display: flex;
761
+ -webkit-box-pack: center;
762
+ -ms-flex-pack: center;
763
+ justify-content: center;
764
+ white-space: nowrap;
765
+ padding: 9px 11px 2px;
766
+ }
767
+ .e-ribbon.e-rbn .e-ribbon-launcher-icon,
768
+ .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
769
+ position: absolute;
770
+ bottom: 0;
771
+ margin: 0 7px 2px 0;
772
+ cursor: pointer;
773
+ border: none;
774
+ }
775
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-launcher .e-ribbon-group-header,
776
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-launcher .e-ribbon-group-header {
777
+ margin-right: 20px;
778
+ }
779
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-launcher .e-ribbon-launcher-icon,
780
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-launcher .e-ribbon-launcher-icon {
781
+ right: 0;
782
+ }
783
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher .e-ribbon-group-header,
784
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher .e-ribbon-group-header {
785
+ margin-left: 20px;
786
+ }
787
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher .e-ribbon-launcher-icon,
788
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher .e-ribbon-launcher-icon {
789
+ left: 0;
790
+ margin: 0 0 2px 7px;
791
+ }
792
+ .e-ribbon.e-rbn .e-ribbon-column,
793
+ .e-ribbon-group-overflow-ddb .e-ribbon-column {
794
+ display: -webkit-inline-box;
795
+ display: -ms-inline-flexbox;
796
+ display: inline-flex;
797
+ -webkit-box-orient: horizontal;
798
+ -webkit-box-direction: normal;
799
+ -ms-flex-direction: row;
800
+ flex-direction: row;
801
+ }
802
+ .e-ribbon.e-rbn .e-ribbon-row,
803
+ .e-ribbon-group-overflow-ddb .e-ribbon-row {
804
+ display: -webkit-inline-box;
805
+ display: -ms-inline-flexbox;
806
+ display: inline-flex;
807
+ -webkit-box-orient: vertical;
808
+ -webkit-box-direction: normal;
809
+ -ms-flex-direction: column;
810
+ flex-direction: column;
811
+ }
812
+ .e-ribbon.e-rbn .e-ribbon-group-overflow,
813
+ .e-ribbon.e-rbn .e-ribbon-item,
814
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow,
815
+ .e-ribbon-group-overflow-ddb .e-ribbon-item {
816
+ display: -webkit-box;
817
+ display: -ms-flexbox;
818
+ display: flex;
819
+ padding: 1px;
820
+ vertical-align: middle;
821
+ }
822
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-gallery-wrapper,
823
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper,
824
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-gallery-wrapper,
825
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-gallery-wrapper {
826
+ display: -webkit-box;
827
+ display: -ms-flexbox;
828
+ display: flex;
829
+ margin: 0;
830
+ }
831
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
832
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
833
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
834
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
835
+ max-height: 107px;
836
+ margin: 0;
837
+ border-radius: 0;
838
+ }
839
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-gallery-button,
840
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-button,
841
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-gallery-button,
842
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-gallery-button {
843
+ padding: 0 3px;
844
+ border-width: 0 0 0 1px;
845
+ border-radius: 0 4px 4px 0;
846
+ line-height: 10px;
847
+ font-weight: 400;
848
+ font-size: 10px;
849
+ }
850
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-hidden,
851
+ .e-ribbon.e-rbn .e-ribbon-item.e-hidden,
852
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-hidden,
853
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-hidden {
854
+ display: none;
855
+ }
856
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn,
857
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn,
858
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn,
859
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
860
+ border: none;
861
+ border-radius: unset;
862
+ font-weight: 400;
863
+ font-size: 12px;
864
+ text-transform: none;
865
+ -webkit-box-shadow: none;
866
+ box-shadow: none;
867
+ }
868
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
869
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
870
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:focus,
871
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:focus {
872
+ outline: none;
873
+ }
874
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
875
+ .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),
876
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
877
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
878
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
879
+ .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),
880
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
881
+ .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) {
882
+ border: none;
883
+ }
884
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
885
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
886
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
887
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
888
+ height: 100%;
889
+ min-height: inherit;
890
+ display: -webkit-box;
891
+ display: -ms-flexbox;
892
+ display: flex;
893
+ -webkit-box-orient: vertical;
894
+ -webkit-box-direction: normal;
895
+ -ms-flex-direction: column;
896
+ flex-direction: column;
897
+ max-width: 10ch;
898
+ min-width: -webkit-fit-content;
899
+ min-width: -moz-fit-content;
900
+ min-width: fit-content;
901
+ white-space: normal;
902
+ padding: 0 3px;
903
+ line-height: 18px;
904
+ -webkit-box-pack: start;
905
+ -ms-flex-pack: start;
906
+ justify-content: flex-start;
907
+ -webkit-box-align: center;
908
+ -ms-flex-align: center;
909
+ align-items: center;
910
+ }
911
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
912
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
913
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
914
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb {
915
+ max-width: 100%;
916
+ }
917
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
918
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
919
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
920
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
921
+ font-size: 32px;
922
+ font-weight: 400;
923
+ padding: 8px 6px 6px;
924
+ }
925
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
926
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top,
927
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
928
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top {
929
+ height: 50%;
930
+ }
931
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
932
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
933
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
934
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn {
935
+ gap: 7px;
936
+ }
937
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
938
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
939
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
940
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn {
941
+ -webkit-box-pack: space-evenly;
942
+ -ms-flex-pack: space-evenly;
943
+ justify-content: space-evenly;
944
+ height: 50%;
945
+ }
946
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
947
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
948
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
949
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top {
950
+ height: 100%;
951
+ }
952
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
953
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
954
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
955
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
956
+ font-size: 12px;
957
+ line-height: 12px;
958
+ padding: 0 15px;
959
+ }
960
+ .e-ribbon.e-rbn .e-ribbon-group-overflow,
961
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow {
962
+ height: 108px;
963
+ padding: 2px 8px;
964
+ }
965
+ .e-ribbon.e-rbn .e-ribbon-item,
966
+ .e-ribbon-group-overflow-ddb .e-ribbon-item {
967
+ min-height: 33%;
968
+ padding: 2px;
969
+ }
970
+ .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
971
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container) {
972
+ padding: 0;
973
+ border-style: solid;
974
+ border-width: 1px;
975
+ }
976
+ .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
977
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
978
+ height: 108px;
979
+ border-radius: 0;
980
+ }
981
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group,
982
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group {
983
+ -webkit-box-shadow: none;
984
+ box-shadow: none;
985
+ }
986
+ .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
987
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
988
+ height: -webkit-fit-content;
989
+ height: -moz-fit-content;
990
+ height: fit-content;
991
+ margin: auto 0;
992
+ width: -webkit-max-content;
993
+ width: -moz-max-content;
994
+ width: max-content;
995
+ padding: 0 8px;
996
+ }
997
+ .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
998
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
999
+ font-size: 12px;
1000
+ }
1001
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn,
1002
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
1003
+ -webkit-box-shadow: none;
1004
+ box-shadow: none;
1005
+ }
1006
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:disabled,
1007
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:disabled {
1008
+ pointer-events: none;
1009
+ }
1010
+ .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
1011
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
1012
+ border: 1px solid transparent;
1013
+ border-radius: unset;
1014
+ }
1015
+ .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
1016
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
1017
+ padding: 0;
1018
+ }
1019
+ .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
1020
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
1021
+ border: 1px solid transparent;
1022
+ border-radius: unset;
1023
+ -webkit-box-shadow: none;
1024
+ box-shadow: none;
1025
+ }
1026
+ .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
1027
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
1028
+ border-radius: 0;
1029
+ }
1030
+ .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1031
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
1032
+ font-size: 12px;
1033
+ padding: 0 15px;
1034
+ }
1035
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item,
1036
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item {
1037
+ min-height: 100%;
1038
+ }
1039
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical,
1040
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical {
1041
+ height: 100%;
1042
+ }
1043
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
1044
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
1045
+ margin: auto;
1046
+ }
1047
+ .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,
1048
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
1049
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
1050
+ white-space: nowrap;
1051
+ padding: 0;
1052
+ line-height: 18px;
1053
+ }
1054
+ .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,
1055
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1056
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon {
1057
+ font-size: 16px;
1058
+ line-height: 16px;
1059
+ margin: 8px;
1060
+ }
1061
+ .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,
1062
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
1063
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
1064
+ border: none;
1065
+ }
1066
+ .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,
1067
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1068
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon {
1069
+ height: 16px;
1070
+ width: 16px;
1071
+ }
1072
+ .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,
1073
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview,
1074
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
1075
+ border-radius: unset;
1076
+ }
1077
+ .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,
1078
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1079
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
1080
+ font-size: 12px;
1081
+ line-height: 12px;
1082
+ padding: 2px 4px;
1083
+ margin: 0;
1084
+ width: auto;
1085
+ }
1086
+ .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,
1087
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper .e-btn,
1088
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper .e-btn {
1089
+ margin: 0;
1090
+ }
1091
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
1092
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
1093
+ -webkit-box-align: center;
1094
+ -ms-flex-align: center;
1095
+ align-items: center;
1096
+ display: -webkit-box;
1097
+ display: -ms-flexbox;
1098
+ display: flex;
1099
+ }
1100
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1101
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1102
+ width: auto;
1103
+ }
1104
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret,
1105
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret {
1106
+ margin: 8px;
1107
+ padding: 0;
1108
+ }
1109
+ .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),
1110
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1111
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
1112
+ padding: 0 4px 0 0;
1113
+ }
1114
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1115
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1116
+ padding: 0 2px 0 0;
1117
+ }
1118
+ .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),
1119
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1120
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
1121
+ padding: 0 0 0 4px;
1122
+ }
1123
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1124
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1125
+ padding: 0 0 0 2px;
1126
+ }
1127
+
1128
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
1129
+ min-width: 190px;
1130
+ }
1131
+ .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
1132
+ display: none;
1133
+ }
1134
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-ribbon-gallery-container) {
1135
+ border: 0;
1136
+ }
1137
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-input-group) {
1138
+ margin: 5px 0;
1139
+ }
1140
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-dropdown.e-btn {
1141
+ padding: 0;
1142
+ display: -webkit-box;
1143
+ display: -ms-flexbox;
1144
+ display: flex;
1145
+ -webkit-box-align: center;
1146
+ -ms-flex-align: center;
1147
+ align-items: center;
1148
+ -webkit-box-pack: start;
1149
+ -ms-flex-pack: start;
1150
+ justify-content: flex-start;
1151
+ width: 100%;
1152
+ }
1153
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-dropdown.e-btn .e-btn-icon {
1154
+ margin: 0;
1155
+ }
1156
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-wrapper.e-hidden,
1157
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-container.e-hidden,
1158
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-button.e-hidden,
1159
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden,
1160
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
1161
+ display: none;
1162
+ }
1163
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled,
1164
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
1165
+ pointer-events: none;
1166
+ }
1167
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret {
1168
+ font-size: 12px;
1169
+ }
1170
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group {
1171
+ height: 32px;
1172
+ }
1173
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1174
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1175
+ white-space: nowrap;
1176
+ display: -webkit-box;
1177
+ display: -ms-flexbox;
1178
+ display: flex;
1179
+ -webkit-box-align: center;
1180
+ -ms-flex-align: center;
1181
+ align-items: center;
1182
+ font-weight: 400;
1183
+ font-size: 14px;
1184
+ }
1185
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper) {
1186
+ -webkit-box-align: center;
1187
+ -ms-flex-align: center;
1188
+ align-items: center;
1189
+ }
1190
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1191
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1192
+ margin: 3px 8px;
1193
+ }
1194
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1195
+ font-size: 12px;
1196
+ }
1197
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
1198
+ margin: 10px 0 10px 12px;
1199
+ padding: 0;
1200
+ }
1201
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1202
+ padding: 0;
1203
+ width: 100%;
1204
+ height: 32px;
1205
+ }
1206
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1207
+ margin: 0;
1208
+ }
1209
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
1210
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
1211
+ line-height: 12px;
1212
+ overflow: hidden;
1213
+ }
1214
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
1215
+ width: inherit;
1216
+ }
1217
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-split-btn,
1218
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
1219
+ width: 100%;
1220
+ -webkit-box-pack: start;
1221
+ -ms-flex-pack: start;
1222
+ justify-content: flex-start;
1223
+ }
1224
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
1225
+ font-size: 14px;
1226
+ font-weight: 500;
1227
+ line-height: 18px;
1228
+ padding: 6px 0 6px 12px;
1229
+ height: 26px;
1230
+ }
1231
+
1232
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1233
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1234
+ margin-left: 34px;
1235
+ }
1236
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1237
+ padding: 10px 8px 10px 12px;
1238
+ }
1239
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
1240
+ padding-left: 34px;
1241
+ }
1242
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
1243
+ margin-left: 34px;
1244
+ }
1245
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1246
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1247
+ -webkit-transform: rotate(-90deg);
1248
+ transform: rotate(-90deg);
1249
+ padding: 0 12px;
1250
+ margin: 0 0 0 auto;
1251
+ }
1252
+
1253
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
1254
+ padding: 6px 12px 6px 0;
1255
+ }
1256
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1257
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1258
+ margin-right: 34px;
1259
+ }
1260
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1261
+ padding: 10px 12px 10px 8px;
1262
+ }
1263
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
1264
+ padding-right: 34px;
1265
+ }
1266
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
1267
+ margin-right: 34px;
1268
+ }
1269
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1270
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1271
+ -webkit-transform: rotate(90deg);
1272
+ transform: rotate(90deg);
1273
+ padding: 0 12px;
1274
+ margin: 0 auto 0 0;
1275
+ }
1276
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
1277
+ margin: 10px 12px 10px 0;
1278
+ }
1279
+
1280
+ .e-dropdown-popup.e-ribbon-dropdown-group-button {
1281
+ border-radius: unset;
1282
+ border: none;
1283
+ padding: 6px 8px;
1284
+ }
1285
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-ribbon-groupbutton-header {
1286
+ padding-bottom: 3px;
1287
+ font-weight: 500;
1288
+ line-height: 18px;
1289
+ white-space: nowrap;
1290
+ }
1291
+ .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) {
1292
+ width: 100%;
1293
+ display: -webkit-box;
1294
+ display: -ms-flexbox;
1295
+ display: flex;
1296
+ -webkit-box-align: center;
1297
+ -ms-flex-align: center;
1298
+ align-items: center;
1299
+ -webkit-box-pack: start;
1300
+ -ms-flex-pack: start;
1301
+ justify-content: flex-start;
1302
+ }
1303
+ .e-dropdown-popup.e-ribbon-dropdown-group-button.e-ribbon-group-button-overflow-popup .e-btn-group:has(.e-ribbon-group-button-content) .e-btn.e-ribbon-group-button:first-of-type {
1304
+ border-top-right-radius: 4px;
1305
+ border-top-left-radius: 4px;
1306
+ border-bottom-right-radius: 0;
1307
+ border-bottom-left-radius: 0;
1308
+ }
1309
+ .e-dropdown-popup.e-ribbon-dropdown-group-button.e-ribbon-group-button-overflow-popup .e-btn-group:has(.e-ribbon-group-button-content) .e-btn.e-ribbon-group-button:last-of-type {
1310
+ border-top-right-radius: 0;
1311
+ border-top-left-radius: 0;
1312
+ border-bottom-right-radius: 4px;
1313
+ border-bottom-left-radius: 4px;
1314
+ }
1315
+ .e-dropdown-popup.e-ribbon-dropdown-group-button.e-ribbon-group-button-overflow-popup .e-btn-group:not(.e-icon-btn) {
1316
+ -webkit-box-orient: vertical;
1317
+ -webkit-box-direction: normal;
1318
+ -ms-flex-direction: column;
1319
+ flex-direction: column;
1320
+ }
1321
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group {
1322
+ -webkit-box-shadow: none;
1323
+ box-shadow: none;
1324
+ border-radius: unset;
1325
+ }
1326
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon {
1327
+ font-size: 16px;
1328
+ font-weight: 400;
1329
+ line-height: 16px;
1330
+ margin: 8px;
1331
+ width: auto;
1332
+ }
1333
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
1334
+ padding: 0 2px 0 0;
1335
+ }
1336
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button {
1337
+ padding: 0;
1338
+ font-weight: 400;
1339
+ font-size: 12px;
1340
+ border: 1px solid #616161;
1341
+ text-transform: none;
1342
+ }
1343
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn) {
1344
+ padding: 0 8px 0 0;
1345
+ }
1346
+ .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 {
1347
+ outline: none;
1348
+ -webkit-box-shadow: none !important;
1349
+ box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
1350
+ }
1351
+
1352
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-popup-container .e-ribbon-gallery-header:first-child,
1353
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-popup-container .e-ribbon-gallery-header:first-child {
1354
+ padding-top: 0;
1355
+ }
1356
+
1357
+ .e-ribbon-gallery-popup.e-popup,
1358
+ .e-ribbon-gallery-dropdown.e-popup {
1359
+ border-radius: 4px;
1360
+ padding: 8px 12px 12px;
1361
+ overflow: auto;
1362
+ }
1363
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
1364
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-header {
1365
+ font-size: 12px;
1366
+ font-weight: 500;
1367
+ line-height: 18px;
1368
+ padding: 8px 0 4px;
1369
+ }
1370
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item,
1371
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item {
1372
+ margin: 2px;
1373
+ height: 54px;
1374
+ width: 73px;
1375
+ }
1376
+
1377
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item {
1378
+ width: 95px;
1379
+ }
1380
+
1381
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container,
1382
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container,
1383
+ .e-ribbon-group-overflow .e-ribbon-gallery-container,
1384
+ .e-ribbon-item .e-ribbon-gallery-container {
1385
+ padding: 0;
1386
+ margin: 0;
1387
+ display: -webkit-box;
1388
+ display: -ms-flexbox;
1389
+ display: flex;
1390
+ -ms-flex-line-pack: distribute;
1391
+ align-content: space-around;
1392
+ }
1393
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item,
1394
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item,
1395
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item,
1396
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item {
1397
+ display: inherit;
1398
+ -webkit-box-orient: vertical;
1399
+ -webkit-box-direction: normal;
1400
+ -ms-flex-direction: column;
1401
+ flex-direction: column;
1402
+ -webkit-box-align: center;
1403
+ -ms-flex-align: center;
1404
+ align-items: center;
1405
+ -webkit-box-pack: center;
1406
+ -ms-flex-pack: center;
1407
+ justify-content: center;
1408
+ text-align: center;
1409
+ list-style-type: none;
1410
+ padding: 5px 0;
1411
+ cursor: pointer;
1412
+ border-width: 2px;
1413
+ border-style: solid;
1414
+ border-radius: 4px;
1415
+ }
1416
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled,
1417
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled,
1418
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled,
1419
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled {
1420
+ pointer-events: none;
1421
+ }
1422
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden,
1423
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden,
1424
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden,
1425
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden {
1426
+ display: none;
1427
+ }
1428
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons,
1429
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons,
1430
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons,
1431
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons {
1432
+ font-size: 20px;
1433
+ font-weight: 400;
1434
+ line-height: 20px;
1435
+ padding: 3px;
1436
+ background-size: cover;
1437
+ }
1438
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover, .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
1439
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
1440
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
1441
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
1442
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
1443
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
1444
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected {
1445
+ border-radius: 4px;
1446
+ }
1447
+
1448
+ .e-ribbon-gallery-text {
1449
+ font-size: 14px;
1450
+ font-weight: 400;
1451
+ line-height: 22px;
1452
+ width: inherit;
1453
+ overflow: hidden;
1454
+ white-space: nowrap;
1455
+ text-overflow: ellipsis;
1456
+ }
1457
+
1458
+ .e-ribbon-keytip {
1459
+ font-size: 14px;
1460
+ line-height: 18px;
1461
+ min-width: 20px;
1462
+ height: 20px;
1463
+ border-radius: unset;
1464
+ }
1465
+ .e-ribbon-keytip.e-popup-open {
1466
+ display: -webkit-box;
1467
+ display: -ms-flexbox;
1468
+ display: flex;
1469
+ -webkit-box-pack: center;
1470
+ -ms-flex-pack: center;
1471
+ justify-content: center;
1472
+ -webkit-box-align: center;
1473
+ -ms-flex-align: center;
1474
+ align-items: center;
1475
+ }
1476
+
1477
+ .e-ribbon-menu {
1478
+ display: block;
1479
+ }
1480
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
1481
+ border: none;
1482
+ border-radius: unset;
1483
+ }
1484
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
1485
+ border-radius: unset;
1486
+ }
1487
+ .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 {
1488
+ width: auto;
1489
+ }
1490
+ .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 {
1491
+ padding-left: 34px !important; /* stylelint-disable-line declaration-no-important */
1492
+ }
1493
+
1494
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
1495
+ font-size: 14px;
1496
+ height: 36px;
1497
+ -webkit-box-align: center;
1498
+ -ms-flex-align: center;
1499
+ align-items: center;
1500
+ }
1501
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1502
+ font-size: 16px;
1503
+ line-height: 16px;
1504
+ }
1505
+
1506
+ .e-ribbon-tooltip .e-tip-content {
1507
+ padding: 4px;
1508
+ }
1509
+ .e-ribbon-tooltip .e-tip-content .e-ribbon-tooltip-title {
1510
+ font-size: 12px;
1511
+ line-height: 18px;
1512
+ padding: 4px 4px 0;
1513
+ }
1514
+ .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container {
1515
+ padding: 4px;
1516
+ display: -webkit-box;
1517
+ display: -ms-flexbox;
1518
+ display: flex;
1519
+ }
1520
+ .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container .e-ribbon-tooltip-content {
1521
+ font-size: 10px;
1522
+ line-height: 15px;
1523
+ }
1524
+ .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container .e-ribbon-tooltip-icon {
1525
+ font-size: 32px;
1526
+ line-height: 32px;
1527
+ padding-right: 8px;
1528
+ }
1529
+
1530
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group,
1531
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group {
1532
+ height: 159px;
1533
+ }
1534
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
1535
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage,
1536
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
1537
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
1538
+ font-size: 16px;
1539
+ line-height: 24px;
1540
+ padding: 16px 18px;
1541
+ }
1542
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template,
1543
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
1544
+ padding-right: 16px;
1545
+ height: 56px;
1546
+ }
1547
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
1548
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
1549
+ min-height: auto;
1550
+ }
1551
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
1552
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
1553
+ height: 56px;
1554
+ min-height: 56px;
1555
+ }
1556
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items,
1557
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items {
1558
+ height: 56px;
1559
+ }
1560
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item,
1561
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item {
1562
+ margin-right: 0;
1563
+ }
1564
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text,
1565
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text {
1566
+ font-size: 16px;
1567
+ line-height: 24px;
1568
+ padding: 16px 18px;
1569
+ }
1570
+ .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,
1571
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus,
1572
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
1573
+ height: 56px;
1574
+ }
1575
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-content,
1576
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
1577
+ width: calc(100% - 24px);
1578
+ }
1579
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn,
1580
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn {
1581
+ font-size: 20px;
1582
+ line-height: 20px;
1583
+ padding: 2px;
1584
+ }
1585
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content,
1586
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content {
1587
+ width: calc(100% - 24px - 40px);
1588
+ }
1589
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
1590
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
1591
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
1592
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn {
1593
+ height: 34px;
1594
+ }
1595
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1596
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon,
1597
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1598
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
1599
+ font-size: 20px;
1600
+ line-height: 20px;
1601
+ padding: 7px;
1602
+ }
1603
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
1604
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn {
1605
+ bottom: 9px;
1606
+ }
1607
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow:not(.e-rtl) .e-ribbon-overall-of-btn,
1608
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow:not(.e-rtl) .e-ribbon-overall-of-btn {
1609
+ right: 28px;
1610
+ }
1611
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow.e-rtl .e-ribbon-overall-of-btn,
1612
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow.e-rtl .e-ribbon-overall-of-btn {
1613
+ left: 28px;
1614
+ }
1615
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
1616
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
1617
+ height: 120px;
1618
+ }
1619
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
1620
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container) {
1621
+ padding: 0;
1622
+ }
1623
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
1624
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
1625
+ max-height: 119px;
1626
+ width: 119px;
1627
+ }
1628
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
1629
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
1630
+ height: 40px;
1631
+ }
1632
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
1633
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
1634
+ max-height: 39px;
1635
+ }
1636
+
1637
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-header,
1638
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-header,
1639
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-header,
1640
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-header {
1641
+ font-size: 12px;
1642
+ line-height: 18px;
1643
+ padding: 11px 11px 4px;
1644
+ }
1645
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-launcher-icon,
1646
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-launcher-icon,
1647
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon,
1648
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
1649
+ margin: 0 8px 8px 0;
1650
+ }
1651
+ .e-bigger.e-ribbon.e-rbn.e-rtl .e-ribbon-launcher-icon,
1652
+ .e-bigger .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher-icon,
1653
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher-icon,
1654
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher-icon {
1655
+ margin: 0 0 8px 8px;
1656
+ }
1657
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group,
1658
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group,
1659
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group,
1660
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
1661
+ height: auto;
1662
+ }
1663
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
1664
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
1665
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
1666
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
1667
+ margin-bottom: 0;
1668
+ }
1669
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
1670
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
1671
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
1672
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content {
1673
+ height: 52px;
1674
+ }
1675
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-content-height,
1676
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-content-height,
1677
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-content-height,
1678
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-content-height {
1679
+ height: 120px;
1680
+ }
1681
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow,
1682
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow,
1683
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow,
1684
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow {
1685
+ height: 120px;
1686
+ }
1687
+ .e-bigger.e-ribbon.e-rbn .e-input-group,
1688
+ .e-bigger .e-ribbon.e-rbn .e-input-group,
1689
+ .e-bigger .e-ribbon-group-overflow-ddb .e-input-group,
1690
+ .e-bigger.e-ribbon-group-overflow-ddb .e-input-group {
1691
+ height: 36px;
1692
+ margin: 0 0 4px;
1693
+ }
1694
+ .e-bigger.e-ribbon.e-rbn .e-input-group:not(.e-float-input) .e-input,
1695
+ .e-bigger .e-ribbon.e-rbn .e-input-group:not(.e-float-input) .e-input,
1696
+ .e-bigger .e-ribbon-group-overflow-ddb .e-input-group:not(.e-float-input) .e-input,
1697
+ .e-bigger.e-ribbon-group-overflow-ddb .e-input-group:not(.e-float-input) .e-input {
1698
+ min-height: auto;
1699
+ }
1700
+ .e-bigger.e-ribbon.e-rbn .e-input-group input.e-input,
1701
+ .e-bigger .e-ribbon.e-rbn .e-input-group input.e-input,
1702
+ .e-bigger .e-ribbon-group-overflow-ddb .e-input-group input.e-input,
1703
+ .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
1704
+ font-size: 14px;
1705
+ line-height: 22px;
1706
+ padding: 7px 0 7px 13px;
1707
+ height: auto;
1708
+ }
1709
+ .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
1710
+ .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
1711
+ .e-bigger .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon,
1712
+ .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
1713
+ font-size: 16px;
1714
+ line-height: 16px;
1715
+ padding: 10px 2px;
1716
+ }
1717
+ .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1718
+ .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1719
+ .e-bigger .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1720
+ .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon {
1721
+ font-size: 16px;
1722
+ }
1723
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item,
1724
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item,
1725
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item,
1726
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item {
1727
+ padding: 2px;
1728
+ }
1729
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
1730
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
1731
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper,
1732
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
1733
+ padding: 0 8px;
1734
+ }
1735
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
1736
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
1737
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label,
1738
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
1739
+ font-size: 16px;
1740
+ }
1741
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1742
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
1743
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1744
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
1745
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1746
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn,
1747
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1748
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
1749
+ font-size: 16px;
1750
+ line-height: 24px;
1751
+ padding: 0 5px;
1752
+ max-width: 10ch;
1753
+ }
1754
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1755
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1756
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1757
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1758
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1759
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1760
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1761
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1762
+ font-size: 36px;
1763
+ padding: 12px 8px 0;
1764
+ }
1765
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1766
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
1767
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1768
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
1769
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1770
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
1771
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1772
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn {
1773
+ gap: 6px;
1774
+ }
1775
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1776
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1777
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1778
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1779
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1780
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1781
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1782
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
1783
+ font-size: 16px;
1784
+ line-height: 16px;
1785
+ padding: 0 18px;
1786
+ }
1787
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1788
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1789
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1790
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1791
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1792
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1793
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1794
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
1795
+ font-size: 16px;
1796
+ line-height: 16px;
1797
+ padding: 0 18px;
1798
+ }
1799
+ .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,
1800
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
1801
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
1802
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
1803
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
1804
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
1805
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
1806
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
1807
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
1808
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
1809
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
1810
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
1811
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
1812
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
1813
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn {
1814
+ font-size: 16px;
1815
+ line-height: 22px;
1816
+ }
1817
+ .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,
1818
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1819
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1820
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
1821
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
1822
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1823
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1824
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
1825
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
1826
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1827
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1828
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
1829
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
1830
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1831
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon {
1832
+ font-size: 20px;
1833
+ line-height: 20px;
1834
+ margin: 8px;
1835
+ }
1836
+ .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,
1837
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1838
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1839
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1840
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1841
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1842
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1843
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1844
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1845
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1846
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1847
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1848
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1849
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1850
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn {
1851
+ padding: 0;
1852
+ border: none;
1853
+ }
1854
+ .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,
1855
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1856
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1857
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1858
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1859
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1860
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1861
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1862
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1863
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1864
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1865
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1866
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1867
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1868
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon {
1869
+ height: 20px;
1870
+ width: 20px;
1871
+ }
1872
+ .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,
1873
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1874
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1875
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1876
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1877
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1878
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1879
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1880
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1881
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1882
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1883
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1884
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1885
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1886
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret {
1887
+ font-size: 16px;
1888
+ line-height: 16px;
1889
+ padding: 3px 5px;
1890
+ margin: 0;
1891
+ }
1892
+
1893
+ .e-ribbon-vertical-center.e-dropdown-popup,
1894
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup {
1895
+ border-radius: unset;
1896
+ }
1897
+ .e-ribbon-vertical-center.e-ribbon-filemenu.e-dropdown-popup,
1898
+ .e-ribbon-group-overflow-ddb.e-ribbon-filemenu.e-dropdown-popup {
1899
+ border-radius: unset;
1900
+ }
1901
+
1902
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header,
1903
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
1904
+ font-size: 16px;
1905
+ line-height: 22px;
1906
+ height: 36px;
1907
+ }
1908
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret,
1909
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret {
1910
+ font-size: 12px;
1911
+ }
1912
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group,
1913
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group {
1914
+ height: 40px;
1915
+ }
1916
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item,
1917
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1918
+ height: 40px;
1919
+ }
1920
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon,
1921
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1922
+ font-size: 16px;
1923
+ }
1924
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
1925
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
1926
+ margin: 0;
1927
+ }
1928
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper),
1929
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper) {
1930
+ -webkit-box-align: center;
1931
+ -ms-flex-align: center;
1932
+ align-items: center;
1933
+ }
1934
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1935
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
1936
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1937
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1938
+ font-size: 16px;
1939
+ }
1940
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1941
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1942
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1943
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1944
+ margin: 3px 8px;
1945
+ }
1946
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
1947
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
1948
+ margin: 12px 0 12px 16px;
1949
+ padding: 0;
1950
+ }
1951
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-overflow-header,
1952
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-overflow-header {
1953
+ padding: 10px 0 10px 16px;
1954
+ }
1955
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1956
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
1957
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1958
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1959
+ margin-left: 44px;
1960
+ }
1961
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1962
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1963
+ padding: 12px 12px 12px 16px;
1964
+ }
1965
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)),
1966
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
1967
+ padding-left: 44px;
1968
+ }
1969
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper,
1970
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper,
1971
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
1972
+ margin-left: 44px;
1973
+ }
1974
+ .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,
1975
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1976
+ .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,
1977
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1978
+ padding: 0 12px;
1979
+ }
1980
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-overflow-header,
1981
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-overflow-header {
1982
+ padding: 10px 16px 10px 0;
1983
+ }
1984
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1985
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
1986
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1987
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1988
+ margin-right: 44px;
1989
+ }
1990
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1991
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1992
+ padding: 12px 16px 12px 12px;
1993
+ }
1994
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)),
1995
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
1996
+ padding-right: 44px;
1997
+ }
1998
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper,
1999
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper,
2000
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
2001
+ margin-right: 44px;
2002
+ }
2003
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2004
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
2005
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2006
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
2007
+ padding: 0 12px;
2008
+ }
2009
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
2010
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
2011
+ margin: 12px 16px 12px 0;
2012
+ }
2013
+
2014
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
2015
+ font-size: 16px;
2016
+ height: 48px;
2017
+ }
2018
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
2019
+ font-size: 20px;
2020
+ line-height: 20px;
2021
+ }
2022
+
2023
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
2024
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
2025
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
2026
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
2027
+ padding-left: 42px !important; /* stylelint-disable-line declaration-no-important */
2028
+ }
2029
+
2030
+ .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
2031
+ height: 36px;
2032
+ line-height: 36px;
2033
+ }
2034
+ .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn .e-btn-icon {
2035
+ font-size: 20px;
2036
+ line-height: 20px;
2037
+ padding: 8px 12px 8px 16px;
2038
+ }
2039
+
2040
+ .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),
2041
+ .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),
2042
+ .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),
2043
+ .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) {
2044
+ height: 36px;
2045
+ }
2046
+ .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,
2047
+ .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,
2048
+ .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,
2049
+ .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 {
2050
+ font-size: 20px;
2051
+ line-height: 20px;
2052
+ padding: 8px 12px 8px 16px;
2053
+ }
2054
+ .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,
2055
+ .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,
2056
+ .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,
2057
+ .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 {
2058
+ padding-left: 48px !important; /* stylelint-disable-line declaration-no-important */
2059
+ }
2060
+
2061
+ .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button,
2062
+ .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button {
2063
+ padding: 6px 8px;
2064
+ }
2065
+ .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon,
2066
+ .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon {
2067
+ font-size: 20px;
2068
+ line-height: 20px;
2069
+ margin: 8px;
2070
+ }
2071
+ .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
2072
+ .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
2073
+ padding: 0;
2074
+ }
2075
+ .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button,
2076
+ .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button {
2077
+ font-size: 16px;
2078
+ }
2079
+ .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn),
2080
+ .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn) {
2081
+ padding: 0 8px 0 0;
2082
+ }
2083
+
2084
+ .e-bigger.e-ribbon-gallery-popup.e-popup,
2085
+ .e-bigger .e-ribbon-gallery-popup.e-popup,
2086
+ .e-bigger.e-ribbon-gallery-dropdown.e-popup,
2087
+ .e-bigger .e-ribbon-gallery-dropdown.e-popup {
2088
+ padding: 12px 16px 16px;
2089
+ }
2090
+ .e-bigger.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
2091
+ .e-bigger .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
2092
+ .e-bigger.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-header,
2093
+ .e-bigger .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-header {
2094
+ font-size: 16px;
2095
+ line-height: 24px;
2096
+ padding: 12px 0 8px;
2097
+ }
2098
+
2099
+ .e-bigger.e-ribbon-keytip,
2100
+ .e-bigger .e-ribbon-keytip {
2101
+ font-size: 14px;
2102
+ line-height: 18px;
2103
+ min-width: 20px;
2104
+ height: 20px;
2105
+ }
2106
+
2107
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
2108
+ border-color: #e0e0e0;
2109
+ background: #fafafa;
2110
+ }
2111
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-ribbon-contextual-tab {
2112
+ background: #fafafa;
2113
+ }
2114
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-ribbon-contextual-tab .e-tab-wrap .e-tab-text {
2115
+ color: #3f51b5;
2116
+ }
2117
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
2118
+ color: rgba(0, 0, 0, 0.87);
2119
+ }
2120
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
2121
+ color: #e3165b;
2122
+ }
2123
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
2124
+ color: #3f51b5;
2125
+ }
2126
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-indicator {
2127
+ background: #3f51b5;
2128
+ }
2129
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav {
2130
+ border-color: #bdbdbd;
2131
+ background: #f5f5f5;
2132
+ }
2133
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
2134
+ color: #000;
2135
+ }
2136
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:hover {
2137
+ border-color: #bdbdbd;
2138
+ background: #eee;
2139
+ }
2140
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:hover .e-nav-arrow {
2141
+ color: #000;
2142
+ }
2143
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:active {
2144
+ border-color: #bdbdbd;
2145
+ background: #eee;
2146
+ }
2147
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:active .e-nav-arrow {
2148
+ color: #000;
2149
+ }
2150
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:focus {
2151
+ border-color: #bdbdbd;
2152
+ background: #e0e0e0;
2153
+ }
2154
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:focus .e-nav-arrow {
2155
+ color: #000;
2156
+ }
2157
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
2158
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
2159
+ background: #fafafa;
2160
+ color: rgba(0, 0, 0, 0.87);
2161
+ border-color: #e0e0e0;
2162
+ }
2163
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active,
2164
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active {
2165
+ color: #fff;
2166
+ background: #3f51b5;
2167
+ }
2168
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu:hover:not(.e-active),
2169
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:hover:not(.e-active) {
2170
+ color: #e3165b;
2171
+ }
2172
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu:focus-visible,
2173
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:focus-visible {
2174
+ color: #e3165b;
2175
+ }
2176
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
2177
+ border-color: #e0e0e0;
2178
+ background: #fafafa;
2179
+ }
2180
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-template:focus-visible {
2181
+ background: #e0e0e0;
2182
+ color: rgba(0, 0, 0, 0.54);
2183
+ border-color: unset;
2184
+ }
2185
+ .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-tab-wrap:focus .e-tab-text {
2186
+ color: #e3165b;
2187
+ }
2188
+ .e-ribbon.e-rbn .e-ribbon-collapse-btn {
2189
+ background: #fafafa;
2190
+ color: rgba(0, 0, 0, 0.54);
2191
+ border-color: transparent;
2192
+ }
2193
+ .e-ribbon.e-rbn .e-ribbon-collapse-btn:hover, .e-ribbon.e-rbn .e-ribbon-collapse-btn:focus-visible {
2194
+ background: #e0e0e0;
2195
+ color: rgba(0, 0, 0, 0.54);
2196
+ border-color: unset;
2197
+ }
2198
+
2199
+ .e-ribbon-backstage-popup {
2200
+ -webkit-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);
2201
+ 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);
2202
+ }
2203
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper {
2204
+ background: #3f51b5;
2205
+ }
2206
+ .e-ribbon-backstage-popup .e-btn {
2207
+ background: #3f51b5;
2208
+ color: #fff;
2209
+ font-weight: 400;
2210
+ text-transform: none;
2211
+ }
2212
+ .e-ribbon-backstage-popup .e-btn:focus {
2213
+ background: #7986cb;
2214
+ color: #fff;
2215
+ border-color: unset;
2216
+ }
2217
+ .e-ribbon-backstage-popup .e-btn:hover {
2218
+ background: #9fa8da;
2219
+ color: #fff;
2220
+ border-color: unset;
2221
+ }
2222
+ .e-ribbon-backstage-popup .e-btn:hover:focus {
2223
+ background: #7986cb;
2224
+ color: #fff;
2225
+ border-color: unset;
2226
+ }
2227
+ .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) {
2228
+ background: #3f51b5;
2229
+ }
2230
+ .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 {
2231
+ background: #3f51b5;
2232
+ }
2233
+ .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 {
2234
+ color: #fff;
2235
+ }
2236
+ .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 {
2237
+ color: #fff;
2238
+ }
2239
+ .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 {
2240
+ background: #e0e0e0;
2241
+ }
2242
+ .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 {
2243
+ background: #7986cb;
2244
+ color: #fff;
2245
+ border-color: unset;
2246
+ }
2247
+ .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 {
2248
+ color: #fff;
2249
+ }
2250
+ .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 {
2251
+ background: #9fa8da;
2252
+ color: #fff;
2253
+ border-color: unset;
2254
+ }
2255
+ .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 {
2256
+ color: #fff;
2257
+ }
2258
+ .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 {
2259
+ background: #7986cb;
2260
+ color: #fff;
2261
+ border-color: unset;
2262
+ }
2263
+ .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 {
2264
+ color: #fff;
2265
+ }
2266
+ .e-ribbon-backstage-popup .e-ribbon-backstage-template,
2267
+ .e-ribbon-backstage-popup .e-ribbon-backstage-content {
2268
+ background: #fafafa;
2269
+ }
2270
+
2271
+ .e-ribbon.e-rbn,
2272
+ .e-ribbon-group-overflow-ddb {
2273
+ background: #fafafa;
2274
+ border-color: #e0e0e0;
2275
+ }
2276
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper .e-label,
2277
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper .e-label {
2278
+ color: rgba(0, 0, 0, 0.87);
2279
+ }
2280
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper.e-checkbox-disabled .e-label,
2281
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper.e-checkbox-disabled .e-label {
2282
+ color: #757575;
2283
+ }
2284
+ .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,
2285
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-hover,
2286
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-open,
2287
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-hover,
2288
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-open,
2289
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-hover,
2290
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-open {
2291
+ border-color: rgba(0, 0, 0, 0.12);
2292
+ }
2293
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-vertical:hover .e-split-btn:not(:hover),
2294
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-vertical:hover .e-split-btn:not(:hover) {
2295
+ border-color: transparent;
2296
+ }
2297
+ .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled,
2298
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
2299
+ border-color: transparent;
2300
+ }
2301
+ .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
2302
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container) {
2303
+ border-color: #bdbdbd;
2304
+ background: #fff;
2305
+ }
2306
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
2307
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
2308
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
2309
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn,
2310
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
2311
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
2312
+ .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),
2313
+ .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),
2314
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
2315
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
2316
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
2317
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
2318
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
2319
+ .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),
2320
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn,
2321
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
2322
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
2323
+ .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),
2324
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn,
2325
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu),
2326
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
2327
+ .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),
2328
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn {
2329
+ background: #fafafa;
2330
+ color: rgba(0, 0, 0, 0.87);
2331
+ border-color: transparent;
2332
+ }
2333
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
2334
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2335
+ .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,
2336
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
2337
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
2338
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2339
+ .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,
2340
+ .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,
2341
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2342
+ .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,
2343
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
2344
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
2345
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2346
+ .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,
2347
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
2348
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
2349
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2350
+ .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,
2351
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn .e-btn-icon,
2352
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
2353
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2354
+ .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,
2355
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon {
2356
+ color: rgba(0, 0, 0, 0.54);
2357
+ }
2358
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
2359
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
2360
+ .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,
2361
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover,
2362
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
2363
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
2364
+ .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,
2365
+ .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,
2366
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
2367
+ .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,
2368
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover,
2369
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
2370
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
2371
+ .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,
2372
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover,
2373
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
2374
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
2375
+ .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,
2376
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover,
2377
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover,
2378
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
2379
+ .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,
2380
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover {
2381
+ background: rgba(0, 0, 0, 0.12);
2382
+ color: rgba(0, 0, 0, 0.54);
2383
+ border-color: unset;
2384
+ }
2385
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
2386
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2387
+ .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,
2388
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
2389
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
2390
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2391
+ .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,
2392
+ .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,
2393
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2394
+ .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,
2395
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
2396
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
2397
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2398
+ .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,
2399
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
2400
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
2401
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2402
+ .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,
2403
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
2404
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
2405
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2406
+ .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,
2407
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon {
2408
+ color: rgba(0, 0, 0, 0.54);
2409
+ }
2410
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
2411
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
2412
+ .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,
2413
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active,
2414
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
2415
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
2416
+ .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,
2417
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
2418
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
2419
+ .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,
2420
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active,
2421
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
2422
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
2423
+ .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,
2424
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active,
2425
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
2426
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
2427
+ .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,
2428
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active,
2429
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
2430
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
2431
+ .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,
2432
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active {
2433
+ background: #eee;
2434
+ color: rgba(0, 0, 0, 0.54);
2435
+ }
2436
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2437
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2438
+ .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,
2439
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
2440
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2441
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2442
+ .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,
2443
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2444
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2445
+ .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,
2446
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
2447
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2448
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2449
+ .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,
2450
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
2451
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2452
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2453
+ .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,
2454
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
2455
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2456
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2457
+ .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,
2458
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon {
2459
+ color: rgba(0, 0, 0, 0.54);
2460
+ }
2461
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
2462
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
2463
+ .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,
2464
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active,
2465
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
2466
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
2467
+ .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,
2468
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:active, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active,
2469
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
2470
+ .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,
2471
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active,
2472
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
2473
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
2474
+ .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,
2475
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active,
2476
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
2477
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
2478
+ .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,
2479
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active,
2480
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active,
2481
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
2482
+ .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,
2483
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active {
2484
+ background: #eee;
2485
+ color: rgba(0, 0, 0, 0.54);
2486
+ }
2487
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2488
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2489
+ .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,
2490
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
2491
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2492
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2493
+ .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,
2494
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:active .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2495
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2496
+ .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,
2497
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
2498
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2499
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2500
+ .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,
2501
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
2502
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2503
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2504
+ .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,
2505
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
2506
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2507
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2508
+ .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,
2509
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon {
2510
+ color: rgba(0, 0, 0, 0.54);
2511
+ }
2512
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
2513
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2514
+ .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,
2515
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
2516
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
2517
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2518
+ .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,
2519
+ .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,
2520
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2521
+ .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,
2522
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible,
2523
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
2524
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2525
+ .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,
2526
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
2527
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
2528
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2529
+ .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,
2530
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible,
2531
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
2532
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2533
+ .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,
2534
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible {
2535
+ background: #e0e0e0;
2536
+ color: rgba(0, 0, 0, 0.54);
2537
+ border-color: unset;
2538
+ -webkit-box-shadow: none;
2539
+ box-shadow: none;
2540
+ }
2541
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2542
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2543
+ .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,
2544
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
2545
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2546
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2547
+ .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,
2548
+ .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,
2549
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2550
+ .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,
2551
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
2552
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2553
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2554
+ .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,
2555
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
2556
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2557
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2558
+ .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,
2559
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
2560
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2561
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2562
+ .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,
2563
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon {
2564
+ color: rgba(0, 0, 0, 0.54);
2565
+ }
2566
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
2567
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2568
+ .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,
2569
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled,
2570
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2571
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2572
+ .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,
2573
+ .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,
2574
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2575
+ .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,
2576
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled,
2577
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
2578
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2579
+ .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,
2580
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled,
2581
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2582
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2583
+ .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,
2584
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled,
2585
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2586
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2587
+ .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,
2588
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled {
2589
+ color: #757575;
2590
+ }
2591
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2592
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2593
+ .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,
2594
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
2595
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2596
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2597
+ .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,
2598
+ .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,
2599
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2600
+ .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,
2601
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
2602
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2603
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2604
+ .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,
2605
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
2606
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2607
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2608
+ .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,
2609
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
2610
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2611
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2612
+ .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,
2613
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon {
2614
+ color: #757575;
2615
+ }
2616
+ .e-ribbon.e-rbn .e-ribbon-group-header,
2617
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-header {
2618
+ color: rgba(0, 0, 0, 0.87);
2619
+ }
2620
+ .e-ribbon.e-rbn .e-ribbon-launcher-icon,
2621
+ .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
2622
+ border-color: transparent;
2623
+ }
2624
+ .e-ribbon.e-rbn .e-ribbon-launcher-icon:hover, .e-ribbon.e-rbn .e-ribbon-launcher-icon:focus-visible,
2625
+ .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon:hover,
2626
+ .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon:focus-visible {
2627
+ background: #e0e0e0;
2628
+ color: rgba(0, 0, 0, 0.54);
2629
+ border-color: unset;
2630
+ }
2631
+ .e-ribbon.e-rbn .e-input-group,
2632
+ .e-ribbon-group-overflow-ddb .e-input-group {
2633
+ border-color: #bdbdbd;
2634
+ background: #fff;
2635
+ }
2636
+ .e-ribbon.e-rbn .e-input-group input.e-input,
2637
+ .e-ribbon-group-overflow-ddb .e-input-group input.e-input {
2638
+ color: rgba(0, 0, 0, 0.87);
2639
+ }
2640
+ .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
2641
+ .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
2642
+ color: rgba(0, 0, 0, 0.54);
2643
+ }
2644
+ .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon:hover,
2645
+ .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon:hover {
2646
+ background: rgba(0, 0, 0, 0.12);
2647
+ color: rgba(0, 0, 0, 0.54);
2648
+ }
2649
+ .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,
2650
+ .e-ribbon-group-overflow-ddb .e-input-group.e-disabled,
2651
+ .e-ribbon-group-overflow-ddb .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled {
2652
+ border-color: #757575;
2653
+ }
2654
+ .e-ribbon.e-rbn .e-ribbon-group::after,
2655
+ .e-ribbon-group-overflow-ddb .e-ribbon-group::after {
2656
+ border-color: #bdbdbd;
2657
+ }
2658
+
2659
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-combobox-label,
2660
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-colorpicker-label {
2661
+ color: rgba(0, 0, 0, 0.87);
2662
+ }
2663
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-template:focus-visible {
2664
+ background: #e0e0e0;
2665
+ color: rgba(0, 0, 0, 0.54);
2666
+ border-color: unset;
2667
+ }
2668
+
2669
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn,
2670
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn,
2671
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn,
2672
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn {
2673
+ background: #fafafa;
2674
+ }
2675
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
2676
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
2677
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
2678
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:hover {
2679
+ background: rgba(0, 0, 0, 0.12);
2680
+ }
2681
+ .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,
2682
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
2683
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:active,
2684
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
2685
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:active,
2686
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
2687
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:active {
2688
+ background: #eee;
2689
+ }
2690
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
2691
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
2692
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
2693
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:focus {
2694
+ background: #e0e0e0;
2695
+ }
2696
+
2697
+ .e-ribbon-file-menu.e-dropdown-popup,
2698
+ .e-ribbon-vertical-center.e-dropdown-popup,
2699
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup,
2700
+ .e-ribbon-dropdown-group-button.e-dropdown-popup {
2701
+ background: #fff;
2702
+ -webkit-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);
2703
+ 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);
2704
+ border-color: unset;
2705
+ }
2706
+ .e-ribbon-file-menu.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2707
+ .e-ribbon-file-menu.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2708
+ .e-ribbon-file-menu.e-dropdown-popup .e-ribbon-group-of-btn,
2709
+ .e-ribbon-vertical-center.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2710
+ .e-ribbon-vertical-center.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2711
+ .e-ribbon-vertical-center.e-dropdown-popup .e-ribbon-group-of-btn,
2712
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2713
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2714
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-ribbon-group-of-btn,
2715
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2716
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2717
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-ribbon-group-of-btn {
2718
+ background: transparent;
2719
+ }
2720
+
2721
+ .e-ribbon-gallery-button {
2722
+ border-color: #bdbdbd;
2723
+ background: transparent;
2724
+ color: rgba(0, 0, 0, 0.54);
2725
+ }
2726
+ .e-ribbon-gallery-button.e-gallery-button-active {
2727
+ background: #e0e0e0;
2728
+ color: rgba(0, 0, 0, 0.54);
2729
+ }
2730
+
2731
+ .e-ribbon-gallery-item {
2732
+ background: #fff;
2733
+ border-color: transparent;
2734
+ }
2735
+ .e-ribbon-gallery-item .e-ribbon-gallery-text {
2736
+ color: rgba(0, 0, 0, 0.87);
2737
+ }
2738
+ .e-ribbon-gallery-item .e-ribbon-gallery-icons {
2739
+ color: rgba(0, 0, 0, 0.54);
2740
+ }
2741
+
2742
+ .e-ribbon-gallery-popup.e-popup,
2743
+ .e-dropdown-popup.e-ribbon-gallery-dropdown {
2744
+ background: #fff;
2745
+ -webkit-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);
2746
+ 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);
2747
+ }
2748
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
2749
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-header {
2750
+ color: rgba(0, 0, 0, 0.87);
2751
+ }
2752
+
2753
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item:hover,
2754
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item:hover,
2755
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item:hover {
2756
+ background: #eee;
2757
+ }
2758
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-ribbon-gallery-selected,
2759
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-ribbon-gallery-selected,
2760
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-ribbon-gallery-selected {
2761
+ background: #eee;
2762
+ }
2763
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-text,
2764
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-text,
2765
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-text {
2766
+ color: rgba(0, 0, 0, 0.87);
2767
+ }
2768
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-icons,
2769
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-icons,
2770
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-icons {
2771
+ color: rgba(0, 0, 0, 0.54);
2772
+ }
2773
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-disabled,
2774
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-disabled,
2775
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-disabled {
2776
+ background: #fff;
2777
+ }
2778
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-text,
2779
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-text,
2780
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-text {
2781
+ color: rgba(0, 0, 0, 0.38);
2782
+ }
2783
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-icons,
2784
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-icons,
2785
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-icons {
2786
+ color: rgba(0, 0, 0, 0.38);
2787
+ }
2788
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item:focus, .e-ribbon-gallery-wrapper .e-ribbon-gallery-item:focus-visible,
2789
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item:focus,
2790
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item:focus-visible,
2791
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item:focus,
2792
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item:focus-visible {
2793
+ border-color: #bdbdbd;
2794
+ }
2795
+
2796
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-icon {
2797
+ color: rgba(0, 0, 0, 0.54);
2798
+ }
2799
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button {
2800
+ color: rgba(0, 0, 0, 0.87);
2801
+ background: #fff;
2802
+ }
2803
+ .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 {
2804
+ background: rgba(0, 0, 0, 0.12);
2805
+ }
2806
+ .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 {
2807
+ color: rgba(0, 0, 0, 0.54);
2808
+ }
2809
+ .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 {
2810
+ background: rgba(0, 0, 0, 0.12);
2811
+ color: rgba(0, 0, 0, 0.84);
2812
+ }
2813
+ .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 {
2814
+ color: rgba(0, 0, 0, 0.54);
2815
+ }
2816
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active {
2817
+ background: rgba(0, 0, 0, 0.16);
2818
+ }
2819
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active .e-btn-icon {
2820
+ color: rgba(0, 0, 0, 0.54);
2821
+ }
2822
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active {
2823
+ background: rgba(0, 0, 0, 0.16);
2824
+ color: rgba(0, 0, 0, 0.84);
2825
+ }
2826
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
2827
+ color: rgba(0, 0, 0, 0.54);
2828
+ }
2829
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:active, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:active {
2830
+ background: rgba(0, 0, 0, 0.16);
2831
+ }
2832
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:active .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:active .e-btn-icon {
2833
+ color: rgba(0, 0, 0, 0.54);
2834
+ }
2835
+
2836
+ .e-ribbon-tooltip.e-tooltip-wrap.e-popup {
2837
+ background: #616161;
2838
+ }
2839
+ .e-ribbon-tooltip.e-tooltip-wrap .e-tip-content {
2840
+ color: #fff;
2841
+ }
2842
+ .e-ribbon-tooltip.e-tooltip-wrap .e-arrow-tip .e-arrow-tip-inner.e-tip-top {
2843
+ color: #616161;
2844
+ }
2845
+
2846
+ .e-ribbon-keytip {
2847
+ background-color: #000;
2848
+ color: #fff;
2849
+ }
2850
+
2851
+ .e-ribbon-menu.e-menu-wrapper:not(.e-menu-popup), .e-ribbon-menu.e-menu-container:not(.e-menu-popup) {
2852
+ background: #fafafa;
2853
+ }
2854
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
2855
+ border-color: #e0e0e0;
2856
+ background: #fafafa;
2857
+ }
2858
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
2859
+ color: rgba(0, 0, 0, 0.87);
2860
+ }
2861
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2862
+ .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,
2863
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-caret {
2864
+ color: #000;
2865
+ }
2866
+ .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 {
2867
+ background: #eee;
2868
+ color: #000;
2869
+ }