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