@syncfusion/ej2-vue-ribbon 23.2.7 → 24.1.44

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 (38) hide show
  1. package/CHANGELOG.md +21 -3
  2. package/dist/ej2-vue-ribbon.umd.min.js +1 -1
  3. package/dist/global/ej2-vue-ribbon.min.js +2 -2
  4. package/package.json +9 -9
  5. package/styles/bootstrap-dark.css +1 -2071
  6. package/styles/bootstrap.css +1 -2076
  7. package/styles/bootstrap4.css +1 -2137
  8. package/styles/bootstrap5-dark.css +1 -2155
  9. package/styles/bootstrap5.css +1 -2155
  10. package/styles/fabric-dark.css +1 -2047
  11. package/styles/fabric.css +1 -2045
  12. package/styles/fluent-dark.css +1 -2131
  13. package/styles/fluent.css +1 -2131
  14. package/styles/highcontrast-light.css +1 -2054
  15. package/styles/highcontrast.css +1 -2063
  16. package/styles/material-dark.css +1 -2116
  17. package/styles/material.css +1 -2150
  18. package/styles/material3-dark.css +1 -2178
  19. package/styles/material3.css +1 -2234
  20. package/styles/ribbon/bootstrap-dark.css +1 -2071
  21. package/styles/ribbon/bootstrap.css +1 -2076
  22. package/styles/ribbon/bootstrap4.css +1 -2137
  23. package/styles/ribbon/bootstrap5-dark.css +1 -2155
  24. package/styles/ribbon/bootstrap5.css +1 -2155
  25. package/styles/ribbon/fabric-dark.css +1 -2047
  26. package/styles/ribbon/fabric.css +1 -2045
  27. package/styles/ribbon/fluent-dark.css +1 -2131
  28. package/styles/ribbon/fluent.css +1 -2131
  29. package/styles/ribbon/highcontrast-light.css +1 -2054
  30. package/styles/ribbon/highcontrast.css +1 -2063
  31. package/styles/ribbon/material-dark.css +1 -2116
  32. package/styles/ribbon/material.css +1 -2150
  33. package/styles/ribbon/material3-dark.css +1 -2178
  34. package/styles/ribbon/material3.css +1 -2234
  35. package/styles/ribbon/tailwind-dark.css +1 -2128
  36. package/styles/ribbon/tailwind.css +1 -2128
  37. package/styles/tailwind-dark.css +1 -2128
  38. package/styles/tailwind.css +1 -2128
@@ -1,2128 +1 @@
1
- .e-dropdownbase .e-list-item.e-active,
2
- .e-dropdownbase .e-list-item.e-active.e-hover {
3
- font-weight: 500;
4
- }
5
-
6
- .e-dropdownbase .e-list-group-item,
7
- .e-fixed-head {
8
- font-size: 12px;
9
- text-transform: uppercase;
10
- }
11
-
12
- .e-small .e-dropdownbase .e-list-group-item,
13
- .e-small .e-fixed-head,
14
- .e-small.e-dropdownbase .e-list-group-item,
15
- .e-small.e-fixed-head {
16
- font-size: 10px;
17
- }
18
-
19
- .e-bigger .e-dropdownbase .e-list-group-item,
20
- .e-bigger .e-fixed-head,
21
- .e-bigger.e-dropdownbase .e-list-group-item,
22
- .e-bigger.e-fixed-head {
23
- font-size: 14px;
24
- }
25
-
26
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
27
- .e-bigger.e-small .e-fixed-head,
28
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
29
- .e-bigger.e-small.e-fixed-head {
30
- font-size: 12px;
31
- }
32
-
33
- .e-dropdownbase .e-list-item .e-list-icon {
34
- padding: 0 8px 0 0;
35
- }
36
-
37
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
38
- padding: 0 12px 0 0;
39
- }
40
-
41
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
42
- padding: 0 8px 0 0;
43
- }
44
-
45
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
46
- padding: 0 4px 0 0;
47
- }
48
-
49
- .e-ddl.e-control-wrapper .e-ddl-icon::before {
50
- transform: rotate(0deg);
51
- transition: transform 300ms ease;
52
- }
53
-
54
- .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
55
- transform: rotate(180deg);
56
- transition: transform 300ms ease;
57
- }
58
-
59
- .e-dropdownbase .e-list-item.e-active.e-hover {
60
- color: #111827;
61
- }
62
-
63
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
64
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
65
- .e-input-group:not(.e-disabled) .e-back-icon:active,
66
- .e-input-group:not(.e-disabled) .e-back-icon:hover,
67
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
68
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
69
- background: transparent;
70
- }
71
-
72
- .e-input-group .e-ddl-icon:not(:active)::after {
73
- animation: none;
74
- }
75
-
76
- .e-ddl.e-popup {
77
- border: 0;
78
- border-radius: 4px;
79
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
80
- margin-top: 4px;
81
- }
82
-
83
- .e-small .e-ddl.e-popup,
84
- .e-small.e-ddl.e-popup {
85
- border-radius: 2px;
86
- margin-top: 2px;
87
- }
88
-
89
- .e-bigger .e-ddl.e-popup,
90
- .e-bigger.e-ddl.e-popup {
91
- border-radius: 6px;
92
- margin-top: 8px;
93
- }
94
-
95
- .e-bigger.e-small .e-ddl.e-popup,
96
- .e-small.e-bigger.e-ddl.e-popup {
97
- border-radius: 4px;
98
- margin-top: 6px;
99
- }
100
-
101
- .e-popup.e-ddl .e-dropdownbase {
102
- min-height: 26px;
103
- padding: 4px 0;
104
- }
105
-
106
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
107
- border-color: #e5e7eb;
108
- }
109
-
110
- .e-bigger .e-popup.e-ddl-device-filter {
111
- margin-top: 0;
112
- }
113
-
114
- .e-bigger .e-ddl-device .e-input-group,
115
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
116
- background: #fff;
117
- border-width: 0;
118
- box-shadow: none;
119
- margin-bottom: 0;
120
- }
121
-
122
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
123
- .e-bigger .e-ddl-device .e-input-group input.e-input,
124
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
125
- background-color: #fff;
126
- }
127
-
128
- .e-input-group.e-ddl,
129
- .e-input-group.e-ddl .e-input,
130
- .e-input-group.e-ddl .e-ddl-icon {
131
- background: #fff;
132
- }
133
-
134
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
135
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
136
- border-bottom-width: 0;
137
- }
138
-
139
- .e-ddl.e-popup.e-outline .e-filter-parent {
140
- padding: 4px 8px;
141
- }
142
-
143
- /*! component's theme wise override definitions and variables */
144
- @keyframes hscroll-popup-shadow {
145
- 0% {
146
- border-color: rgba(255, 255, 255, 0.5);
147
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
148
- }
149
- 100% {
150
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
151
- }
152
- }
153
- /*! component's theme wise override definitions and variables */ /*! Tailwind theme definition's */
154
- /*! component's theme wise override definitions and variables */
155
- /*! Horizontal Tab */
156
- @keyframes tbar-alt-popup-shadow {
157
- 0% {
158
- border-color: rgba(0, 0, 0, 0.12);
159
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
160
- }
161
- 100% {
162
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
163
- }
164
- }
165
- @keyframes hscroll-alt-popup-shadow {
166
- 0% {
167
- border-color: rgba(0, 0, 0, 0.12);
168
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
169
- }
170
- 100% {
171
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
172
- }
173
- }
174
- /*! Material specific themes definition's */
175
- /*! Vertical Tab */
176
- .e-ribbon .e-drop-icon::before {
177
- content: "\e729";
178
- }
179
-
180
- .e-ribbon.e-rbn {
181
- display: block;
182
- }
183
- .e-ribbon.e-rbn .e-ribbon-tab .e-toolbar {
184
- min-height: auto;
185
- display: inline-block;
186
- }
187
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
188
- display: none;
189
- }
190
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
191
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
192
- position: absolute;
193
- line-height: 22px;
194
- padding: 8px 8px;
195
- border: none;
196
- border-width: unset;
197
- font-size: 14px;
198
- font-weight: 400;
199
- box-shadow: none;
200
- text-transform: none;
201
- }
202
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active,
203
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active {
204
- border-radius: unset;
205
- }
206
- .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,
207
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active,
208
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:focus {
209
- box-shadow: none;
210
- outline: none;
211
- }
212
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
213
- position: absolute;
214
- top: 0;
215
- display: -ms-flexbox;
216
- display: flex;
217
- -ms-flex-align: center;
218
- align-items: center;
219
- height: 38px;
220
- padding-right: 12px;
221
- border-bottom: none;
222
- }
223
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
224
- border-bottom: none;
225
- }
226
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
227
- height: 38px;
228
- min-height: 38px;
229
- }
230
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header::before {
231
- border-width: 0;
232
- }
233
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-indicator {
234
- display: block;
235
- z-index: 1;
236
- }
237
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items {
238
- min-height: auto;
239
- height: 38px;
240
- }
241
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
242
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
243
- margin: 0;
244
- }
245
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item {
246
- vertical-align: unset;
247
- margin: 0;
248
- border: none;
249
- }
250
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active {
251
- border: none;
252
- }
253
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active::before {
254
- display: none;
255
- }
256
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
257
- padding: 0;
258
- height: auto;
259
- border: none;
260
- }
261
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text {
262
- padding: 8px 8px;
263
- line-height: 22px;
264
- text-transform: none;
265
- margin: 0;
266
- font-size: 14px;
267
- font-weight: 400;
268
- }
269
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-text-wrap {
270
- height: auto;
271
- }
272
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
273
- display: none;
274
- }
275
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
276
- height: auto;
277
- min-height: auto;
278
- }
279
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
280
- box-shadow: none;
281
- }
282
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
283
- padding: 0;
284
- }
285
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav {
286
- height: auto;
287
- min-height: auto;
288
- min-width: auto;
289
- width: auto;
290
- border-style: solid;
291
- transform: none;
292
- border-width: 1px;
293
- border-radius: 2px;
294
- z-index: 3;
295
- }
296
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
297
- display: none;
298
- }
299
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
300
- font-size: 14px;
301
- height: auto;
302
- transform: none;
303
- line-height: 14px;
304
- padding: 0 5px;
305
- width: auto;
306
- letter-spacing: unset;
307
- font-weight: 400;
308
- }
309
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow::before {
310
- font-size: 14px;
311
- line-height: 14px;
312
- }
313
- .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
314
- height: 38px;
315
- }
316
- .e-ribbon.e-rbn .e-content {
317
- width: 100%;
318
- }
319
- .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
320
- width: calc(100% - 20px);
321
- }
322
- .e-ribbon.e-rbn .e-ribbon-collapse-btn {
323
- bottom: 0;
324
- cursor: pointer;
325
- position: absolute;
326
- line-height: 12px;
327
- padding: 2px;
328
- border: none;
329
- }
330
- .e-ribbon.e-rbn .e-ribbon-collapse-btn:not(.e-ribbon-expand-btn) {
331
- transform: rotate(180deg);
332
- }
333
- .e-ribbon.e-rbn.e-ribbon-overflow .e-content {
334
- width: calc(100% - 20px - 40px);
335
- }
336
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
337
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
338
- cursor: pointer;
339
- border-radius: 4px;
340
- padding: 0;
341
- border: none;
342
- height: 26px;
343
- margin: auto;
344
- box-shadow: none;
345
- }
346
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
347
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
348
- font-size: 16px;
349
- line-height: 16px;
350
- padding: 5px;
351
- margin: 0;
352
- width: auto;
353
- }
354
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus,
355
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
356
- outline: none;
357
- }
358
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
359
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
360
- display: none;
361
- }
362
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
363
- bottom: 3px;
364
- position: absolute;
365
- }
366
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-container {
367
- display: -ms-inline-flexbox;
368
- display: inline-flex;
369
- }
370
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-ribbon-hide {
371
- display: none;
372
- }
373
- .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 {
374
- display: none;
375
- }
376
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
377
- overflow-y: hidden;
378
- }
379
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
380
- margin-bottom: 0;
381
- }
382
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
383
- padding-top: 1px;
384
- height: auto;
385
- }
386
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group.e-ribbon-emptyCollection::after {
387
- display: none;
388
- }
389
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group.e-ribbon-emptyCollection .e-ribbon-group-container {
390
- padding: 0;
391
- }
392
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-launcher-icon {
393
- display: none;
394
- }
395
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-container {
396
- padding: 0 5px 0 4px;
397
- }
398
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content {
399
- padding: 0;
400
- height: 32px;
401
- -ms-flex-align: center;
402
- align-items: center;
403
- }
404
- .e-ribbon.e-rbn .e-ribbon-tab-item {
405
- display: -ms-inline-flexbox;
406
- display: inline-flex;
407
- }
408
- .e-ribbon.e-rbn .e-ribbon-group {
409
- position: relative;
410
- padding-top: 6px;
411
- height: 120px;
412
- }
413
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
414
- display: none;
415
- }
416
- .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
417
- pointer-events: none;
418
- }
419
- .e-ribbon.e-rbn .e-ribbon-group::after {
420
- border-right: 1px solid;
421
- content: "";
422
- height: calc(100% - 16px);
423
- position: absolute;
424
- top: 8px;
425
- }
426
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-collapse-btn,
427
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-help-template,
428
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-group::after {
429
- right: 0;
430
- }
431
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-overall-of-btn {
432
- right: 0;
433
- }
434
- .e-ribbon.e-rbn:not(.e-rtl).e-ribbon-collapsible .e-ribbon-overall-of-btn {
435
- right: 25px;
436
- }
437
- .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
438
- left: var(--fileMenuWidth);
439
- }
440
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
441
- padding-right: 30px;
442
- }
443
- .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
444
- .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
445
- .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
446
- left: 0;
447
- }
448
- .e-ribbon.e-rbn.e-rtl .e-ribbon-overall-of-btn {
449
- left: 0;
450
- }
451
- .e-ribbon.e-rbn.e-rtl.e-ribbon-collapsible .e-ribbon-overall-of-btn {
452
- left: 25px;
453
- }
454
- .e-ribbon.e-rbn.e-rtl .e-tab-header {
455
- right: var(--fileMenuWidth);
456
- }
457
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
458
- padding-left: 30px;
459
- }
460
-
461
- .e-ribbon-backstage-popup.e-ribbon-backstage-open {
462
- display: -ms-flexbox;
463
- display: flex;
464
- }
465
-
466
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper {
467
- display: -ms-flexbox;
468
- display: flex;
469
- -ms-flex-direction: column;
470
- flex-direction: column;
471
- }
472
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-items-wrapper {
473
- display: -ms-flexbox;
474
- display: flex;
475
- -ms-flex-direction: column;
476
- flex-direction: column;
477
- -ms-flex-pack: justify;
478
- justify-content: space-between;
479
- height: 100%;
480
- }
481
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
482
- border: none;
483
- border-radius: unset;
484
- box-shadow: none;
485
- padding: unset;
486
- text-align: start;
487
- width: 100%;
488
- height: 38px;
489
- line-height: 38px;
490
- }
491
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn .e-btn-icon {
492
- width: auto;
493
- margin: 0;
494
- font-size: 16px;
495
- line-height: 16px;
496
- padding: 11px 18px 11px 16px;
497
- }
498
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:focus {
499
- border-style: solid;
500
- border-width: 2px;
501
- }
502
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:hover {
503
- border-style: solid;
504
- border-width: 0;
505
- }
506
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:focus:hover {
507
- border-style: solid;
508
- border-width: 2px;
509
- }
510
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu {
511
- border: unset;
512
- border-radius: unset;
513
- }
514
- .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 {
515
- min-width: 135px;
516
- }
517
- .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 {
518
- margin: 4px 20px;
519
- }
520
- .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) {
521
- height: 38px;
522
- line-height: 38px;
523
- padding: 0;
524
- }
525
- .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 {
526
- border-style: solid;
527
- border-width: 2px;
528
- }
529
- .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 {
530
- border-style: solid;
531
- border-width: 0;
532
- }
533
- .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 {
534
- border-style: solid;
535
- border-width: 2px;
536
- }
537
- .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 {
538
- width: auto;
539
- margin-right: unset;
540
- font-size: 16px;
541
- line-height: 16px;
542
- padding: 11px 18px 11px 16px;
543
- }
544
- .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 {
545
- padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
546
- }
547
- .e-ribbon-backstage-popup .e-ribbon-backstage-content {
548
- overflow: auto;
549
- }
550
-
551
- .e-ribbon.e-rbn,
552
- .e-ribbon-group-overflow-ddb {
553
- border: none;
554
- }
555
- .e-ribbon.e-rbn .e-input-group,
556
- .e-ribbon-group-overflow-ddb .e-input-group {
557
- height: 26px;
558
- border-radius: 4px;
559
- margin-bottom: 4px;
560
- }
561
- .e-ribbon.e-rbn .e-input-group input.e-input,
562
- .e-ribbon-group-overflow-ddb .e-input-group input.e-input {
563
- padding: 4px 0 4px 8px;
564
- font-size: 12px;
565
- line-height: 18px;
566
- font-weight: 400;
567
- height: auto;
568
- min-height: auto;
569
- }
570
- .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
571
- .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
572
- font-size: 12px;
573
- line-height: 12px;
574
- height: auto;
575
- padding: 7px 3px 7px 2px;
576
- margin: 0;
577
- font-weight: 400;
578
- border: none;
579
- min-width: auto;
580
- min-height: auto;
581
- border-radius: unset;
582
- }
583
- .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
584
- .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon {
585
- font-size: 12px;
586
- }
587
- .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
588
- .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
589
- min-width: auto;
590
- min-height: auto;
591
- border-radius: unset;
592
- }
593
- .e-ribbon.e-rbn .e-input-group .e-clear-icon,
594
- .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
595
- min-width: auto;
596
- }
597
- .e-ribbon.e-rbn .e-ribbon-group-content,
598
- .e-ribbon-group-overflow-ddb .e-ribbon-group-content {
599
- padding: 0 8px;
600
- }
601
- .e-ribbon.e-rbn .e-ribbon-content-height,
602
- .e-ribbon-group-overflow-ddb .e-ribbon-content-height {
603
- height: 90px;
604
- }
605
- .e-ribbon.e-rbn .e-ribbon-group-header,
606
- .e-ribbon-group-overflow-ddb .e-ribbon-group-header {
607
- -ms-flex-align: center;
608
- align-items: center;
609
- display: -ms-flexbox;
610
- display: flex;
611
- -ms-flex-pack: center;
612
- justify-content: center;
613
- white-space: nowrap;
614
- padding: 4px 11px 4px 11px;
615
- line-height: 16px;
616
- font-size: 10px;
617
- }
618
- .e-ribbon.e-rbn .e-ribbon-launcher-icon,
619
- .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
620
- position: absolute;
621
- bottom: 0;
622
- margin: 0 8px 4px 0;
623
- cursor: pointer;
624
- border: none;
625
- }
626
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-launcher .e-ribbon-group-header,
627
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-launcher .e-ribbon-group-header {
628
- margin-right: 20px;
629
- }
630
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-launcher .e-ribbon-launcher-icon,
631
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-launcher .e-ribbon-launcher-icon {
632
- right: 0;
633
- }
634
- .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher .e-ribbon-group-header,
635
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher .e-ribbon-group-header {
636
- margin-left: 20px;
637
- }
638
- .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher .e-ribbon-launcher-icon,
639
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher .e-ribbon-launcher-icon {
640
- left: 0;
641
- margin: 0 0 4px 8px;
642
- }
643
- .e-ribbon.e-rbn .e-ribbon-column,
644
- .e-ribbon-group-overflow-ddb .e-ribbon-column {
645
- display: -ms-inline-flexbox;
646
- display: inline-flex;
647
- -ms-flex-direction: row;
648
- flex-direction: row;
649
- }
650
- .e-ribbon.e-rbn .e-ribbon-row,
651
- .e-ribbon-group-overflow-ddb .e-ribbon-row {
652
- display: -ms-inline-flexbox;
653
- display: inline-flex;
654
- -ms-flex-direction: column;
655
- flex-direction: column;
656
- }
657
- .e-ribbon.e-rbn .e-ribbon-group-overflow,
658
- .e-ribbon.e-rbn .e-ribbon-item,
659
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow,
660
- .e-ribbon-group-overflow-ddb .e-ribbon-item {
661
- display: -ms-flexbox;
662
- display: flex;
663
- padding: 1px;
664
- vertical-align: middle;
665
- }
666
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-hidden,
667
- .e-ribbon.e-rbn .e-ribbon-item.e-hidden,
668
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-hidden,
669
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-hidden {
670
- display: none;
671
- }
672
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn,
673
- .e-ribbon.e-rbn .e-ribbon-item .e-btn,
674
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn,
675
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
676
- border: none;
677
- border-radius: 4px;
678
- font-weight: 400;
679
- font-size: 12px;
680
- text-transform: none;
681
- box-shadow: none;
682
- }
683
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
684
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
685
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:focus,
686
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:focus {
687
- outline: none;
688
- }
689
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
690
- .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),
691
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
692
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
693
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
694
- .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),
695
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
696
- .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) {
697
- border: none;
698
- }
699
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
700
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
701
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
702
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
703
- max-width: 10ch;
704
- min-height: inherit;
705
- min-width: fit-content;
706
- white-space: normal;
707
- padding: 0 2px;
708
- line-height: 18px;
709
- height: 100%;
710
- display: -ms-flexbox;
711
- display: flex;
712
- -ms-flex-direction: column;
713
- flex-direction: column;
714
- -ms-flex-pack: start;
715
- justify-content: flex-start;
716
- -ms-flex-align: center;
717
- align-items: center;
718
- }
719
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
720
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
721
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
722
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb {
723
- max-width: 100%;
724
- }
725
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
726
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
727
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
728
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
729
- font-size: 24px;
730
- font-weight: 400;
731
- padding: 8px 6px 4px;
732
- }
733
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
734
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top,
735
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
736
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top {
737
- height: 50%;
738
- }
739
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
740
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
741
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
742
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn {
743
- -ms-flex-pack: space-evenly;
744
- justify-content: space-evenly;
745
- height: 50%;
746
- }
747
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
748
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
749
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
750
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
751
- font-size: 12px;
752
- padding: 0 12px;
753
- line-height: 12px;
754
- }
755
- .e-ribbon.e-rbn .e-ribbon-group-overflow,
756
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow {
757
- height: 90px;
758
- padding: 2px 8px;
759
- }
760
- .e-ribbon.e-rbn .e-ribbon-item,
761
- .e-ribbon-group-overflow-ddb .e-ribbon-item {
762
- min-height: 33%;
763
- padding: 2px;
764
- }
765
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group,
766
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group {
767
- box-shadow: none;
768
- }
769
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
770
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
771
- padding: 0 5px;
772
- }
773
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
774
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
775
- font-size: 12px;
776
- }
777
- .e-ribbon.e-rbn .e-ribbon-item .e-btn,
778
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
779
- box-shadow: none;
780
- }
781
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:disabled,
782
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:disabled {
783
- pointer-events: none;
784
- }
785
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
786
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
787
- height: fit-content;
788
- margin: auto 0;
789
- width: max-content;
790
- }
791
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
792
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
793
- border: 1px solid transparent;
794
- border-radius: 4px;
795
- }
796
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
797
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
798
- padding: 0;
799
- }
800
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
801
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
802
- border: 1px solid transparent;
803
- border-radius: 4px;
804
- box-shadow: none;
805
- }
806
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
807
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
808
- border-radius: 0;
809
- }
810
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
811
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
812
- font-size: 12px;
813
- padding: 0 12px;
814
- }
815
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item,
816
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item {
817
- min-height: 100%;
818
- }
819
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical,
820
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical {
821
- height: 100%;
822
- }
823
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
824
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
825
- margin: auto;
826
- }
827
- .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,
828
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
829
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
830
- white-space: nowrap;
831
- padding: 0;
832
- line-height: 18px;
833
- }
834
- .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,
835
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
836
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon {
837
- font-size: 16px;
838
- line-height: 16px;
839
- margin: 5px;
840
- }
841
- .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,
842
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
843
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
844
- border: none;
845
- }
846
- .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,
847
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
848
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon {
849
- height: 16px;
850
- width: 16px;
851
- }
852
- .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,
853
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview,
854
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
855
- border-radius: unset;
856
- }
857
- .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,
858
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
859
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
860
- font-size: 12px;
861
- padding: 2px;
862
- line-height: 12px;
863
- margin: 0;
864
- width: auto;
865
- }
866
- .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,
867
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper .e-btn,
868
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper .e-btn {
869
- margin: 0;
870
- }
871
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
872
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
873
- -ms-flex-align: center;
874
- align-items: center;
875
- display: -ms-flexbox;
876
- display: flex;
877
- }
878
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
879
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
880
- width: auto;
881
- }
882
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret,
883
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret {
884
- margin: 5px;
885
- padding: 0;
886
- }
887
- .e-ribbon.e-rbn .e-ribbon-vertical-center:not(.e-ribbon-large-item),
888
- .e-ribbon-group-overflow-ddb .e-ribbon-vertical-center:not(.e-ribbon-large-item) {
889
- margin-bottom: auto;
890
- margin-top: auto;
891
- }
892
- .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),
893
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
894
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
895
- padding: 0 4px 0 0;
896
- }
897
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
898
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
899
- padding: 0 2px 0 0;
900
- }
901
- .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),
902
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
903
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
904
- padding: 0 0 0 4px;
905
- }
906
- .e-ribbon.e-rbn.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
907
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
908
- padding: 0 0 0 2px;
909
- }
910
-
911
- .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
912
- display: none;
913
- }
914
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
915
- display: none;
916
- }
917
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
918
- pointer-events: none;
919
- }
920
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
921
- display: none;
922
- }
923
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
924
- pointer-events: none;
925
- }
926
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
927
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
928
- margin: 3px 5px;
929
- }
930
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
931
- margin: 5px;
932
- padding: 0;
933
- }
934
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
935
- padding: 0;
936
- width: 100%;
937
- }
938
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
939
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
940
- line-height: 18px;
941
- overflow: hidden;
942
- }
943
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
944
- width: inherit;
945
- }
946
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-split-btn,
947
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
948
- width: 100%;
949
- -ms-flex-pack: start;
950
- justify-content: flex-start;
951
- }
952
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
953
- padding: 3px 5px;
954
- font-weight: 600;
955
- line-height: 18px;
956
- }
957
-
958
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
959
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
960
- transform: rotate(-90deg);
961
- padding: 5px;
962
- margin: 0 0 0 auto;
963
- }
964
-
965
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
966
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
967
- transform: rotate(90deg);
968
- padding: 5px;
969
- margin: 0 auto 0 0;
970
- }
971
-
972
- .e-dropdown-popup.e-ribbon-dropdown-group-button.e-ribbon-group-button-overflow-popup .e-btn-group {
973
- -ms-flex-direction: column;
974
- flex-direction: column;
975
- }
976
-
977
- .e-dropdown-popup.e-ribbon-dropdown-group-button {
978
- border-radius: 4px;
979
- border: 1px solid;
980
- padding: 4px 9px;
981
- }
982
- .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) {
983
- width: 100%;
984
- display: -ms-flexbox;
985
- display: flex;
986
- -ms-flex-align: center;
987
- align-items: center;
988
- -ms-flex-pack: start;
989
- justify-content: flex-start;
990
- }
991
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group {
992
- box-shadow: none;
993
- border-radius: 4px;
994
- }
995
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon {
996
- font-size: 16px;
997
- line-height: 16px;
998
- font-weight: 400;
999
- margin: 5px;
1000
- width: auto;
1001
- }
1002
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
1003
- padding: 0 2px 0 0;
1004
- }
1005
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button {
1006
- padding: 0;
1007
- font-weight: 400;
1008
- font-size: 12px;
1009
- border: none;
1010
- text-transform: none;
1011
- }
1012
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn) {
1013
- padding: 0 5px 0 0;
1014
- }
1015
- .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 {
1016
- outline: none;
1017
- box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
1018
- }
1019
-
1020
- .e-ribbon-menu {
1021
- display: block;
1022
- }
1023
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
1024
- border: 1px solid;
1025
- border-radius: 2px;
1026
- }
1027
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
1028
- border-radius: unset;
1029
- }
1030
- .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 {
1031
- width: auto;
1032
- }
1033
- .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 {
1034
- padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
1035
- }
1036
-
1037
- .e-ribbon-control.e-dropdown-popup ul .e-item {
1038
- font-size: 12px;
1039
- height: 24px;
1040
- -ms-flex-align: center;
1041
- align-items: center;
1042
- }
1043
- .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1044
- font-size: 16px;
1045
- line-height: 16px;
1046
- }
1047
-
1048
- .e-ribbon-tooltip .e-tip-content {
1049
- padding: 4px;
1050
- }
1051
- .e-ribbon-tooltip .e-tip-content .e-ribbon-tooltip-title {
1052
- font-size: 12px;
1053
- line-height: 18px;
1054
- padding: 4px 4px 0;
1055
- }
1056
- .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container {
1057
- padding: 4px;
1058
- display: -ms-flexbox;
1059
- display: flex;
1060
- }
1061
- .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container .e-ribbon-tooltip-content {
1062
- font-size: 10px;
1063
- line-height: 15px;
1064
- }
1065
- .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container .e-ribbon-tooltip-icon {
1066
- font-size: 32px;
1067
- line-height: 32px;
1068
- padding-right: 8px;
1069
- }
1070
-
1071
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group,
1072
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group {
1073
- height: 150px;
1074
- }
1075
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
1076
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage,
1077
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
1078
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
1079
- line-height: 24px;
1080
- padding: 12px 12px;
1081
- font-size: 16px;
1082
- }
1083
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template,
1084
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
1085
- padding-right: 16px;
1086
- height: 48px;
1087
- }
1088
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
1089
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
1090
- min-height: auto;
1091
- }
1092
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
1093
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
1094
- height: 48px;
1095
- min-height: 48px;
1096
- }
1097
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items,
1098
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items {
1099
- height: 48px;
1100
- }
1101
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item,
1102
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item {
1103
- margin-right: 0;
1104
- }
1105
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text,
1106
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text {
1107
- font-size: 16px;
1108
- padding: 12px 12px;
1109
- line-height: 24px;
1110
- }
1111
- .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,
1112
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus,
1113
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
1114
- height: 48px;
1115
- }
1116
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-content,
1117
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
1118
- width: calc(100% - 24px);
1119
- }
1120
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn,
1121
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn {
1122
- line-height: 14px;
1123
- font-size: 14px;
1124
- padding: 5px;
1125
- }
1126
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content,
1127
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content {
1128
- width: calc(100% - 24px - 40px);
1129
- }
1130
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
1131
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
1132
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
1133
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn {
1134
- height: 34px;
1135
- }
1136
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1137
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon,
1138
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1139
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
1140
- font-size: 20px;
1141
- padding: 7px;
1142
- line-height: 20px;
1143
- }
1144
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
1145
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn {
1146
- bottom: 3px;
1147
- }
1148
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow:not(.e-rtl) .e-ribbon-overall-of-btn,
1149
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow:not(.e-rtl) .e-ribbon-overall-of-btn {
1150
- right: 28px;
1151
- }
1152
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow.e-rtl .e-ribbon-overall-of-btn,
1153
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow.e-rtl .e-ribbon-overall-of-btn {
1154
- left: 28px;
1155
- }
1156
-
1157
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-header,
1158
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-header,
1159
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-header,
1160
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-header {
1161
- padding: 8px 11px 4px;
1162
- line-height: 18px;
1163
- font-size: 12px;
1164
- }
1165
- .e-bigger.e-ribbon.e-rbn .e-ribbon-launcher-icon,
1166
- .e-bigger .e-ribbon.e-rbn .e-ribbon-launcher-icon,
1167
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon,
1168
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
1169
- margin: 0 8px 4px 0;
1170
- }
1171
- .e-bigger.e-ribbon.e-rbn.e-rtl .e-ribbon-launcher-icon,
1172
- .e-bigger .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher-icon,
1173
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher-icon,
1174
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher-icon {
1175
- margin: 0 0 4px 8px;
1176
- }
1177
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group,
1178
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group,
1179
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group,
1180
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
1181
- height: auto;
1182
- }
1183
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
1184
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
1185
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
1186
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
1187
- margin-bottom: 0;
1188
- }
1189
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
1190
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
1191
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
1192
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content {
1193
- height: 40px;
1194
- }
1195
- .e-bigger.e-ribbon.e-rbn .e-ribbon-content-height,
1196
- .e-bigger .e-ribbon.e-rbn .e-ribbon-content-height,
1197
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-content-height,
1198
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-content-height {
1199
- height: 114px;
1200
- }
1201
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow,
1202
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow,
1203
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow,
1204
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow {
1205
- height: 114px;
1206
- }
1207
- .e-bigger.e-ribbon.e-rbn .e-input-group,
1208
- .e-bigger .e-ribbon.e-rbn .e-input-group,
1209
- .e-bigger .e-ribbon-group-overflow-ddb .e-input-group,
1210
- .e-bigger.e-ribbon-group-overflow-ddb .e-input-group {
1211
- height: 34px;
1212
- margin-bottom: 4px;
1213
- }
1214
- .e-bigger.e-ribbon.e-rbn .e-input-group:not(.e-float-input) .e-input,
1215
- .e-bigger .e-ribbon.e-rbn .e-input-group:not(.e-float-input) .e-input,
1216
- .e-bigger .e-ribbon-group-overflow-ddb .e-input-group:not(.e-float-input) .e-input,
1217
- .e-bigger.e-ribbon-group-overflow-ddb .e-input-group:not(.e-float-input) .e-input {
1218
- min-height: auto;
1219
- }
1220
- .e-bigger.e-ribbon.e-rbn .e-input-group input.e-input,
1221
- .e-bigger .e-ribbon.e-rbn .e-input-group input.e-input,
1222
- .e-bigger .e-ribbon-group-overflow-ddb .e-input-group input.e-input,
1223
- .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
1224
- padding: 6px 0 6px 8px;
1225
- font-size: 14px;
1226
- line-height: 22px;
1227
- height: auto;
1228
- }
1229
- .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
1230
- .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
1231
- .e-bigger .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon,
1232
- .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
1233
- font-size: 12px;
1234
- line-height: 12px;
1235
- padding: 11px 4px 11px 2px;
1236
- }
1237
- .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1238
- .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1239
- .e-bigger .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1240
- .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon {
1241
- font-size: 12px;
1242
- }
1243
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item,
1244
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item,
1245
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item,
1246
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item {
1247
- padding: 2px;
1248
- }
1249
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
1250
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
1251
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper,
1252
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
1253
- padding: 0 7px;
1254
- }
1255
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
1256
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
1257
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label,
1258
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
1259
- font-size: 14px;
1260
- }
1261
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1262
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
1263
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1264
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
1265
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1266
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn,
1267
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1268
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
1269
- padding: 0 5px;
1270
- font-size: 14px;
1271
- line-height: 125%;
1272
- }
1273
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1274
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1275
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1276
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1277
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1278
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1279
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1280
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1281
- font-size: 32px;
1282
- padding: 8px 3px;
1283
- }
1284
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1285
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1286
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1287
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1288
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1289
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1290
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1291
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
1292
- font-size: 12px;
1293
- line-height: 12px;
1294
- padding: 0 13px;
1295
- }
1296
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1297
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1298
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1299
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1300
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1301
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1302
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1303
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
1304
- font-size: 12px;
1305
- line-height: 12px;
1306
- padding: 0 13px;
1307
- }
1308
- .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,
1309
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
1310
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
1311
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
1312
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
1313
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
1314
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
1315
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
1316
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
1317
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
1318
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
1319
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
1320
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
1321
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
1322
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn {
1323
- font-size: 14px;
1324
- line-height: 125%;
1325
- }
1326
- .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,
1327
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1328
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1329
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
1330
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
1331
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1332
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1333
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
1334
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
1335
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1336
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1337
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
1338
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
1339
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1340
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon {
1341
- font-size: 20px;
1342
- margin: 7px;
1343
- line-height: 20px;
1344
- }
1345
- .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,
1346
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1347
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1348
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1349
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1350
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1351
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1352
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1353
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1354
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1355
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1356
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1357
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1358
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1359
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn {
1360
- padding: 0;
1361
- border: none;
1362
- }
1363
- .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,
1364
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1365
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1366
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1367
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1368
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1369
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1370
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1371
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1372
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1373
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1374
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1375
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1376
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1377
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon {
1378
- height: 20px;
1379
- width: 20px;
1380
- }
1381
- .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,
1382
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1383
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1384
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1385
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1386
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1387
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1388
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1389
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1390
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1391
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1392
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1393
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1394
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1395
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret {
1396
- font-size: 14px;
1397
- padding: 3px 2px;
1398
- line-height: 12px;
1399
- margin: 0;
1400
- }
1401
-
1402
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1403
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1404
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1405
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1406
- margin: 3px 7px;
1407
- }
1408
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
1409
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
1410
- margin: 7px;
1411
- padding: 0;
1412
- }
1413
- .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,
1414
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1415
- .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,
1416
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1417
- padding: 7px;
1418
- }
1419
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1420
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1421
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1422
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1423
- padding: 7px;
1424
- }
1425
-
1426
- .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1427
- font-size: 14px;
1428
- height: 32px;
1429
- }
1430
- .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1431
- font-size: 20px;
1432
- line-height: 20px;
1433
- }
1434
-
1435
- .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1436
- .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1437
- .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
1438
- .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
1439
- padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
1440
- }
1441
-
1442
- .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
1443
- height: 48px;
1444
- line-height: 48px;
1445
- }
1446
- .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn .e-btn-icon {
1447
- font-size: 20px;
1448
- line-height: 20px;
1449
- padding: 14px 16px;
1450
- }
1451
-
1452
- .e-bigger .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator),
1453
- .e-bigger.e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator),
1454
- .e-bigger .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator),
1455
- .e-bigger.e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) {
1456
- height: 48px;
1457
- }
1458
- .e-bigger .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator) .e-menu-icon,
1459
- .e-bigger.e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator) .e-menu-icon,
1460
- .e-bigger .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon,
1461
- .e-bigger.e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
1462
- font-size: 20px;
1463
- line-height: 20px;
1464
- padding: 14px 16px;
1465
- }
1466
- .e-bigger .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
1467
- .e-bigger.e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
1468
- .e-bigger .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-blankicon,
1469
- .e-bigger.e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-blankicon {
1470
- padding-left: 52px !important; /* stylelint-disable-line declaration-no-important */
1471
- }
1472
-
1473
- .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button,
1474
- .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button {
1475
- padding: 4px 9px;
1476
- }
1477
- .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon,
1478
- .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon {
1479
- font-size: 20px;
1480
- line-height: 20px;
1481
- margin: 7px;
1482
- }
1483
- .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
1484
- .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
1485
- padding: 0;
1486
- }
1487
- .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button,
1488
- .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button {
1489
- font-size: 14px;
1490
- }
1491
- .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn),
1492
- .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn) {
1493
- padding: 0 7px 0 0;
1494
- }
1495
-
1496
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
1497
- border-color: unset;
1498
- }
1499
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
1500
- color: #111827;
1501
- }
1502
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
1503
- color: #4f46e5;
1504
- }
1505
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
1506
- color: #4f46e5;
1507
- }
1508
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-indicator {
1509
- background: #4f46e5;
1510
- }
1511
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav {
1512
- border-color: #d1d5db;
1513
- background: #f3f4f6;
1514
- }
1515
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
1516
- color: #6b7280;
1517
- }
1518
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:hover {
1519
- border-color: #d1d5db;
1520
- background: #e5e7eb;
1521
- }
1522
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:hover .e-nav-arrow {
1523
- color: #374151;
1524
- }
1525
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:active {
1526
- border-color: #d1d5db;
1527
- background: #e5e7eb;
1528
- }
1529
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:active .e-nav-arrow {
1530
- color: #374151;
1531
- }
1532
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:focus {
1533
- border-color: #d1d5db;
1534
- background: #e5e7eb;
1535
- }
1536
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:focus .e-nav-arrow {
1537
- color: #374151;
1538
- }
1539
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
1540
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
1541
- color: #111827;
1542
- background: transparent;
1543
- border-color: unset;
1544
- }
1545
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active,
1546
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active {
1547
- color: #fff;
1548
- background: #4f46e5;
1549
- }
1550
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu:hover:not(.e-active),
1551
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:hover:not(.e-active) {
1552
- color: #4f46e5;
1553
- }
1554
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu:focus-visible,
1555
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:focus-visible {
1556
- color: #4f46e5;
1557
- }
1558
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
1559
- border-color: unset;
1560
- }
1561
- .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-tab-wrap:focus .e-tab-text {
1562
- color: #4f46e5;
1563
- }
1564
- .e-ribbon.e-rbn .e-ribbon-collapse-btn {
1565
- color: #6b7280;
1566
- background: #f3f4f6;
1567
- border-color: transparent;
1568
- }
1569
- .e-ribbon.e-rbn .e-ribbon-collapse-btn:hover, .e-ribbon.e-rbn .e-ribbon-collapse-btn:focus-visible {
1570
- background: #e5e7eb;
1571
- color: #374151;
1572
- border-color: unset;
1573
- }
1574
-
1575
- .e-ribbon-backstage-popup {
1576
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
1577
- }
1578
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper {
1579
- background: #4f46e5;
1580
- }
1581
- .e-ribbon-backstage-popup .e-btn {
1582
- background: #4f46e5;
1583
- color: #fff;
1584
- font-weight: 400;
1585
- }
1586
- .e-ribbon-backstage-popup .e-btn:focus {
1587
- background: #4338ca;
1588
- color: #fff;
1589
- border-color: #e0e7ff;
1590
- }
1591
- .e-ribbon-backstage-popup .e-btn:hover {
1592
- background: #3730a3;
1593
- color: #fff;
1594
- border-color: unset;
1595
- }
1596
- .e-ribbon-backstage-popup .e-btn:hover:focus {
1597
- background: #4338ca;
1598
- color: #fff;
1599
- border-color: #e0e7ff;
1600
- }
1601
- .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) {
1602
- background: #4f46e5;
1603
- }
1604
- .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 {
1605
- background: #4f46e5;
1606
- }
1607
- .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 {
1608
- color: #fff;
1609
- }
1610
- .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 {
1611
- color: #fff;
1612
- }
1613
- .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 {
1614
- background: #e5e7eb;
1615
- }
1616
- .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 {
1617
- background: #4338ca;
1618
- border-color: #e0e7ff;
1619
- color: #fff;
1620
- }
1621
- .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 {
1622
- color: #fff;
1623
- }
1624
- .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 {
1625
- background: #3730a3;
1626
- border-color: unset;
1627
- color: #fff;
1628
- }
1629
- .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 {
1630
- color: #fff;
1631
- }
1632
- .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 {
1633
- background: #4338ca;
1634
- border-color: #e0e7ff;
1635
- color: #fff;
1636
- }
1637
- .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 {
1638
- color: #fff;
1639
- }
1640
- .e-ribbon-backstage-popup .e-ribbon-backstage-template,
1641
- .e-ribbon-backstage-popup .e-ribbon-backstage-content {
1642
- background: #f3f4f6;
1643
- }
1644
-
1645
- .e-ribbon.e-rbn,
1646
- .e-ribbon-group-overflow-ddb {
1647
- background: #f3f4f6;
1648
- border-color: unset;
1649
- }
1650
- .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper .e-label,
1651
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper .e-label {
1652
- color: #111827;
1653
- }
1654
- .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper.e-checkbox-disabled .e-label,
1655
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper.e-checkbox-disabled .e-label {
1656
- color: #9ca3af;
1657
- }
1658
- .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,
1659
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-hover,
1660
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-open {
1661
- border-color: #e5e7eb;
1662
- }
1663
- .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-hover, .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-open,
1664
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-hover,
1665
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-open {
1666
- border-color: #e5e7eb;
1667
- }
1668
- .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-vertical:hover .e-split-btn:not(:hover),
1669
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-vertical:hover .e-split-btn:not(:hover) {
1670
- border-color: transparent;
1671
- }
1672
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled,
1673
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
1674
- border-color: transparent;
1675
- }
1676
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
1677
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1678
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1679
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn,
1680
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
1681
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1682
- .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),
1683
- .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),
1684
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1685
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1686
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
1687
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
1688
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1689
- .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),
1690
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn,
1691
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
1692
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1693
- .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),
1694
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn,
1695
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu),
1696
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1697
- .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),
1698
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn {
1699
- color: #111827;
1700
- background: transparent;
1701
- border-color: transparent;
1702
- }
1703
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1704
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1705
- .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,
1706
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
1707
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1708
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1709
- .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,
1710
- .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,
1711
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1712
- .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,
1713
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1714
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1715
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1716
- .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,
1717
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
1718
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1719
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1720
- .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,
1721
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn .e-btn-icon,
1722
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1723
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1724
- .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,
1725
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon {
1726
- color: #6b7280;
1727
- }
1728
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
1729
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
1730
- .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,
1731
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover,
1732
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1733
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1734
- .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,
1735
- .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,
1736
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1737
- .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,
1738
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover,
1739
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
1740
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
1741
- .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,
1742
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover,
1743
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1744
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1745
- .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,
1746
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover,
1747
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1748
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1749
- .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,
1750
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover {
1751
- background: #e5e7eb;
1752
- color: #374151;
1753
- border-color: unset;
1754
- }
1755
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1756
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1757
- .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,
1758
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
1759
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1760
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1761
- .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,
1762
- .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,
1763
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1764
- .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,
1765
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
1766
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1767
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1768
- .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,
1769
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
1770
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1771
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1772
- .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,
1773
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
1774
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1775
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1776
- .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,
1777
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon {
1778
- color: #374151;
1779
- }
1780
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active, .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
1781
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1782
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
1783
- .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,
1784
- .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,
1785
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active,
1786
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active,
1787
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1788
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
1789
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1790
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1791
- .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,
1792
- .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,
1793
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active,
1794
- .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).e-active, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active,
1795
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1796
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1797
- .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,
1798
- .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,
1799
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active,
1800
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active,
1801
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
1802
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
1803
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1804
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
1805
- .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,
1806
- .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,
1807
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active,
1808
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active,
1809
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1810
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
1811
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1812
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1813
- .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,
1814
- .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,
1815
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active,
1816
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active,
1817
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1818
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active,
1819
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1820
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1821
- .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,
1822
- .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,
1823
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active,
1824
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active {
1825
- background: #e5e7eb;
1826
- color: #374151;
1827
- }
1828
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon, .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1829
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1830
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1831
- .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,
1832
- .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,
1833
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
1834
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
1835
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1836
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1837
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1838
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1839
- .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,
1840
- .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,
1841
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1842
- .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).e-active .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1843
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1844
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1845
- .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,
1846
- .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,
1847
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1848
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
1849
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1850
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1851
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1852
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1853
- .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,
1854
- .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,
1855
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
1856
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
1857
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1858
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1859
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1860
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1861
- .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,
1862
- .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,
1863
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1864
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
1865
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1866
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1867
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1868
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1869
- .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,
1870
- .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,
1871
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1872
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon {
1873
- color: #374151;
1874
- }
1875
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
1876
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1877
- .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,
1878
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
1879
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1880
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1881
- .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,
1882
- .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,
1883
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1884
- .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,
1885
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible,
1886
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
1887
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1888
- .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,
1889
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
1890
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1891
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1892
- .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,
1893
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible,
1894
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1895
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1896
- .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,
1897
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible {
1898
- background: #e5e7eb;
1899
- color: #374151;
1900
- border-color: unset;
1901
- }
1902
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1903
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1904
- .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,
1905
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1906
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1907
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1908
- .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,
1909
- .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,
1910
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1911
- .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,
1912
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1913
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1914
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1915
- .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,
1916
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1917
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1918
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1919
- .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,
1920
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1921
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1922
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1923
- .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,
1924
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon {
1925
- color: #374151;
1926
- }
1927
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
1928
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1929
- .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,
1930
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled,
1931
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
1932
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1933
- .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,
1934
- .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,
1935
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1936
- .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,
1937
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled,
1938
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
1939
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1940
- .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,
1941
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled,
1942
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
1943
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1944
- .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,
1945
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled,
1946
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
1947
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1948
- .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,
1949
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled {
1950
- color: #9ca3af;
1951
- }
1952
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1953
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1954
- .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,
1955
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
1956
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1957
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1958
- .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,
1959
- .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,
1960
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1961
- .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,
1962
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
1963
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1964
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1965
- .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,
1966
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
1967
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1968
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1969
- .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,
1970
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
1971
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
1972
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
1973
- .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,
1974
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon {
1975
- color: #9ca3af;
1976
- }
1977
- .e-ribbon.e-rbn .e-ribbon-group-header,
1978
- .e-ribbon-group-overflow-ddb .e-ribbon-group-header {
1979
- color: #111827;
1980
- }
1981
- .e-ribbon.e-rbn .e-ribbon-launcher-icon,
1982
- .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
1983
- border-color: transparent;
1984
- }
1985
- .e-ribbon.e-rbn .e-ribbon-launcher-icon:hover, .e-ribbon.e-rbn .e-ribbon-launcher-icon:focus-visible,
1986
- .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon:hover,
1987
- .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon:focus-visible {
1988
- background: #e5e7eb;
1989
- color: #374151;
1990
- border-color: unset;
1991
- }
1992
- .e-ribbon.e-rbn .e-input-group,
1993
- .e-ribbon-group-overflow-ddb .e-input-group {
1994
- border-color: #d1d5db;
1995
- background: #fff;
1996
- }
1997
- .e-ribbon.e-rbn .e-input-group input.e-input,
1998
- .e-ribbon-group-overflow-ddb .e-input-group input.e-input {
1999
- color: #111827;
2000
- }
2001
- .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
2002
- .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
2003
- color: #6b7280;
2004
- }
2005
- .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon:hover,
2006
- .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon:hover {
2007
- background: #e5e7eb;
2008
- color: #374151;
2009
- }
2010
- .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,
2011
- .e-ribbon-group-overflow-ddb .e-input-group.e-disabled,
2012
- .e-ribbon-group-overflow-ddb .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled {
2013
- border-color: #9ca3af;
2014
- }
2015
- .e-ribbon.e-rbn .e-ribbon-group::after,
2016
- .e-ribbon-group-overflow-ddb .e-ribbon-group::after {
2017
- border-color: #e5e7eb;
2018
- }
2019
-
2020
- .e-ribbon-group-overflow-ddb.e-dropdown-popup {
2021
- background: #f3f4f6;
2022
- border-color: unset;
2023
- }
2024
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab {
2025
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
2026
- }
2027
-
2028
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn,
2029
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn,
2030
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn,
2031
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn {
2032
- background: transparent;
2033
- }
2034
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
2035
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
2036
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
2037
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:hover {
2038
- background: #e5e7eb;
2039
- }
2040
- .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,
2041
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
2042
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:active,
2043
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
2044
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:active,
2045
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
2046
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:active {
2047
- background: #e5e7eb;
2048
- }
2049
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
2050
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
2051
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
2052
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:focus {
2053
- background: #e5e7eb;
2054
- }
2055
-
2056
- .e-bigger .e-ribbon-group-overflow-ddb.e-dropdown-popup {
2057
- background: #f3f4f6;
2058
- border-color: unset;
2059
- }
2060
-
2061
- .e-dropdown-popup.e-ribbon-dropdown-group-button {
2062
- background: #fff;
2063
- box-shadow: none;
2064
- border-color: #e5e7eb;
2065
- }
2066
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-icon {
2067
- color: #6b7280;
2068
- }
2069
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button {
2070
- color: #111827;
2071
- background: #fff;
2072
- }
2073
- .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 {
2074
- background: #f3f4f6;
2075
- }
2076
- .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 {
2077
- color: #111827;
2078
- }
2079
- .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 {
2080
- background: #f3f4f6;
2081
- color: #111827;
2082
- }
2083
- .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 {
2084
- color: #111827;
2085
- }
2086
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active {
2087
- background: #e5e7eb;
2088
- }
2089
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active .e-btn-icon {
2090
- color: #374151;
2091
- }
2092
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active {
2093
- background: #e5e7eb;
2094
- color: #111827;
2095
- }
2096
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
2097
- color: #374151;
2098
- }
2099
-
2100
- .e-ribbon-tooltip.e-tooltip-wrap.e-popup {
2101
- background: #111827;
2102
- }
2103
- .e-ribbon-tooltip.e-tooltip-wrap .e-tip-content {
2104
- color: #f9fafb;
2105
- }
2106
- .e-ribbon-tooltip.e-tooltip-wrap .e-arrow-tip .e-arrow-tip-inner.e-tip-top {
2107
- color: #111827;
2108
- }
2109
-
2110
- .e-ribbon-menu.e-menu-wrapper:not(.e-menu-popup), .e-ribbon-menu.e-menu-container:not(.e-menu-popup) {
2111
- background: #fff;
2112
- }
2113
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
2114
- border-color: #e5e7eb;
2115
- background: #fff;
2116
- }
2117
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
2118
- color: #111827;
2119
- }
2120
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2121
- .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,
2122
- .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-caret {
2123
- color: #6b7280;
2124
- }
2125
- .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 {
2126
- background: #f3f4f6;
2127
- color: #111827;
2128
- }
1
+ @import '@syncfusion/ej2-ribbon/styles/tailwind.css';