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