@syncfusion/ej2-vue-ribbon 25.2.5 → 26.1.38

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