@syncfusion/ej2-angular-ribbon 26.2.7 → 26.2.8

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