@syncfusion/ej2-react-ribbon 26.2.7 → 26.2.8

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