@syncfusion/ej2-vue-ribbon 26.2.7 → 26.2.10

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 (44) hide show
  1. package/dist/ej2-vue-ribbon.umd.min.js +2 -2
  2. package/dist/ej2-vue-ribbon.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-vue-ribbon.es2015.js +2 -8
  4. package/dist/es6/ej2-vue-ribbon.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-ribbon.es5.js +2 -8
  6. package/dist/es6/ej2-vue-ribbon.es5.js.map +1 -1
  7. package/package.json +8 -8
  8. package/src/ribbon/ribbon.component.js +2 -8
  9. package/styles/bootstrap-dark.css +1 -2749
  10. package/styles/bootstrap.css +1 -2751
  11. package/styles/bootstrap4.css +1 -2815
  12. package/styles/bootstrap5-dark.css +1 -2842
  13. package/styles/bootstrap5.css +1 -2842
  14. package/styles/fabric-dark.css +1 -2724
  15. package/styles/fabric.css +1 -2718
  16. package/styles/fluent-dark.css +1 -2821
  17. package/styles/fluent.css +1 -2821
  18. package/styles/fluent2.css +1 -3894
  19. package/styles/highcontrast-light.css +1 -2731
  20. package/styles/highcontrast.css +1 -2736
  21. package/styles/material-dark.css +1 -2868
  22. package/styles/material.css +1 -2895
  23. package/styles/material3-dark.css +1 -2944
  24. package/styles/material3.css +1 -3056
  25. package/styles/ribbon/bootstrap-dark.css +1 -2749
  26. package/styles/ribbon/bootstrap.css +1 -2751
  27. package/styles/ribbon/bootstrap4.css +1 -2815
  28. package/styles/ribbon/bootstrap5-dark.css +1 -2842
  29. package/styles/ribbon/bootstrap5.css +1 -2842
  30. package/styles/ribbon/fabric-dark.css +1 -2724
  31. package/styles/ribbon/fabric.css +1 -2718
  32. package/styles/ribbon/fluent-dark.css +1 -2821
  33. package/styles/ribbon/fluent.css +1 -2821
  34. package/styles/ribbon/fluent2.css +1 -3894
  35. package/styles/ribbon/highcontrast-light.css +1 -2731
  36. package/styles/ribbon/highcontrast.css +1 -2736
  37. package/styles/ribbon/material-dark.css +1 -2868
  38. package/styles/ribbon/material.css +1 -2895
  39. package/styles/ribbon/material3-dark.css +1 -2944
  40. package/styles/ribbon/material3.css +1 -3056
  41. package/styles/ribbon/tailwind-dark.css +1 -2849
  42. package/styles/ribbon/tailwind.css +1 -2849
  43. package/styles/tailwind-dark.css +1 -2849
  44. package/styles/tailwind.css +1 -2849
@@ -1,3894 +1 @@
1
- :root {
2
- --color-sf-black: #000;
3
- --color-sf-white: #fff;
4
- --color-sf-primary: #0f6cbd;
5
- --color-sf-primary-text-color: #fff;
6
- --color-sf-primary-light: #b4d6fa;
7
- --color-sf-primary-lighter: #ebf3fc;
8
- --color-sf-primary-dark: #0f548c;
9
- --color-sf-primary-darker: #0c3b5e;
10
- --color-sf-success: #0e700e;
11
- --color-sf-info: #008aa9;
12
- --color-sf-warning: #bc4b09;
13
- --color-sf-danger: #d13438;
14
- --color-sf-success-light: #54b054;
15
- --color-sf-info-light: #56bfd7;
16
- --color-sf-warning-light: #fee5d7;
17
- --color-sf-danger-light: #eeacb2;
18
- --color-sf-success-dark: #54b054;
19
- --color-sf-info-dark: #56bfd7;
20
- --color-sf-warning-dark: #8a3707;
21
- --color-sf-danger-dark: #6e0811;
22
- --color-sf-success-light-alt: #f1faf1;
23
- --color-sf-info-light-alt: #f2fafc;
24
- --color-sf-warning-light-alt: #fff9f5;
25
- --color-sf-danger-light-alt: #fdf3f4;
26
- --color-sf-badge-warning: #fde300;
27
- --color-sf-badge-warning-text: #847619;
28
- --color-sf-primary-label-color: var(--color-sf-primary);
29
- --color-sf-primary-cell-selection: var(--color-sf-primary-lighter);
30
- --color-sf-brand-primary: #7e56d8;
31
- --color-sf-brand-primary-d10: #6e41d3;
32
- --color-sf-content-bg-color: #fafafa;
33
- --color-sf-content-bg-color-alt1: #fff;
34
- --color-sf-content-bg-color-alt2: #f5f5f5;
35
- --color-sf-content-bg-color-alt3: #e6e6e6;
36
- --color-sf-content-bg-color-alt4: #f0f0f0;
37
- --color-sf-content-bg-color-alt5: #ebebeb;
38
- --color-sf-content-bg-color-alt6: #e6e6e6;
39
- --color-sf-content-bg-color-hover: #f0f0f0;
40
- --color-sf-content-bg-color-pressed: #dbdbdb;
41
- --color-sf-content-bg-color-focus: #f0f0f0;
42
- --color-sf-content-bg-color-selected: #e6e6e6;
43
- --color-sf-content-bg-color-dragged: #ebf3fc;
44
- --color-sf-content-bg-color-disabled: #f0f0f0;
45
- --color-sf-flyout-bg-color: #fff;
46
- --color-sf-flyout-bg-color-hover: #f5f5f5;
47
- --color-sf-flyout-bg-color-pressed: #e0e0e0;
48
- --color-sf-flyout-bg-color-selected: #ebebeb;
49
- --color-sf-flyout-bg-color-focus: #f5f5f5;
50
- --color-sf-overlay-bg-color: #000;
51
- --color-sf-table-bg-color-hover: #f5f5f5;
52
- --color-sf-table-bg-color-pressed: #e0e0e0;
53
- --color-sf-table-bg-color-selected: #ebf3fc;
54
- --color-sf-content-text-color: #242424;
55
- --color-sf-content-text-color-alt1: #424242;
56
- --color-sf-content-text-color-alt2: #616161;
57
- --color-sf-content-text-color-alt3: #707070;
58
- --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
59
- --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
60
- --color-sf-content-text-color-focus: var(--color-sf-content-text-color);
61
- --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
62
- --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
63
- --color-sf-content-text-color-disabled: #bdbdbd;
64
- --color-sf-placeholder-text-color: #707070;
65
- --color-sf-flyout-text-color: var(--color-sf-content-text-color);
66
- --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
67
- --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
68
- --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
69
- --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
70
- --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
71
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
72
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
73
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
74
- --color-sf-icon-color: var(--color-sf-content-text-color-alt1);
75
- --color-sf-icon-color-hover: var(--color-sf-content-text-color);
76
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
77
- --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
78
- --color-sf-border-light: #e0e0e0;
79
- --color-sf-border: #d1d1d1;
80
- --color-sf-border-alt: #616161;
81
- --color-sf-border-dark: #c7c7c7;
82
- --color-sf-border-hover: #575757;
83
- --color-sf-border-pressed: #4d4d4d;
84
- --color-sf-border-focus: var(--color-sf-border);
85
- --color-sf-border-selected: #b3b3b3;
86
- --color-sf-border-dragged: #ebf3fc;
87
- --color-sf-border-disabled: var(--color-sf-border-light);
88
- --color-sf-border-warning: #da3b01;
89
- --color-sf-border-error: #c50f1f;
90
- --color-sf-border-success: #107c10;
91
- --color-sf-border-info: #0099bc;
92
- --color-sf-spreadsheet-gridline: var(--color-sf-content-bg-color-alt3);
93
- --color-sf-flyout-border: var(--color-sf-border-light);
94
- --color-sf-primary-bg-color: var(--color-sf-primary);
95
- --color-sf-primary-border-color: var(--color-sf-primary);
96
- --color-sf-primary-text: var(--color-sf-primary-text-color);
97
- --color-sf-primary-bg-color-hover: #115ea3;
98
- --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
99
- --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
100
- --color-sf-primary-bg-color-pressed: #0c3b5e;
101
- --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
102
- --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
103
- --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
104
- --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
105
- --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
106
- --color-sf-primary-bg-color-disabled: #f0f0f0;
107
- --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
108
- --color-sf-primary-text-disabled: #b8b8b8;
109
- --color-sf-primary-bg-color-selected: #0f548c;
110
- --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
111
- --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
112
- --color-sf-secondary-bg-color: #fff;
113
- --color-sf-secondary-border-color: #d1d1d1;
114
- --color-sf-secondary-text-color: var(--color-sf-content-text-color);
115
- --color-sf-secondary-bg-color-hover: #f5f5f5;
116
- --color-sf-secondary-border-color-hover: #c7c7c7;
117
- --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
118
- --color-sf-secondary-bg-color-pressed: #e0e0e0;
119
- --color-sf-secondary-border-color-pressed: #b3b3b3;
120
- --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
121
- --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color);
122
- --color-sf-secondary-border-color-focus: #000;
123
- --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
124
- --color-sf-secondary-bg-color-disabled: #f0f0f0;
125
- --color-sf-secondary-border-color-disabled: #e0e0e0;
126
- --color-sf-secondary-text-color-disabled: #bdbdbd;
127
- --color-sf-secondary-bg-color-selected: #ebebeb;
128
- --color-sf-secondary-border-color-selected: #bdbdbd;
129
- --color-sf-secondary-text-color-selected: #242424;
130
- --color-sf-success-bg-color: #107c10;
131
- --color-sf-success-border-color: var(--color-sf-success-bg-color);
132
- --color-sf-success-text: var(--color-sf-primary-text-color);
133
- --color-sf-success-bg-color-hover: #0c5e0c;
134
- --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
135
- --color-sf-success-text-hover: var(--color-sf-primary-text-color);
136
- --color-sf-success-bg-color-pressed: #052505;
137
- --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
138
- --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
139
- --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
140
- --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
141
- --color-sf-success-text-focus: var(--color-sf-primary-text-color);
142
- --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
143
- --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
144
- --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
145
- --color-sf-success-bg-color-selected: #094509;
146
- --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
147
- --color-sf-success-text-selected: var(--color-sf-primary-text-color);
148
- --color-sf-warning-bg-color: #f7630c;
149
- --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
150
- --color-sf-warning-text: var(--color-sf-content-text-color);
151
- --color-sf-warning-bg-color-hover: #bc4b09;
152
- --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
153
- --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
154
- --color-sf-warning-bg-color-pressed: #4a1e04;
155
- --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
156
- --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
157
- --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
158
- --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
159
- --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
160
- --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
161
- --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
162
- --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
163
- --color-sf-warning-bg-color-selected: #bc4b09;
164
- --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
165
- --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
166
- --color-sf-info-bg-color: #31afcc;
167
- --color-sf-info-border-color: var(--color-sf-info-bg-color);
168
- --color-sf-info-text: var(--color-sf-content-text-color);
169
- --color-sf-info-bg-color-hover: #008aa9;
170
- --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
171
- --color-sf-info-text-hover: var(--color-sf-primary-text-color);
172
- --color-sf-info-bg-color-pressed: #00748f;
173
- --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
174
- --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
175
- --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
176
- --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
177
- --color-sf-info-text-focus: var(--color-sf-primary-text-color);
178
- --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
179
- --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
180
- --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
181
- --color-sf-info-bg-color-selected: #005669;
182
- --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
183
- --color-sf-info-text-selected: var(--color-sf-primary-text-color);
184
- --color-sf-danger-bg-color: #c50f1f;
185
- --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
186
- --color-sf-danger-text: var(--color-sf-primary-text-color);
187
- --color-sf-danger-bg-color-hover: #960b18;
188
- --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
189
- --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
190
- --color-sf-danger-bg-color-pressed: #3b0509;
191
- --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
192
- --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
193
- --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
194
- --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
195
- --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
196
- --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
197
- --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
198
- --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
199
- --color-sf-danger-bg-color-selected: #6e0811;
200
- --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
201
- --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
202
- --color-sf-primary-outline: var(--color-sf-primary);
203
- --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
204
- --color-sf-warning-outline: var(--color-sf-warning-border-color);
205
- --color-sf-danger-outline: var(--color-sf-danger-border-color);
206
- --color-sf-success-outline: var(--color-sf-success-border-color);
207
- --color-sf-info-outline: var(--color-sf-info-border-color);
208
- --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
- --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
- --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
- --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
- --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
214
- --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
215
- --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
216
- --color-sf-appbar-hover-bg-color-alt1: transparent;
217
- --color-sf-appbar-bg-color-alt2: #141414;
218
- --color-sf-appbar-color-alt2: var(--color-sf-content-bg-color-alt1);
219
- --color-sf-appbar-border-color-alt2: #141414;
220
- --color-sf-appbar-hover-bg-color-alt2: transparent;
221
- --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt1);
222
- --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
223
- --color-sf-diagram-palette-selected-background: var(--color-sf-content-bg-color-selected);
224
- --color-sf-rating-selected-color: #242424;
225
- --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
226
- --color-sf-rating-selected-disabled-color: #b3b3b3;
227
- --color-sf-rating-unrated-disabled-color: #b3b3b3;
228
- --color-sf-rating-selected-hover-color: #115ea3;
229
- --color-sf-rating-unrated-hover-color: #0f6cbd;
230
- --color-sf-rating-pressed-color: #0f548c;
231
- --color-sf-msg-color: var(--color-sf-content-text-color);
232
- --color-sf-msg-bg-color: #f5f5f5;
233
- --color-sf-msg-border-color: #d1d1d1;
234
- --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
235
- --color-sf-msg-bg-color-alt1: transparent;
236
- --color-sf-msg-border-color-alt1: #d1d1d1;
237
- --color-sf-msg-color-alt2: #fff;
238
- --color-sf-msg-bg-color-alt2: #616161;
239
- --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
240
- --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
241
- --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
242
- --color-sf-msg-icon-color-alt2: #fff;
243
- --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
244
- --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
245
- --color-sf-msg-close-icon-color-alt2: #fff;
246
- --color-sf-msg-success-color: var(--color-sf-content-text-color);
247
- --color-sf-msg-success-bg-color: #f1faf1;
248
- --color-sf-msg-success-border-color: #9fd89f;
249
- --color-sf-msg-success-color-alt1: #0e700e;
250
- --color-sf-msg-success-bg-color-alt1: transparent;
251
- --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
252
- --color-sf-msg-success-color-alt2: #fff;
253
- --color-sf-msg-success-bg-color-alt2: #107c10;
254
- --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
255
- --color-sf-msg-success-icon-color: #0e700e;
256
- --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
257
- --color-sf-msg-success-icon-color-alt2: #fff;
258
- --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
259
- --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
260
- --color-sf-msg-success-close-icon-color-alt2: #fff;
261
- --color-sf-msg-danger-color: var(--color-sf-content-text-color);
262
- --color-sf-msg-danger-bg-color: #fdf3f4;
263
- --color-sf-msg-danger-border-color: #eeacb2;
264
- --color-sf-msg-danger-color-alt1: #b10e1c;
265
- --color-sf-msg-danger-bg-color-alt1: transparent;
266
- --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
267
- --color-sf-msg-danger-color-alt2: #fff;
268
- --color-sf-msg-danger-bg-color-alt2: #c50f1f;
269
- --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
270
- --color-sf-msg-danger-icon-color: #b10e1c;
271
- --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
272
- --color-sf-msg-danger-icon-color-alt2: #fff;
273
- --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
274
- --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
275
- --color-sf-msg-danger-close-icon-color-alt2: #fff;
276
- --color-sf-msg-info-color: var(--color-sf-content-text-color);
277
- --color-sf-msg-info-bg-color: #f2fafc;
278
- --color-sf-msg-info-border-color: #a4deeb;
279
- --color-sf-msg-info-color-alt1: #00748f;
280
- --color-sf-msg-info-bg-color-alt1: transparent;
281
- --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
282
- --color-sf-msg-info-color-alt2: #fff;
283
- --color-sf-msg-info-bg-color-alt2: #0099bc;
284
- --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
285
- --color-sf-msg-info-icon-color: #008aa9;
286
- --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
287
- --color-sf-msg-info-icon-color-alt2: #fff;
288
- --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
289
- --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
290
- --color-sf-msg-info-close-icon-color-alt2: #fff;
291
- --color-sf-msg-warning-color: var(--color-sf-content-text-color);
292
- --color-sf-msg-warning-bg-color: #fdf6f3;
293
- --color-sf-msg-warning-border-color: #f4bfab;
294
- --color-sf-msg-warning-color-alt1: #c43501;
295
- --color-sf-msg-warning-bg-color-alt1: transparent;
296
- --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
297
- --color-sf-msg-warning-color-alt2: #fff;
298
- --color-sf-msg-warning-bg-color-alt2: #da3b01;
299
- --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
300
- --color-sf-msg-warning-icon-color: #c43501;
301
- --color-sf-msg-warning-icon-color-alt1: --color-sf-msg-warning-icon-color;
302
- --color-sf-msg-warning-icon-color-alt2: #fff;
303
- --color-sf-msg-warning-close-icon-color: --color-sf-content-text-color-alt1;
304
- --color-sf-msg-warning-close-icon-color-alt1: --color-sf-msg-warning-close-icon-color-alt1;
305
- --color-sf-msg-warning-close-icon-color-alt2: #fff;
306
- --color-sf-utility-primary-lighter: #f9f5ff;
307
- --color-sf-utility-success-lighter: #aaefc6;
308
- --color-sf-utility-info-lighter: #b9e6fe;
309
- --color-sf-utility-warning-lighter: #fede88;
310
- --color-sf-utility-danger-lighter: #fecdc9;
311
- --color-sf-fg-white: #fff;
312
- --color-sf-shadow-color: #000;
313
- --color-sf-shadow-color1: #fff;
314
- --color-sf-link-button: var(--color-sf-primary);
315
- --color-sf-link-button-hover: #115ea3;
316
- --color-sf-link-button-pressed: #0c3b5e;
317
- --color-sf-link-button-focus: #0f6cbd;
318
- --color-sf-link-button-border-focus: #242424;
319
- --color-sf-chip-bg-color: #f5f5f5;
320
- --color-sf-chip-border-color: #f5f5f5;
321
- --color-sf-chip-bg-disabled: #f0f0f0;
322
- --color-sf-chip-border-disabled: #fff;
323
- --color-sf-secondary-outline-button-text-color-hover: #242424;
324
- --color-sf-secondary-outline-button-text-color-pressed: #242424;
325
- --color-sf-secondary-outline-button-text-color-selected: #242424;
326
- --color-sf-secondary-outline-button-text-color-focus: #242424;
327
- --color-sf-slider-shadow1: #fff;
328
- --color-sf-slider-shadow2: #d1d1d1;
329
- --color-sf-slider-disabled: #d1d1d1;
330
- --color-sf-slider-border-color: rgba(255, 255, 255, 0);
331
- --color-sf-slider-bg-disabled: #e0e0e0;
332
- --color-sf-toggle-switch-border-disabled: #f0f0f0;
333
- --color-sf-calendar-icon-color: #0f6ebd;
334
- --color-sf-calendar-header-text-color-pressed: #0f548c;
335
- --color-sf-calendar-today-bg-color: #0f63bd;
336
- --color-sf-dialog-border: #fafafa;
337
- --color-sf-badge-light-bg-color: #e6e6e6;
338
- --color-sf-secondary-badge-border-color: #fff;
339
- --color-sf-secondary-badge-bg-color: #fff;
340
- --color-sf-secondary-badge-bg-color-focus: #fff;
341
- --color-sf-skeleton-bg-color: #e6e6e6;
342
- --color-sf-tab-selected-bg-color-disabled: #0f6ebd;
343
- --color-sf-tab-selected-text-color-disabled: #bdbdbd;
344
- --color-sf-ribbon-border-color: #00000000;
345
- --color-sf-toolbar-icon-color: #0f6cbd;
346
- --color-sf-contextual-text: #616161;
347
- --color-sf-cell-selection-bg-color: #ebf3fc;
348
- --color-sf-document-editor-border-color: #00000000;
349
- }
350
-
351
- .e-dark-mode {
352
- --color-sf-black: #000;
353
- --color-sf-white: #fff;
354
- --color-sf-content-bg-color: #1f1f1f;
355
- --color-sf-content-bg-color-alt1: #292929;
356
- --color-sf-content-bg-color-alt2: #141414;
357
- --color-sf-content-bg-color-alt3: #333;
358
- --color-sf-content-bg-color-alt4: #0a0a0a;
359
- --color-sf-content-bg-color-alt5: #000;
360
- --color-sf-content-bg-color-alt6: #050505;
361
- --color-sf-content-bg-color-hover: var(--color-sf-content-bg-color-alt3);
362
- --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-alt2);
363
- --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
364
- --color-sf-content-bg-color-selected: #2e2e2e;
365
- --color-sf-content-bg-color-dragged: #08233b;
366
- --color-sf-content-bg-color-disabled: #141414;
367
- --color-sf-flyout-bg-color: var(--color-sf-content-bg-color-alt1);
368
- --color-sf-flyout-bg-color-hover: #3d3d3d;
369
- --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
370
- --color-sf-flyout-bg-color-selected: #383838;
371
- --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
372
- --color-sf-overlay-bg-color: rgba($black, .4);
373
- --color-sf-table-bg-color-hover: #383838;
374
- --color-sf-table-bg-color-pressed: #2e2e2e;
375
- --color-sf-table-bg-color-selected: #082338;
376
- --color-sf-content-text-color: #fff;
377
- --color-sf-content-text-color-alt1: #d6d6d6;
378
- --color-sf-content-text-color-alt2: #adadad;
379
- --color-sf-content-text-color-alt3: #999;
380
- --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
381
- --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
382
- --color-sf-content-text-color-focus: var(--color-sf-content-text-colo);
383
- --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
384
- --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
385
- --color-sf-content-text-color-disabled: #5c5c5c;
386
- --color-sf-placeholder-text-color: var(--color-sf-content-text-color-alt3);
387
- --color-sf-flyout-text-color: var(--color-sf-content-text-color);
388
- --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
389
- --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
390
- --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
391
- --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
392
- --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
393
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
394
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
395
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
396
- --color-sf-icon-color: #d6d6d6;
397
- --color-sf-icon-color-hover: var(--color-sf-content-text-color);
398
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
399
- --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
400
- --color-sf-border-light: #525252;
401
- --color-sf-border: #666;
402
- --color-sf-border-alt: #adadad;
403
- --color-sf-border-dark: #757575;
404
- --color-sf-border-hover: #757575;
405
- --color-sf-border-pressed: #4d4d4d;
406
- --color-sf-border-focus: var(--color-sf-border);
407
- --color-sf-border-selected: #6b6b6b;
408
- --color-sf-border-dragged: var(--color-sf-primary);
409
- --color-sf-border-disabled: #424242;
410
- --color-sf-border-warning: #bc4b09;
411
- --color-sf-border-error: #dc626d;
412
- --color-sf-border-success: #9fd89f;
413
- --color-sf-border-info: #18a4c4;
414
- --color-sf-spreadsheet-gridline: #e6e6e6;
415
- --color-sf-flyout-border: #525252;
416
- --color-sf-primary: #115ea3;
417
- --color-sf-primary-text-color: #fff;
418
- --color-sf-primary-light: #0e4775;
419
- --color-sf-primary-lighter: #082338;
420
- --color-sf-primary-dark: #62abf5;
421
- --color-sf-primary-darker: #96c6fa;
422
- --color-sf-success: #107c10;
423
- --color-sf-info: #0099bc;
424
- --color-sf-warning: #faa06b;
425
- --color-sf-danger: #dc626d;
426
- --color-sf-success-light: #094509;
427
- --color-sf-info-light: #005669;
428
- --color-sf-warning-light: #4a1e04;
429
- --color-sf-danger-light: #6e0811;
430
- --color-sf-success-dark: #c9eac9;
431
- --color-sf-info-dark: #cdedf4;
432
- --color-sf-warning-dark: #fee5d7;
433
- --color-sf-danger-dark: #fee5d7;
434
- --color-sf-success-light-alt: #052505;
435
- --color-sf-info-light-alt: #002e38;
436
- --color-sf-warning-light-alt: #4a1e04;
437
- --color-sf-danger-light-alt: #3b0509;
438
- --color-sf-badge-warning: #fde300;
439
- --color-sf-badge-warning-text: #fde300;
440
- --color-sf-primary-label-color: #479ef5;
441
- --color-sf-primary-cell-selection: #ebf3fc;
442
- --color-sf-primary-bg-color: var(--color-sf-primary);
443
- --color-sf-primary-border-color: var(--color-sf-primary);
444
- --color-sf-primary-text: var(--color-sf-primary-text-color);
445
- --color-sf-primary-bg-color-hover: #0f6cbd;
446
- --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
447
- --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
448
- --color-sf-primary-bg-color-pressed: #0c3b5e;
449
- --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
450
- --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
451
- --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
452
- --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
453
- --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
454
- --color-sf-primary-bg-color-disabled: #141414;
455
- --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
456
- --color-sf-primary-text-disabled: var(--color-sf-content-text-color-disabled);
457
- --color-sf-primary-bg-color-selected: #0f548c;
458
- --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
459
- --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
460
- --color-sf-secondary-bg-color: #292929;
461
- --color-sf-secondary-border-color: var(--color-sf-border);
462
- --color-sf-secondary-text-color: var(--color-sf-content-text-color);
463
- --color-sf-secondary-bg-color-hover: #3d3d3d;
464
- --color-sf-secondary-border-color-hover: #757575;
465
- --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
466
- --color-sf-secondary-bg-color-pressed: var(--color-sf-black);
467
- --color-sf-secondary-border-color-pressed: #6b6b6b;
468
- --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
469
- --color-sf-secondary-bg-color-focus: #383838;
470
- --color-sf-secondary-border-color-focus: #fff;
471
- --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
472
- --color-sf-secondary-bg-color-disabled: -var(-color-sf-primary-bg-color-disabled);
473
- --color-sf-secondary-border-color-disabled: var(--color-sf-secondary-bg-color-disabled);
474
- --color-sf-secondary-text-color-disabled: var(--color-sf-content-text-color-disabled);
475
- --color-sf-secondary-bg-color-selected: #383838;
476
- --color-sf-secondary-border-color-selected: #707070;
477
- --color-sf-secondary-text-color-selected: var(--color-sf-content-text-color);
478
- --color-sf-success-bg-color: #218c21;
479
- --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
- --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: #0e700e;
482
- --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
- --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
- --color-sf-success-bg-color-pressed: #052505;
485
- --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
486
- --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
487
- --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
488
- --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
489
- --color-sf-success-text-focus: var(--color-sf-primary-text-color);
490
- --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
491
- --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
492
- --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
493
- --color-sf-success-bg-color-selected: #094509;
494
- --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
495
- --color-sf-success-text-selected: var(--color-sf-primary-text-color);
496
- --color-sf-warning-bg-color: #f87528;
497
- --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
- --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: #de590b;
500
- --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
- --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
- --color-sf-warning-bg-color-pressed: #4a1e04;
503
- --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
504
- --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
505
- --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
506
- --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
507
- --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
508
- --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
509
- --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
510
- --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
511
- --color-sf-warning-bg-color-selected: #8a3707;
512
- --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
513
- --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
514
- --color-sf-info-bg-color: #18a4c4;
515
- --color-sf-info-border-color: var(--color-sf-info-bg-color);
516
- --color-sf-info-text: #242424;
517
- --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
518
- --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
519
- --color-sf-info-text-hover: var(--color-sf-primary-text-color);
520
- --color-sf-info-bg-color-pressed: #002e38;
521
- --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
522
- --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
523
- --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
524
- --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
525
- --color-sf-info-text-focus: var(--color-sf-primary-text-color);
526
- --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
527
- --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
528
- --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
529
- --color-sf-info-bg-color-selected: #005669;
530
- --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
531
- --color-sf-info-text-selected: var(--color-sf-primary-text-color);
532
- --color-sf-danger-bg-color: #cc2635;
533
- --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
534
- --color-sf-danger-text: var(--color-sf-primary-text-color);
535
- --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
536
- --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
537
- --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
538
- --color-sf-danger-bg-color-pressed: #3b0509;
539
- --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
540
- --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
541
- --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
542
- --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
543
- --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
544
- --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
545
- --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
546
- --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
547
- --color-sf-danger-bg-color-selected: #6e0811;
548
- --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
549
- --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
550
- --color-sf-primary-outline: var(--color-sf-primary);
551
- --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
552
- --color-sf-warning-outline: #f7630c;
553
- --color-sf-danger-outline: #c50f1f;
554
- --color-sf-success-outline: #107c10;
555
- --color-sf-info-outline: #0099bc;
556
- --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
- --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
- --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
- --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
- --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
562
- --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
563
- --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
564
- --color-sf-appbar-hover-bg-color-alt1: transparent;
565
- --color-sf-appbar-bg-color-alt2: #f5f5f5;
566
- --color-sf-appbar-color-alt2: #242424;
567
- --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
568
- --color-sf-appbar-hover-bg-color-alt2: transparent;
569
- --color-sf-diagram-palette-background: #e0e0e0;
570
- --color-sf-diagram-palette-hover-background: #bdbdbd;
571
- --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
572
- --color-sf-rating-selected-color: #fff;
573
- --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
574
- --color-sf-rating-selected-disabled-color: #575757;
575
- --color-sf-rating-unrated-disabled-color: #4d4d4d;
576
- --color-sf-rating-selected-hover-color: #2886de;
577
- --color-sf-rating-unrated-hover-color: #115ea3;
578
- --color-sf-rating-pressed-color: #479ef5;
579
- --color-sf-msg-color: var(--color-sf-content-text-color);
580
- --color-sf-msg-bg-color: var(--color-sf-content-bg-color-alt2);
581
- --color-sf-msg-border-color: var(--color-sf-border);
582
- --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
583
- --color-sf-msg-bg-color-alt1: transparent;
584
- --color-sf-msg-border-color-alt1: #666666;
585
- --color-sf-msg-color-alt2: #242424;
586
- --color-sf-msg-bg-color-alt2: #c2c2c2;
587
- --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
588
- --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
589
- --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
590
- --color-sf-msg-icon-color-alt2: #fff;
591
- --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
592
- --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
593
- --color-sf-msg-close-icon-color-alt2: #fff;
594
- --color-sf-msg-success-color: var(--color-sf-content-text-color);
595
- --color-sf-msg-success-bg-color: #052505;
596
- --color-sf-msg-success-border-color: #107c10;
597
- --color-sf-msg-success-color-alt1: #54b054;
598
- --color-sf-msg-success-bg-color-alt1: transparent;
599
- --color-sf-msg-success-border-color-alt1: #218c21;
600
- --color-sf-msg-success-color-alt2: #fff;
601
- --color-sf-msg-success-bg-color-alt2: #107c10;
602
- --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
603
- --color-sf-msg-success-icon-color: #54b054;
604
- --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
605
- --color-sf-msg-success-icon-color-alt2: #fff;
606
- --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
607
- --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
608
- --color-sf-msg-success-close-icon-color-alt2: #fff;
609
- --color-sf-msg-danger-color: var(--color-sf-content-text-color);
610
- --color-sf-msg-danger-bg-color: #3b0509;
611
- --color-sf-msg-danger-border-color: #c50f1f;
612
- --color-sf-msg-danger-color-alt1: #dc626d;
613
- --color-sf-msg-danger-bg-color-alt1: transparent;
614
- --color-sf-msg-danger-border-color-alt1: #d33f4c;
615
- --color-sf-msg-danger-color-alt2: #fff;
616
- --color-sf-msg-danger-bg-color-alt2: #c50f1f;
617
- --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
618
- --color-sf-msg-danger-icon-color: #dc626d;
619
- --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
620
- --color-sf-msg-danger-icon-color-alt2: #fff;
621
- --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
622
- --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
623
- --color-sf-msg-danger-close-icon-color-alt2: #fff;
624
- --color-sf-msg-info-color: var(--color-sf-content-text-color);
625
- --color-sf-msg-info-bg-color: #002e38;
626
- --color-sf-msg-info-border-color: #0099bc;
627
- --color-sf-msg-info-color-alt1: #56bfd7;
628
- --color-sf-msg-info-bg-color-alt1: transparent;
629
- --color-sf-msg-info-border-color-alt1: #31afdd;
630
- --color-sf-msg-info-color-alt2: #fff;
631
- --color-sf-msg-info-bg-color-alt2: #0099bc;
632
- --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
633
- --color-sf-msg-info-icon-color: #56bfd7;
634
- --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
635
- --color-sf-msg-info-icon-color-alt2: #fff;
636
- --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
637
- --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
638
- --color-sf-msg-info-close-icon-color-alt2: #fff;
639
- --color-sf-msg-warning-color: var(--color-sf-content-text-color);
640
- --color-sf-msg-warning-bg-color: #411200;
641
- --color-sf-msg-warning-border-color: #da3b01;
642
- --color-sf-msg-warning-color-alt1: #e9835e;
643
- --color-sf-msg-warning-bg-color-alt1: transparent;
644
- --color-sf-msg-warning-border-color-alt1: #e36537;
645
- --color-sf-msg-warning-color-alt2: #fff;
646
- --color-sf-msg-warning-bg-color-alt2: #da3b01;
647
- --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
648
- --color-sf-msg-warning-icon-color: #e9835e;
649
- --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-icon-color);
650
- --color-sf-msg-warning-icon-color-alt2: #fff;
651
- --color-sf-msg-warning-close-icon-color: var(--color-sf-content-text-color-alt1);
652
- --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-close-icon-color-alt1);
653
- --color-sf-msg-warning-close-icon-color-alt2: #fff;
654
- --color-sf-shadow-color: #fff;
655
- --color-sf-shadow-color1: #000;
656
- --color-sf-link-button: var(--color-sf-primary);
657
- --color-sf-link-button-hover: #0f6cbd;
658
- --color-sf-link-button-pressed: #115ea3;
659
- --color-sf-link-button-focus: #115ea3;
660
- --color-sf-link-button-border-focus: #fff;
661
- --color-sf-chip-bg-color: #141414;
662
- --color-sf-chip-border-color: #141414;
663
- --color-sf-chip-bg-disabled: #141414;
664
- --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
665
- --color-sf-secondary-outline-button-text-color-hover: #fff;
666
- --color-sf-secondary-outline-button-text-color-pressed: #fff;
667
- --color-sf-secondary-outline-button-text-color-selected: #fff;
668
- --color-sf-secondary-outline-button-text-color-focus: #fff;
669
- --color-sf-slider-shadow1: #000;
670
- --color-sf-slider-shadow2: #666666;
671
- --color-sf-slider-disabled: #666666;
672
- --color-sf-slider-border-color: rgba(255, 255, 255, 0);
673
- --color-sf-slider-bg-disabled: #525252;
674
- --color-sf-toggle-switch-border-disabled: #141414;
675
- --color-sf-calendar-icon-color: #1153a3;
676
- --color-sf-calendar-header-text-color-pressed: #62abf5;
677
- --color-sf-calendar-today-bg-color: #1153a3;
678
- --color-sf-dialog-border: #1f1f1f;
679
- --color-sf-badge-light-bg-color: #333333;
680
- --color-sf-secondary-badge-border-color: #292929;
681
- --color-sf-secondary-badge-bg-color: #292929;
682
- --color-sf-secondary-badge-bg-color-focus: #292929;
683
- --color-sf-skeleton-bg-color: #575757;
684
- --color-sf-tab-selected-bg-color-disabled: #115ea3;
685
- --color-sf-tab-selected-text-color-disabled: #a3a3a3;
686
- --color-sf-ribbon-border-color: #00000000;
687
- --color-sf-toolbar-icon-color: #479ef5;
688
- --color-sf-contextual-text: #fff;
689
- --color-sf-cell-selection-bg-color: #08233b;
690
- --color-sf-document-editor-border-color: #00000000;
691
- }
692
-
693
- .e-high-contrast {
694
- --color-sf-black: #000;
695
- --color-sf-white: #fff;
696
- --color-sf-content-bg-color: #000;
697
- --color-sf-content-bg-color-alt1: var(--color-sf-black);
698
- --color-sf-content-bg-color-alt2: var(--color-sf-black);
699
- --color-sf-content-bg-color-alt3: var(--color-sf-black);
700
- --color-sf-content-bg-color-alt4: var(--color-sf-black);
701
- --color-sf-content-bg-color-alt5: var(--color-sf-black);
702
- --color-sf-content-bg-color-alt6: var(--color-sf-black);
703
- --color-sf-content-bg-color-hover: #1aebff;
704
- --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-hover);
705
- --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
706
- --color-sf-content-bg-color-selected: var(--color-sf-content-bg-color-hover);
707
- --color-sf-content-bg-color-dragged: #fff;
708
- --color-sf-content-bg-color-disabled: #000000;
709
- --color-sf-flyout-bg-color: var(--color-sf-black);
710
- --color-sf-flyout-bg-color-hover: var(--color-sf-content-bg-color-hover);
711
- --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
712
- --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
713
- --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
714
- --color-sf-overlay-bg-color: rgba($black, .4);
715
- --color-sf-table-bg-color-hover: var(--color-sf-black);
716
- --color-sf-table-bg-color-pressed: var(--color-sf-black);
717
- --color-sf-table-bg-color-selected: #1a3bff;
718
- --color-sf-content-text-color: #fff;
719
- --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
720
- --color-sf-content-text-color-alt2: var(--color-sf-content-text-color);
721
- --color-sf-content-text-color-alt3: var(--color-sf-content-text-color);
722
- --color-sf-content-text-color-hover: #000;
723
- --color-sf-content-text-color-pressed: var(--color-sf-content-text-color-hover);
724
- --color-sf-content-text-color-focus: var(--color-sf-content-text-color-hover);
725
- --color-sf-content-text-color-selected: var(--color-sf-content-text-color-hover);
726
- --color-sf-content-text-color-dragged: #000;
727
- --color-sf-content-text-color-disabled: #3ff23f;
728
- --color-sf-placeholder-text-color: var(--color-sf-content-text-color);
729
- --color-sf-flyout-text-color: var(--color-sf-content-text-color);
730
- --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color-hover);
731
- --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color-hover);
732
- --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
733
- --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
734
- --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
735
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color-hover);
736
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
737
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
738
- --color-sf-icon-color: #fff;
739
- --color-sf-icon-color-hover: var(--color-sf-content-text-color-hover);
740
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color-hover);
741
- --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
742
- --color-sf-border-light: #fff;
743
- --color-sf-border: var(--color-sf-border-light);
744
- --color-sf-border-alt: var(--color-sf-border-light);
745
- --color-sf-border-dark: var(--color-sf-border-light);
746
- --color-sf-border-hover: #1aebff;
747
- --color-sf-border-pressed: var(--color-sf-border-hover);
748
- --color-sf-border-focus: var(--color-sf-border-hover);
749
- --color-sf-border-selected: var(--color-sf-border-hover);
750
- --color-sf-border-dragged: var(--color-sf-border-light);
751
- --color-sf-border-disabled: #3ff23f;
752
- --color-sf-border-warning: #f7630c;
753
- --color-sf-border-error: #c50f1f;
754
- --color-sf-border-success: #107c10;
755
- --color-sf-border-info: #0099bc;
756
- --color-sf-spreadsheet-gridline: #e6e6e6;
757
- --color-sf-flyout-border: var(--color-sf-border-light);
758
- --color-sf-primary: #1aebff;
759
- --color-sf-primary-text-color: #000;
760
- --color-sf-primary-light: rgba(26, 235, 255, .8);
761
- --color-sf-primary-lighter: var(--color-sf-primary-light);
762
- --color-sf-primary-dark: var(--color-sf-primary);
763
- --color-sf-primary-darker: var(--color-sf-primary);
764
- --color-sf-success: #107c10;
765
- --color-sf-info: #0099bc;
766
- --color-sf-warning: #f7630c;
767
- --color-sf-danger: #c50f1f;
768
- --color-sf-success-light: #094509;
769
- --color-sf-info-light: #005669;
770
- --color-sf-warning-light: #4a1e04;
771
- --color-sf-danger-light: #6e0811;
772
- --color-sf-success-dark: #c9eac9;
773
- --color-sf-info-dark: #cdedf4;
774
- --color-sf-warning-dark: #fee5d7;
775
- --color-sf-danger-dark: #f6d1d5;
776
- --color-sf-success-light-alt: #052505;
777
- --color-sf-info-light-alt: #002e38;
778
- --color-sf-warning-light-alt: #4a1e04;
779
- --color-sf-danger-light-alt: #3b0509;
780
- --color-sf-badge-warning: #fde300;
781
- --color-sf-badge-warning-text: #fde300;
782
- --color-sf-primary-label-color: #1aebff;
783
- --color-sf-primary-cell-selection: rgba(26, 235, 255, .28);
784
- --color-sf-primary-bg-color: #1aebff;
785
- --color-sf-primary-border-color: var(--color-sf-primary-bg-color);
786
- --color-sf-primary-text: #000;
787
- --color-sf-primary-bg-color-hover: var(--color-sf-primary-bg-color);
788
- --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color);
789
- --color-sf-primary-text-hover: var(--color-sf-primary-text);
790
- --color-sf-primary-bg-color-pressed: var(--color-sf-primary-bg-color);
791
- --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color);
792
- --color-sf-primary-text-pressed: var(--color-sf-primary-text);
793
- --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color);
794
- --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color);
795
- --color-sf-primary-text-focus: var(--color-sf-primary-text);
796
- --color-sf-primary-bg-color-disabled: #000;
797
- --color-sf-primary-border-color-disabled: #3ff23f;
798
- --color-sf-primary-text-disabled: var(--color-sf-primary-border-color-disabled);
799
- --color-sf-primary-bg-color-selected: var(--color-sf-primary-bg-color);
800
- --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color);
801
- --color-sf-primary-text-selected: var(--color-sf-primary-text);
802
- --color-sf-secondary-bg-color: #000;
803
- --color-sf-secondary-border-color: var(--color-sf-border);
804
- --color-sf-secondary-text-color: var(--color-sf-content-text-color);
805
- --color-sf-secondary-bg-color-hover: #1aebff;
806
- --color-sf-secondary-border-color-hover: var(--color-sf-secondary-bg-color-hover);
807
- --color-sf-secondary-text-color-hover: #000;
808
- --color-sf-secondary-bg-color-pressed: var(--color-sf-secondary-bg-color-hover);
809
- --color-sf-secondary-border-color-pressed: var(--color-sf-secondary-border-color-hover);
810
- --color-sf-secondary-text-color-pressed: var(--color-sf-secondary-text-color-hover);
811
- --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color-hover);
812
- --color-sf-secondary-border-color-focus: var(--color-sf-secondary-border-color-hover);
813
- --color-sf-secondary-text-color-focus: var(--color-sf-secondary-text-color-hover);
814
- --color-sf-secondary-bg-color-disabled: #000;
815
- --color-sf-secondary-border-color-disabled: #3ff23f;
816
- --color-sf-secondary-text-color-disabled: var(--color-sf-secondary-border-color-disabled);
817
- --color-sf-secondary-bg-color-selected: var(--color-sf-secondary-bg-color-hover);
818
- --color-sf-secondary-border-color-selected: var(--color-sf-secondary-border-color-hover);
819
- --color-sf-secondary-text-color-selected: var(--color-sf-secondary-text-color-hover);
820
- --color-sf-success-bg-color: #107c10;
821
- --color-sf-success-border-color: var(--color-sf-success-bg-color);
822
- --color-sf-success-text: #fff;
823
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
824
- --color-sf-success-border-color-hover: var(--color-sf-success-border-color);
825
- --color-sf-success-text-hover: var(--color-sf-success-text);
826
- --color-sf-success-bg-color-pressed: var(--color-sf-success-bg-color);
827
- --color-sf-success-border-color-pressed: var(--color-sf-success-border-color);
828
- --color-sf-success-text-pressed: var(--color-sf-success-text);
829
- --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
830
- --color-sf-success-border-color-focus: var(--color-sf-success-border-color);
831
- --color-sf-success-text-focus: var(--color-sf-success-text);
832
- --color-sf-success-bg-color-disabled: #000;
833
- --color-sf-success-border-color-disabled: #3ff23f;
834
- --color-sf-success-text-disabled: var(--color-sf-success-border-color-disabled);
835
- --color-sf-success-bg-color-selected: var(--color-sf-success-bg-color);
836
- --color-sf-success-border-color-selected: var(--color-sf-success-border-color);
837
- --color-sf-success-text-selected: var(--color-sf-success-text);
838
- --color-sf-warning-bg-color: #f7630c;
839
- --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
840
- --color-sf-warning-text: #000;
841
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
842
- --color-sf-warning-border-color-hover: var(--color-sf-warning-border-color);
843
- --color-sf-warning-text-hover: var(--color-sf-warning-text);
844
- --color-sf-warning-bg-color-pressed: var(--color-sf-warning-bg-color);
845
- --color-sf-warning-border-color-pressed: var(--color-sf-warning-border-color);
846
- --color-sf-warning-text-pressed: var(--color-sf-warning-text);
847
- --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
848
- --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
849
- --color-sf-warning-text-focus: var(--color-sf-warning-text);
850
- --color-sf-warning-bg-color-disabled: #000;
851
- --color-sf-warning-border-color-disabled: #3ff23f;
852
- --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
853
- --color-sf-warning-bg-color-selected: var(--color-sf-warning-bg-color);
854
- --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
855
- --color-sf-warning-text-selected: var(--color-sf-warning-text);
856
- --color-sf-info-bg-color: #0099bc;
857
- --color-sf-info-border-color: var(--color-sf-info-bg-color);
858
- --color-sf-info-text: #000;
859
- --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
860
- --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
861
- --color-sf-info-text-hover: var(--color-sf-info-text);
862
- --color-sf-info-bg-color-pressed: var(--color-sf-info-bg-color);
863
- --color-sf-info-border-color-pressed: var(--color-sf-info-border-color);
864
- --color-sf-info-text-pressed: var(--color-sf-info-text);
865
- --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
866
- --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
867
- --color-sf-info-text-focus: var(--color-sf-info-text);
868
- --color-sf-info-bg-color-disabled: #000;
869
- --color-sf-info-border-color-disabled: #3ff23f;
870
- --color-sf-info-text-disabled: var(--color-sf-info-border-color-disabled);
871
- --color-sf-info-bg-color-selected: var(--color-sf-info-bg-color);
872
- --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
873
- --color-sf-info-text-selected: var(--color-sf-info-text);
874
- --color-sf-danger-bg-color: #c50f1f;
875
- --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
876
- --color-sf-danger-text: #fff;
877
- --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
878
- --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
879
- --color-sf-danger-text-hover: var(--color-sf-danger-text);
880
- --color-sf-danger-bg-color-pressed: var(--color-sf-danger-bg-color);
881
- --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
882
- --color-sf-danger-text-pressed: var(--color-sf-danger-text);
883
- --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
884
- --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
885
- --color-sf-danger-text-focus: var(--color-sf-danger-text);
886
- --color-sf-danger-bg-color-disabled: #000;
887
- --color-sf-danger-border-color-disabled: #3ff23f;
888
- --color-sf-danger-text-disabled: var(--color-sf-danger-border-color-disabled);
889
- --color-sf-danger-bg-color-selected: var(--color-sf-danger-bg-color);
890
- --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
891
- --color-sf-danger-text-selected: var(--color-sf-danger-text);
892
- --color-sf-primary-outline: var(--color-sf-primary);
893
- --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
894
- --color-sf-warning-outline: #f7630c;
895
- --color-sf-danger-outline: #c50f1f;
896
- --color-sf-success-outline: #107c10;
897
- --color-sf-info-outline: #0099bc;
898
- --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
- --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
- --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
- --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
- --color-sf-appbar-bg-color-alt1: #fff;
904
- --color-sf-appbar-color-alt1: #000;
905
- --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
906
- --color-sf-appbar-hover-bg-color-alt1: var(--color-sf-appbar-bg-color-alt1);
907
- --color-sf-appbar-bg-color-alt2: var(--color-sf-appbar-color-alt1);
908
- --color-sf-appbar-color-alt2: var(--color-sf-appbar-bg-color-alt1);
909
- --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt1);
910
- --color-sf-appbar-hover-bg-color-alt2: var(--color-sf-appbar-color-alt1);
911
- --color-sf-diagram-palette-background: #000;
912
- --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
913
- --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
914
- --color-sf-rating-selected-color: #fff;
915
- --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
916
- --color-sf-rating-selected-disabled-color: var(--color-sf-content-text-color-disabled);
917
- --color-sf-rating-unrated-disabled-color: var(--color-sf-content-text-color-disabled);
918
- --color-sf-rating-selected-hover-color: var(--color-sf-content-bg-color-hover);
919
- --color-sf-rating-unrated-hover-color: var(--color-sf-content-bg-color-hover);
920
- --color-sf-rating-pressed-color: var(--color-sf-content-bg-color-hover);
921
- --color-sf-msg-color: #fff;
922
- --color-sf-msg-bg-color: #000;
923
- --color-sf-msg-border-color: var(--color-sf-msg-color);
924
- --color-sf-msg-color-alt1: #1aebff;
925
- --color-sf-msg-bg-color-alt1: var(--color-sf-msg-bg-color);
926
- --color-sf-msg-border-color-alt1: var(--color-sf-msg-color);
927
- --color-sf-msg-color-alt2: var(--color-sf-msg-bg-color);
928
- --color-sf-msg-bg-color-alt2: var(--color-sf-msg-color-alt1);
929
- --color-sf-msg-border-color-alt2: var(--color-sf-msg-color-alt1);
930
- --color-sf-msg-icon-color: var(--color-sf-msg-color);
931
- --color-sf-msg-icon-color-alt1: var(--color-sf-msg-color-alt);
932
- --color-sf-msg-icon-color-alt2: var(--color-sf-msg-bg-color);
933
- --color-sf-msg-close-icon-color: var(--color-sf-msg-color);
934
- --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-color);
935
- --color-sf-msg-close-icon-color-alt2: var(--color-sf-msg-bg-color);
936
- --color-sf-msg-success-color: #107c10;
937
- --color-sf-msg-success-bg-color: #000;
938
- --color-sf-msg-success-border-color: var(--color-sf-msg-success-color);
939
- --color-sf-msg-success-color-alt1: #107c10;
940
- --color-sf-msg-success-bg-color-alt1: var(--color-sf-msg-success-bg-color);
941
- --color-sf-msg-success-border-color-alt1: #fff;
942
- --color-sf-msg-success-color-alt2: var(--color-sf-msg-success-bg-color);
943
- --color-sf-msg-success-bg-color-alt2: var(--color-sf-msg-success-color);
944
- --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-color);
945
- --color-sf-msg-success-icon-color: var(--color-sf-msg-success-color);
946
- --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-color);
947
- --color-sf-msg-success-icon-color-alt2: var(--color-sf-msg-success-bg-color);
948
- --color-sf-msg-success-close-icon-color: var(--color-sf-msg-success-border-color-alt1);
949
- --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-border-color-alt1);
950
- --color-sf-msg-success-close-icon-color-alt2: var(--color-sf-msg-success-bg-color);
951
- --color-sf-msg-danger-color: #c50f1f;
952
- --color-sf-msg-danger-bg-color: #000;
953
- --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-color);
954
- --color-sf-msg-danger-color-alt1: #c50f1f;
955
- --color-sf-msg-danger-bg-color-alt1: var(--color-sf-msg-danger-bg-color);
956
- --color-sf-msg-danger-border-color-alt1: #fff;
957
- --color-sf-msg-danger-color-alt2: var(--color-sf-msg-danger-bg-color);
958
- --color-sf-msg-danger-bg-color-alt2: var(--color-sf-msg-danger-color);
959
- --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-color);
960
- --color-sf-msg-danger-icon-color: var(--color-sf-msg-danger-color);
961
- --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-color);
962
- --color-sf-msg-danger-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
963
- --color-sf-msg-danger-close-icon-color: var(--color-sf-msg-danger-border-color-alt1);
964
- --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-border-color-alt1);
965
- --color-sf-msg-danger-close-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
966
- --color-sf-msg-info-color: #0099bc;
967
- --color-sf-msg-info-bg-color: #000;
968
- --color-sf-msg-info-border-color: var(--color-sf-msg-info-color);
969
- --color-sf-msg-info-color-alt1: #0099bc;
970
- --color-sf-msg-info-bg-color-alt1: var(--color-sf-msg-info-bg-color);
971
- --color-sf-msg-info-border-color-alt1: #fff;
972
- --color-sf-msg-info-color-alt2: var(--color-sf-msg-info-bg-color);
973
- --color-sf-msg-info-bg-color-alt2: var(--color-sf-msg-info-color);
974
- --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-color);
975
- --color-sf-msg-info-icon-color: var(--color-sf-msg-info-color);
976
- --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-color);
977
- --color-sf-msg-info-icon-color-alt2: var(--color-sf-msg-info-bg-color);
978
- --color-sf-msg-info-close-icon-color: var(--color-sf-msg-info-border-color-alt1);
979
- --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-border-color-alt1);
980
- --color-sf-msg-info-close-icon-color-alt2: var(--color-sf-msg-info-bg-color);
981
- --color-sf-msg-warning-color: #f7630c;
982
- --color-sf-msg-warning-bg-color: #000;
983
- --color-sf-msg-warning-border-color: #da3b01;
984
- --color-sf-msg-warning-color-alt1: #f7630c;
985
- --color-sf-msg-warning-bg-color-alt1: var(--color-sf-msg-warning-bg-color);
986
- --color-sf-msg-warning-border-color-alt1: #fff;
987
- --color-sf-msg-warning-color-alt2: var(--color-sf-msg-warning-bg-color);
988
- --color-sf-msg-warning-bg-color-alt2: var(--color-sf-msg-warning-color);
989
- --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-color);
990
- --color-sf-msg-warning-icon-color: var(--color-sf-msg-warning-color);
991
- --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-color);
992
- --color-sf-msg-warning-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
993
- --color-sf-msg-warning-close-icon-color: var(--color-sf-msg-warning-border-color-alt11);
994
- --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-border-color-alt11);
995
- --color-sf-msg-warning-close-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
996
- --color-sf-shadow-color: #fff;
997
- --color-sf-shadow-color1: #1aebff;
998
- --color-sf-link-button: #fff000;
999
- --color-sf-link-button-hover: #fff000;
1000
- --color-sf-link-button-pressed: #fff000;
1001
- --color-sf-link-button-focus: #fff000;
1002
- --color-sf-link-button-border-focus: #1aebff;
1003
- --color-sf-chip-bg-color: #000;
1004
- --color-sf-chip-border-color: #fff;
1005
- --color-sf-chip-bg-disabled: #000;
1006
- --color-sf-chip-border-disabled: #3ff23f;
1007
- --color-sf-secondary-outline-button-text-color-hover: #fff;
1008
- --color-sf-secondary-outline-button-text-color-pressed: #fff;
1009
- --color-sf-secondary-outline-button-text-color-selected: #fff;
1010
- --color-sf-secondary-outline-button-text-color-focus: #fff;
1011
- --color-sf-slider-shadow1: #000;
1012
- --color-sf-slider-shadow2: #fff;
1013
- --color-sf-slider-disabled: #3ff23f;
1014
- --color-sf-slider-border-color: #fff;
1015
- --color-sf-slider-bg-disabled: #000;
1016
- --color-sf-toggle-switch-border-disabled: #3ff23f;
1017
- --color-sf-calendar-icon-color: #000;
1018
- --color-sf-calendar-header-text-color-pressed: #000;
1019
- --color-sf-calendar-today-bg-color: #fff;
1020
- --color-sf-dialog-border: #fff;
1021
- --color-sf-badge-light-bg-color: #000;
1022
- --color-sf-secondary-badge-border-color: #fff;
1023
- --color-sf-secondary-badge-bg-color: #000;
1024
- --color-sf-secondary-badge-bg-color-focus: #fff;
1025
- --color-sf-skeleton-bg-color: #fff;
1026
- --color-sf-tab-selected-bg-color-disabled: #000;
1027
- --color-sf-tab-selected-text-color-disabled: #3ff23f;
1028
- --color-sf-ribbon-border-color: #fff;
1029
- --color-sf-toolbar-icon-color: #000;
1030
- --color-sf-contextual-text: #000;
1031
- --color-sf-cell-selection-bg-color: #1aecff1f;
1032
- --color-sf-document-editor-border-color: #fff;
1033
- }
1034
-
1035
- .e-dropdownbase .e-list-item.e-active,
1036
- .e-dropdownbase .e-list-item.e-active.e-hover {
1037
- font-weight: 400;
1038
- }
1039
-
1040
- .e-dropdownbase .e-list-group-item,
1041
- .e-fixed-head {
1042
- font-size: 12px;
1043
- text-transform: uppercase;
1044
- }
1045
-
1046
- .e-small .e-dropdownbase .e-list-group-item,
1047
- .e-small .e-fixed-head,
1048
- .e-small.e-dropdownbase .e-list-group-item,
1049
- .e-small.e-fixed-head {
1050
- font-size: 10px;
1051
- }
1052
-
1053
- .e-bigger .e-dropdownbase .e-list-group-item,
1054
- .e-bigger .e-fixed-head,
1055
- .e-bigger.e-dropdownbase .e-list-group-item,
1056
- .e-bigger.e-fixed-head {
1057
- font-size: 14px;
1058
- }
1059
-
1060
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
1061
- .e-bigger.e-small .e-fixed-head,
1062
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
1063
- .e-bigger.e-small.e-fixed-head {
1064
- font-size: 12px;
1065
- }
1066
-
1067
- .e-dropdownbase .e-list-item .e-list-icon {
1068
- padding: 0 8px 0 0;
1069
- }
1070
-
1071
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
1072
- padding: 0 12px 0 0;
1073
- }
1074
-
1075
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
1076
- padding: 0 8px 0 0;
1077
- }
1078
-
1079
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
1080
- padding: 0 4px 0 0;
1081
- }
1082
-
1083
- /* stylelint-disable */
1084
- .e-dropdownbase .e-list-item {
1085
- border-radius: 6px !important;
1086
- }
1087
-
1088
- .e-ddl.e-control-wrapper .e-ddl-icon::before {
1089
- -webkit-transform: rotate(0deg);
1090
- transform: rotate(0deg);
1091
- -webkit-transition: -webkit-transform 300ms ease;
1092
- transition: -webkit-transform 300ms ease;
1093
- transition: transform 300ms ease;
1094
- transition: transform 300ms ease, -webkit-transform 300ms ease;
1095
- }
1096
-
1097
- .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
1098
- -webkit-transform: rotate(180deg);
1099
- transform: rotate(180deg);
1100
- -webkit-transition: -webkit-transform 300ms ease;
1101
- transition: -webkit-transform 300ms ease;
1102
- transition: transform 300ms ease;
1103
- transition: transform 300ms ease, -webkit-transform 300ms ease;
1104
- }
1105
-
1106
- .e-dropdownbase .e-list-item.e-active.e-hover {
1107
- color: var(--color-sf-content-text-color-selected);
1108
- }
1109
-
1110
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
1111
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
1112
- .e-input-group:not(.e-disabled) .e-back-icon:active,
1113
- .e-input-group:not(.e-disabled) .e-back-icon:hover,
1114
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
1115
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
1116
- background: transparent;
1117
- }
1118
-
1119
- .e-input-group .e-ddl-icon:not(:active)::after {
1120
- -webkit-animation: none;
1121
- animation: none;
1122
- }
1123
-
1124
- .e-ddl.e-popup {
1125
- border: 0;
1126
- border-radius: 8px;
1127
- -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1128
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1129
- margin-top: 4px;
1130
- }
1131
-
1132
- .e-small .e-ddl.e-popup,
1133
- .e-small.e-ddl.e-popup {
1134
- border-radius: 4px;
1135
- margin-top: 2px;
1136
- }
1137
-
1138
- .e-bigger .e-ddl.e-popup,
1139
- .e-bigger.e-ddl.e-popup {
1140
- border-radius: 8px;
1141
- margin-top: 8px;
1142
- }
1143
-
1144
- .e-bigger.e-small .e-ddl.e-popup,
1145
- .e-small.e-bigger.e-ddl.e-popup {
1146
- border-radius: 8px;
1147
- margin-top: 6px;
1148
- }
1149
-
1150
- .e-popup.e-ddl .e-dropdownbase {
1151
- min-height: 26px;
1152
- padding: 6px 4px;
1153
- }
1154
-
1155
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1156
- border-color: var(--color-sf-border-light);
1157
- }
1158
-
1159
- .e-bigger .e-popup.e-ddl-device-filter {
1160
- margin-top: 0;
1161
- }
1162
-
1163
- .e-bigger .e-ddl-device .e-input-group,
1164
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1165
- background: var(--color-sf-flyout-bg-color);
1166
- border-width: 0;
1167
- -webkit-box-shadow: none;
1168
- box-shadow: none;
1169
- margin-bottom: 0;
1170
- }
1171
-
1172
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
1173
- .e-bigger .e-ddl-device .e-input-group input.e-input,
1174
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
1175
- background-color: var(--color-sf-flyout-bg-color);
1176
- }
1177
-
1178
- .e-input-group.e-ddl,
1179
- .e-input-group.e-ddl .e-input,
1180
- .e-input-group.e-ddl .e-ddl-icon {
1181
- background: var(--color-sf-content-bg-color);
1182
- }
1183
-
1184
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
1185
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
1186
- border-bottom-width: 0;
1187
- }
1188
-
1189
- .e-ddl.e-popup.e-outline .e-filter-parent {
1190
- padding: 4px 8px;
1191
- }
1192
-
1193
- /*! component's theme wise override definitions and variables */
1194
- @-webkit-keyframes hscroll-popup-shadow {
1195
- 0% {
1196
- border-color: rgba(255, 255, 255, 0.5);
1197
- -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1198
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1199
- }
1200
- 100% {
1201
- -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1202
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1203
- }
1204
- }
1205
- @keyframes hscroll-popup-shadow {
1206
- 0% {
1207
- border-color: rgba(255, 255, 255, 0.5);
1208
- -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1209
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
1210
- }
1211
- 100% {
1212
- -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1213
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
1214
- }
1215
- }
1216
- /*! component's theme wise override definitions and variables */
1217
- @-webkit-keyframes tbar-alt-popup-shadow {
1218
- 0% {
1219
- border-color: rgba(0, 0, 0, 0.12);
1220
- -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1221
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1222
- }
1223
- 100% {
1224
- -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1225
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1226
- }
1227
- }
1228
- @keyframes tbar-alt-popup-shadow {
1229
- 0% {
1230
- border-color: rgba(0, 0, 0, 0.12);
1231
- -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1232
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1233
- }
1234
- 100% {
1235
- -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1236
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1237
- }
1238
- }
1239
- @-webkit-keyframes hscroll-alt-popup-shadow {
1240
- 0% {
1241
- border-color: rgba(0, 0, 0, 0.12);
1242
- -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1243
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1244
- }
1245
- 100% {
1246
- -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1247
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1248
- }
1249
- }
1250
- @keyframes hscroll-alt-popup-shadow {
1251
- 0% {
1252
- border-color: rgba(0, 0, 0, 0.12);
1253
- -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1254
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1255
- }
1256
- 100% {
1257
- -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1258
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1259
- }
1260
- }
1261
- /* stylelint-disable */
1262
- .e-toolbar-item.e-active {
1263
- background: none !important;
1264
- }
1265
-
1266
- /* stylelint-disable */
1267
- .e-ribbon .e-drop-icon::before {
1268
- content: "\e729";
1269
- }
1270
-
1271
- .e-ribbon.e-rbn {
1272
- display: block;
1273
- border-radius: 4px;
1274
- }
1275
- .e-ribbon.e-rbn .e-ribbon-tab .e-toolbar {
1276
- min-height: auto;
1277
- display: inline-block;
1278
- }
1279
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
1280
- display: none;
1281
- }
1282
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
1283
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
1284
- font-size: 14px;
1285
- font-weight: 400;
1286
- line-height: 20px;
1287
- position: absolute;
1288
- padding: 12px 10px;
1289
- border: none;
1290
- border-width: unset;
1291
- -webkit-box-shadow: none;
1292
- box-shadow: none;
1293
- text-transform: none;
1294
- }
1295
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active,
1296
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active {
1297
- border-radius: 4px 0 0 0;
1298
- }
1299
- .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,
1300
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active,
1301
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:focus {
1302
- -webkit-box-shadow: none;
1303
- box-shadow: none;
1304
- outline: none;
1305
- }
1306
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
1307
- position: absolute;
1308
- top: 0;
1309
- display: -webkit-box;
1310
- display: -ms-flexbox;
1311
- display: flex;
1312
- -webkit-box-align: center;
1313
- -ms-flex-align: center;
1314
- align-items: center;
1315
- height: 44px;
1316
- padding-right: 10px;
1317
- border-bottom: none;
1318
- }
1319
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
1320
- border-bottom: none;
1321
- }
1322
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
1323
- height: 44px;
1324
- min-height: 44px;
1325
- }
1326
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header::before {
1327
- border-width: 0;
1328
- }
1329
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-indicator {
1330
- display: block;
1331
- z-index: 1;
1332
- }
1333
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items {
1334
- height: 44px;
1335
- min-height: auto;
1336
- }
1337
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
1338
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1339
- margin: 0;
1340
- }
1341
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item {
1342
- vertical-align: unset;
1343
- margin: 0;
1344
- border: none;
1345
- border-radius: 4px;
1346
- }
1347
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
1348
- height: auto;
1349
- min-height: auto;
1350
- }
1351
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active {
1352
- border: none;
1353
- }
1354
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active::before {
1355
- display: none;
1356
- }
1357
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1358
- padding: 0;
1359
- height: auto;
1360
- border: none;
1361
- }
1362
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text {
1363
- font-size: 14px;
1364
- font-weight: 400;
1365
- line-height: 20px;
1366
- padding: 12px 10px;
1367
- text-transform: none;
1368
- margin: 0;
1369
- }
1370
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-text-wrap {
1371
- height: auto;
1372
- }
1373
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
1374
- display: none;
1375
- }
1376
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap .e-tab-text {
1377
- font-weight: 600;
1378
- }
1379
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
1380
- -webkit-box-shadow: none;
1381
- box-shadow: none;
1382
- }
1383
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
1384
- padding: 0;
1385
- }
1386
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav {
1387
- height: auto;
1388
- min-height: auto;
1389
- min-width: auto;
1390
- width: auto;
1391
- border-style: solid;
1392
- -webkit-transform: none;
1393
- transform: none;
1394
- border-width: 1px;
1395
- border-radius: 2px;
1396
- z-index: 3;
1397
- }
1398
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
1399
- display: none;
1400
- }
1401
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
1402
- font-size: 14px;
1403
- font-weight: 400;
1404
- line-height: 14px;
1405
- height: auto;
1406
- -webkit-transform: none;
1407
- transform: none;
1408
- padding: 0 5px;
1409
- width: auto;
1410
- letter-spacing: unset;
1411
- }
1412
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow::before {
1413
- font-size: 14px;
1414
- line-height: 14px;
1415
- }
1416
- .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
1417
- height: 44px;
1418
- }
1419
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
1420
- height: auto;
1421
- }
1422
- .e-ribbon.e-rbn .e-content {
1423
- width: 100%;
1424
- }
1425
- .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
1426
- width: calc(100% - 20px);
1427
- }
1428
- .e-ribbon.e-rbn .e-ribbon-collapse-btn {
1429
- bottom: 0;
1430
- cursor: pointer;
1431
- position: absolute;
1432
- line-height: 12px;
1433
- padding: 2px;
1434
- border: none;
1435
- }
1436
- .e-ribbon.e-rbn .e-ribbon-collapse-btn:not(.e-ribbon-expand-btn) {
1437
- -webkit-transform: rotate(180deg);
1438
- transform: rotate(180deg);
1439
- }
1440
- .e-ribbon.e-rbn.e-ribbon-overflow .e-content {
1441
- width: calc(100% - 20px - 40px);
1442
- }
1443
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
1444
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
1445
- cursor: pointer;
1446
- border-radius: 4px;
1447
- padding: 0;
1448
- border: none;
1449
- height: 32px;
1450
- margin: auto;
1451
- -webkit-box-shadow: none;
1452
- box-shadow: none;
1453
- }
1454
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1455
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
1456
- font-size: 16px;
1457
- line-height: 16px;
1458
- padding: 8px;
1459
- margin: 0;
1460
- width: auto;
1461
- }
1462
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus,
1463
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
1464
- outline: none;
1465
- }
1466
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
1467
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
1468
- display: none;
1469
- }
1470
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
1471
- bottom: 3px;
1472
- position: absolute;
1473
- }
1474
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-ribbon-hide {
1475
- display: none;
1476
- }
1477
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-container {
1478
- display: -webkit-inline-box;
1479
- display: -ms-inline-flexbox;
1480
- display: inline-flex;
1481
- }
1482
- .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 {
1483
- display: none;
1484
- }
1485
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
1486
- height: 32px;
1487
- }
1488
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper {
1489
- margin: 0;
1490
- }
1491
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
1492
- width: 72px;
1493
- margin: 0;
1494
- border-radius: 4px;
1495
- max-height: 31px;
1496
- }
1497
- .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 {
1498
- pointer-events: none;
1499
- }
1500
- .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 {
1501
- font-size: 12px;
1502
- }
1503
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
1504
- overflow-y: hidden;
1505
- }
1506
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
1507
- margin-bottom: 0;
1508
- }
1509
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
1510
- padding-top: 2px;
1511
- height: auto;
1512
- }
1513
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group.e-ribbon-emptyCollection::after {
1514
- display: none;
1515
- }
1516
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group.e-ribbon-emptyCollection .e-ribbon-group-container {
1517
- padding: 0;
1518
- }
1519
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-launcher-icon {
1520
- display: none;
1521
- }
1522
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-container {
1523
- padding: 0 8px;
1524
- }
1525
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content {
1526
- padding: 0;
1527
- height: 40px;
1528
- -webkit-box-align: center;
1529
- -ms-flex-align: center;
1530
- align-items: center;
1531
- }
1532
- .e-ribbon.e-rbn .e-ribbon-tab-item {
1533
- display: -webkit-inline-box;
1534
- display: -ms-inline-flexbox;
1535
- display: inline-flex;
1536
- }
1537
- .e-ribbon.e-rbn .e-ribbon-tab-item.e-disabled {
1538
- pointer-events: none;
1539
- }
1540
- .e-ribbon.e-rbn .e-ribbon-group {
1541
- position: relative;
1542
- padding-top: 6px;
1543
- height: 130px;
1544
- }
1545
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
1546
- display: none;
1547
- }
1548
- .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
1549
- pointer-events: none;
1550
- }
1551
- .e-ribbon.e-rbn .e-ribbon-group::after {
1552
- border-right: 1px solid;
1553
- content: "";
1554
- height: calc(100% - 16px);
1555
- position: absolute;
1556
- top: 8px;
1557
- }
1558
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-collapse-btn,
1559
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-help-template,
1560
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-group::after {
1561
- right: 0;
1562
- }
1563
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-overall-of-btn {
1564
- right: 0;
1565
- }
1566
- .e-ribbon.e-rbn:not(.e-rtl).e-ribbon-collapsible .e-ribbon-overall-of-btn {
1567
- right: 25px;
1568
- }
1569
- .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
1570
- left: var(--fileMenuWidth);
1571
- }
1572
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
1573
- padding-right: 30px;
1574
- }
1575
- .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
1576
- .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
1577
- .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
1578
- left: 0;
1579
- }
1580
- .e-ribbon.e-rbn.e-rtl .e-ribbon-overall-of-btn {
1581
- left: 0;
1582
- }
1583
- .e-ribbon.e-rbn.e-rtl.e-ribbon-collapsible .e-ribbon-overall-of-btn {
1584
- left: 25px;
1585
- }
1586
- .e-ribbon.e-rbn.e-rtl .e-tab-header {
1587
- right: var(--fileMenuWidth);
1588
- }
1589
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
1590
- padding-left: 30px;
1591
- }
1592
-
1593
- .e-ribbon-backstage-popup.e-ribbon-backstage-open {
1594
- display: -webkit-box;
1595
- display: -ms-flexbox;
1596
- display: flex;
1597
- }
1598
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper {
1599
- display: -webkit-box;
1600
- display: -ms-flexbox;
1601
- display: flex;
1602
- -webkit-box-orient: vertical;
1603
- -webkit-box-direction: normal;
1604
- -ms-flex-direction: column;
1605
- flex-direction: column;
1606
- }
1607
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-items-wrapper {
1608
- display: -webkit-box;
1609
- display: -ms-flexbox;
1610
- display: flex;
1611
- -webkit-box-orient: vertical;
1612
- -webkit-box-direction: normal;
1613
- -ms-flex-direction: column;
1614
- flex-direction: column;
1615
- -webkit-box-pack: justify;
1616
- -ms-flex-pack: justify;
1617
- justify-content: space-between;
1618
- height: 100%;
1619
- }
1620
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
1621
- border: none;
1622
- border-radius: unset;
1623
- -webkit-box-shadow: none;
1624
- box-shadow: none;
1625
- padding: unset;
1626
- text-align: start;
1627
- width: 100%;
1628
- height: 38px;
1629
- line-height: 38px;
1630
- }
1631
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn .e-btn-icon {
1632
- font-size: 14px;
1633
- line-height: 14px;
1634
- width: auto;
1635
- margin: 0;
1636
- padding: 12px 13px 12px 17px;
1637
- }
1638
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:focus {
1639
- border-style: solid;
1640
- border-width: 0;
1641
- }
1642
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:hover {
1643
- border-style: solid;
1644
- border-width: 0;
1645
- }
1646
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:focus:hover {
1647
- border-style: solid;
1648
- border-width: 0;
1649
- }
1650
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu {
1651
- border: unset;
1652
- border-radius: unset;
1653
- }
1654
- .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 {
1655
- min-width: 135px;
1656
- }
1657
- .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 {
1658
- margin: 4px 20px;
1659
- }
1660
- .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) {
1661
- height: 38px;
1662
- line-height: 38px;
1663
- padding: 0;
1664
- }
1665
- .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 {
1666
- border-style: solid;
1667
- border-width: 0;
1668
- }
1669
- .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 {
1670
- border-style: solid;
1671
- border-width: 0;
1672
- }
1673
- .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 {
1674
- border-style: solid;
1675
- border-width: 0;
1676
- }
1677
- .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 {
1678
- font-size: 14px;
1679
- line-height: 14px;
1680
- width: auto;
1681
- margin-right: unset;
1682
- padding: 12px 8px 12px 12px;
1683
- }
1684
- .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 {
1685
- padding-left: 34px !important; /* stylelint-disable-line declaration-no-important */
1686
- }
1687
- .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,
1688
- .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 {
1689
- padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
1690
- padding-right: 34px !important; /* stylelint-disable-line declaration-no-important */
1691
- }
1692
- .e-ribbon-backstage-popup .e-ribbon-backstage-content {
1693
- overflow: auto;
1694
- }
1695
-
1696
- .e-ribbon.e-rbn,
1697
- .e-ribbon-group-overflow-ddb {
1698
- border: none;
1699
- }
1700
- .e-ribbon.e-rbn .e-disabled,
1701
- .e-ribbon-group-overflow-ddb .e-disabled {
1702
- opacity: unset;
1703
- pointer-events: none;
1704
- }
1705
- .e-ribbon.e-rbn .e-input-group,
1706
- .e-ribbon-group-overflow-ddb .e-input-group {
1707
- height: 32px;
1708
- border-radius: 4px;
1709
- margin: 0 2px 4px;
1710
- }
1711
- .e-ribbon.e-rbn .e-input-group input.e-input,
1712
- .e-ribbon-group-overflow-ddb .e-input-group input.e-input {
1713
- font-size: 14px;
1714
- font-weight: 400;
1715
- line-height: 18px;
1716
- height: auto;
1717
- min-height: auto;
1718
- padding: 6px 0 6px 10px;
1719
- }
1720
- .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
1721
- .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
1722
- font-size: 14px;
1723
- font-weight: 400;
1724
- line-height: 14px;
1725
- height: auto;
1726
- min-height: auto;
1727
- padding: 8px 9px;
1728
- margin: 0;
1729
- border: none;
1730
- min-width: auto;
1731
- border-radius: unset;
1732
- }
1733
- .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1734
- .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon {
1735
- font-size: 14px;
1736
- }
1737
- .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
1738
- .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
1739
- min-width: auto;
1740
- min-height: auto;
1741
- border-radius: unset;
1742
- }
1743
- .e-ribbon.e-rbn .e-input-group .e-clear-icon,
1744
- .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
1745
- min-width: auto;
1746
- }
1747
- .e-ribbon.e-rbn .e-ribbon-group-content,
1748
- .e-ribbon-group-overflow-ddb .e-ribbon-group-content {
1749
- padding: 0 8px;
1750
- }
1751
- .e-ribbon.e-rbn .e-ribbon-content-height,
1752
- .e-ribbon-group-overflow-ddb .e-ribbon-content-height {
1753
- height: 100px;
1754
- }
1755
- .e-ribbon.e-rbn .e-ribbon-group-header,
1756
- .e-ribbon-group-overflow-ddb .e-ribbon-group-header {
1757
- font-size: 10px;
1758
- line-height: 14px;
1759
- -webkit-box-align: center;
1760
- -ms-flex-align: center;
1761
- align-items: center;
1762
- display: -webkit-box;
1763
- display: -ms-flexbox;
1764
- display: flex;
1765
- -webkit-box-pack: center;
1766
- -ms-flex-pack: center;
1767
- justify-content: center;
1768
- white-space: nowrap;
1769
- padding: 4px 11px 8px 11px;
1770
- }
1771
- .e-ribbon.e-rbn .e-ribbon-launcher-icon,
1772
- .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
1773
- position: absolute;
1774
- bottom: 0;
1775
- margin: 0 8px 6px 0;
1776
- cursor: pointer;
1777
- border: none;
1778
- }
1779
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-launcher .e-ribbon-group-header,
1780
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-launcher .e-ribbon-group-header {
1781
- margin-right: 20px;
1782
- }
1783
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-launcher .e-ribbon-launcher-icon,
1784
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-launcher .e-ribbon-launcher-icon {
1785
- right: 0;
1786
- }
1787
- .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher .e-ribbon-group-header,
1788
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher .e-ribbon-group-header {
1789
- margin-left: 20px;
1790
- }
1791
- .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher .e-ribbon-launcher-icon,
1792
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher .e-ribbon-launcher-icon {
1793
- left: 0;
1794
- margin: 0 0 6px 8px;
1795
- }
1796
- .e-ribbon.e-rbn .e-ribbon-column,
1797
- .e-ribbon-group-overflow-ddb .e-ribbon-column {
1798
- display: -webkit-inline-box;
1799
- display: -ms-inline-flexbox;
1800
- display: inline-flex;
1801
- -webkit-box-orient: horizontal;
1802
- -webkit-box-direction: normal;
1803
- -ms-flex-direction: row;
1804
- flex-direction: row;
1805
- }
1806
- .e-ribbon.e-rbn .e-ribbon-row,
1807
- .e-ribbon-group-overflow-ddb .e-ribbon-row {
1808
- display: -webkit-inline-box;
1809
- display: -ms-inline-flexbox;
1810
- display: inline-flex;
1811
- -webkit-box-orient: vertical;
1812
- -webkit-box-direction: normal;
1813
- -ms-flex-direction: column;
1814
- flex-direction: column;
1815
- }
1816
- .e-ribbon.e-rbn .e-ribbon-group-overflow,
1817
- .e-ribbon.e-rbn .e-ribbon-item,
1818
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow,
1819
- .e-ribbon-group-overflow-ddb .e-ribbon-item {
1820
- display: -webkit-box;
1821
- display: -ms-flexbox;
1822
- display: flex;
1823
- padding: 1px;
1824
- vertical-align: middle;
1825
- }
1826
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-gallery-wrapper,
1827
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper,
1828
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-gallery-wrapper,
1829
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-gallery-wrapper {
1830
- display: -webkit-box;
1831
- display: -ms-flexbox;
1832
- display: flex;
1833
- margin: 0;
1834
- }
1835
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
1836
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
1837
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
1838
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
1839
- max-height: 95px;
1840
- margin: 0;
1841
- border-radius: 4px;
1842
- }
1843
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-gallery-button,
1844
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-button,
1845
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-gallery-button,
1846
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-gallery-button {
1847
- padding: 0 2px;
1848
- border-width: 0 0 0 1px;
1849
- border-radius: 0 4px 4px 0;
1850
- line-height: 12px;
1851
- font-weight: 400;
1852
- font-size: 12px;
1853
- }
1854
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-hidden,
1855
- .e-ribbon.e-rbn .e-ribbon-item.e-hidden,
1856
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-hidden,
1857
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-hidden {
1858
- display: none;
1859
- }
1860
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn,
1861
- .e-ribbon.e-rbn .e-ribbon-item .e-btn,
1862
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn,
1863
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
1864
- border: none;
1865
- border-radius: 4px;
1866
- font-weight: 400;
1867
- font-size: 14px;
1868
- text-transform: none;
1869
- -webkit-box-shadow: none;
1870
- box-shadow: none;
1871
- }
1872
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
1873
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
1874
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:focus,
1875
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:focus {
1876
- outline: none;
1877
- }
1878
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1879
- .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),
1880
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1881
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1882
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1883
- .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),
1884
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1885
- .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) {
1886
- border: none;
1887
- }
1888
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1889
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
1890
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1891
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
1892
- height: 100%;
1893
- min-height: inherit;
1894
- display: -webkit-box;
1895
- display: -ms-flexbox;
1896
- display: flex;
1897
- -webkit-box-orient: vertical;
1898
- -webkit-box-direction: normal;
1899
- -ms-flex-direction: column;
1900
- flex-direction: column;
1901
- max-width: 11ch;
1902
- min-width: -webkit-fit-content;
1903
- min-width: -moz-fit-content;
1904
- min-width: fit-content;
1905
- white-space: normal;
1906
- padding: 0 8px;
1907
- line-height: 16px;
1908
- -webkit-box-pack: start;
1909
- -ms-flex-pack: start;
1910
- justify-content: flex-start;
1911
- -webkit-box-align: center;
1912
- -ms-flex-align: center;
1913
- align-items: center;
1914
- }
1915
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
1916
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
1917
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
1918
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb {
1919
- max-width: 100%;
1920
- }
1921
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1922
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1923
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1924
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1925
- font-size: 24px;
1926
- font-weight: 400;
1927
- padding: 8px 0 4px;
1928
- }
1929
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
1930
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top,
1931
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
1932
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top {
1933
- height: 50%;
1934
- }
1935
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1936
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
1937
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1938
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn {
1939
- gap: 4px;
1940
- }
1941
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
1942
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
1943
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
1944
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn {
1945
- -webkit-box-pack: space-evenly;
1946
- -ms-flex-pack: space-evenly;
1947
- justify-content: space-evenly;
1948
- height: 50%;
1949
- }
1950
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
1951
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
1952
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
1953
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top {
1954
- height: 100%;
1955
- }
1956
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1957
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1958
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1959
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
1960
- font-size: 12px;
1961
- line-height: 12px;
1962
- padding: 0 12px;
1963
- }
1964
- .e-ribbon.e-rbn .e-ribbon-group-overflow,
1965
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow {
1966
- height: 100px;
1967
- padding: 2px 8px;
1968
- }
1969
- .e-ribbon.e-rbn .e-ribbon-item,
1970
- .e-ribbon-group-overflow-ddb .e-ribbon-item {
1971
- min-height: 33%;
1972
- padding: 0;
1973
- }
1974
- .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
1975
- .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container) {
1976
- padding: 0;
1977
- border-style: solid;
1978
- border-width: 1px;
1979
- }
1980
- .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
1981
- .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
1982
- height: 96px;
1983
- border-radius: 4px;
1984
- }
1985
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group,
1986
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group {
1987
- -webkit-box-shadow: none;
1988
- box-shadow: none;
1989
- }
1990
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
1991
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
1992
- height: -webkit-fit-content;
1993
- height: -moz-fit-content;
1994
- height: fit-content;
1995
- margin: auto 0;
1996
- width: -webkit-max-content;
1997
- width: -moz-max-content;
1998
- width: max-content;
1999
- padding: 0 5px;
2000
- }
2001
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
2002
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
2003
- font-size: 14px;
2004
- }
2005
- .e-ribbon.e-rbn .e-ribbon-item .e-btn,
2006
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
2007
- -webkit-box-shadow: none;
2008
- box-shadow: none;
2009
- }
2010
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:disabled,
2011
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:disabled {
2012
- pointer-events: none;
2013
- }
2014
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
2015
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
2016
- border: 1px solid transparent;
2017
- border-radius: 4px;
2018
- }
2019
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
2020
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
2021
- padding: 0;
2022
- }
2023
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
2024
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
2025
- border: 1px solid transparent;
2026
- border-radius: 4px;
2027
- -webkit-box-shadow: none;
2028
- box-shadow: none;
2029
- }
2030
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
2031
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
2032
- border-radius: 0;
2033
- }
2034
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2035
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
2036
- font-size: 12px;
2037
- padding: 0 12px;
2038
- }
2039
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item,
2040
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item {
2041
- min-height: 100%;
2042
- }
2043
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical,
2044
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical {
2045
- height: 100%;
2046
- }
2047
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
2048
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
2049
- margin: auto;
2050
- }
2051
- .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,
2052
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
2053
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
2054
- white-space: nowrap;
2055
- padding: 0;
2056
- line-height: 20px;
2057
- }
2058
- .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,
2059
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
2060
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon {
2061
- font-size: 16px;
2062
- line-height: 16px;
2063
- margin: 8px;
2064
- }
2065
- .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,
2066
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
2067
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
2068
- border: none;
2069
- }
2070
- .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,
2071
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2072
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon {
2073
- height: 16px;
2074
- width: 16px;
2075
- }
2076
- .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,
2077
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview,
2078
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
2079
- border-radius: unset;
2080
- }
2081
- .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,
2082
- .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,
2083
- .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 {
2084
- padding: 0 4px;
2085
- }
2086
- .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,
2087
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2088
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
2089
- font-size: 12px;
2090
- line-height: 12px;
2091
- padding: 0 12px 0 0;
2092
- margin: 0;
2093
- width: auto;
2094
- }
2095
- .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,
2096
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper .e-btn,
2097
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper .e-btn {
2098
- margin: 0;
2099
- }
2100
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
2101
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
2102
- -webkit-box-align: center;
2103
- -ms-flex-align: center;
2104
- align-items: center;
2105
- display: -webkit-box;
2106
- display: -ms-flexbox;
2107
- display: flex;
2108
- }
2109
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
2110
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
2111
- width: auto;
2112
- }
2113
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret,
2114
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret {
2115
- margin: 8px;
2116
- padding: 0;
2117
- }
2118
- .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),
2119
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
2120
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
2121
- padding: 0 4px 0 0;
2122
- }
2123
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
2124
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
2125
- padding: 0 2px 0 0;
2126
- }
2127
- .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),
2128
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
2129
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
2130
- padding: 0 0 0 4px;
2131
- }
2132
- .e-ribbon.e-rbn.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
2133
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
2134
- padding: 0 0 0 2px;
2135
- }
2136
-
2137
- .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
2138
- min-width: 190px;
2139
- }
2140
- .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
2141
- display: none;
2142
- }
2143
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-ribbon-gallery-container) {
2144
- border: 0;
2145
- }
2146
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-input-group) {
2147
- margin: 5px 0;
2148
- }
2149
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-dropdown.e-btn {
2150
- padding: 0;
2151
- display: -webkit-box;
2152
- display: -ms-flexbox;
2153
- display: flex;
2154
- -webkit-box-align: center;
2155
- -ms-flex-align: center;
2156
- align-items: center;
2157
- -webkit-box-pack: start;
2158
- -ms-flex-pack: start;
2159
- justify-content: flex-start;
2160
- width: 100%;
2161
- }
2162
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-dropdown.e-btn .e-btn-icon {
2163
- margin: 0;
2164
- }
2165
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-wrapper.e-hidden,
2166
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-container.e-hidden,
2167
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-button.e-hidden,
2168
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden,
2169
- .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 {
2170
- display: none;
2171
- }
2172
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled,
2173
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
2174
- pointer-events: none;
2175
- }
2176
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret {
2177
- font-size: 14px;
2178
- }
2179
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group {
2180
- height: 32px;
2181
- }
2182
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2183
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2184
- white-space: nowrap;
2185
- display: -webkit-box;
2186
- display: -ms-flexbox;
2187
- display: flex;
2188
- -webkit-box-align: center;
2189
- -ms-flex-align: center;
2190
- align-items: center;
2191
- font-weight: 400;
2192
- font-size: 14px;
2193
- }
2194
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper) {
2195
- -webkit-box-align: center;
2196
- -ms-flex-align: center;
2197
- align-items: center;
2198
- }
2199
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
2200
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
2201
- margin: 3px 5px;
2202
- }
2203
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
2204
- font-size: 16px;
2205
- }
2206
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
2207
- margin: 8px 0 8px 8px;
2208
- padding: 0;
2209
- }
2210
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
2211
- padding: 0;
2212
- width: 100%;
2213
- height: 32px;
2214
- }
2215
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
2216
- margin: 0;
2217
- }
2218
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
2219
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
2220
- line-height: 20px;
2221
- overflow: hidden;
2222
- }
2223
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
2224
- width: inherit;
2225
- }
2226
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-split-btn,
2227
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
2228
- width: 100%;
2229
- -webkit-box-pack: start;
2230
- -ms-flex-pack: start;
2231
- justify-content: flex-start;
2232
- }
2233
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
2234
- font-size: 12px;
2235
- font-weight: 600;
2236
- line-height: 16px;
2237
- padding: 8px 0 8px 6px;
2238
- height: 32px;
2239
- }
2240
-
2241
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2242
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2243
- margin-left: 37px;
2244
- }
2245
- .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 {
2246
- padding: 8px 10px 8px 8px;
2247
- }
2248
- .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)) {
2249
- padding-left: 37px;
2250
- }
2251
- .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 {
2252
- margin-left: 37px;
2253
- }
2254
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2255
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
2256
- -webkit-transform: rotate(-90deg);
2257
- transform: rotate(-90deg);
2258
- padding: 0 6px;
2259
- margin: 0 0 0 auto;
2260
- }
2261
-
2262
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
2263
- padding: 8px 6px 8px 0;
2264
- }
2265
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2266
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2267
- margin-right: 37px;
2268
- }
2269
- .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 {
2270
- padding: 8px 8px 8px 10px;
2271
- }
2272
- .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)) {
2273
- padding-right: 37px;
2274
- }
2275
- .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 {
2276
- margin-right: 37px;
2277
- }
2278
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2279
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
2280
- -webkit-transform: rotate(90deg);
2281
- transform: rotate(90deg);
2282
- padding: 0 6px;
2283
- margin: 0 auto 0 0;
2284
- }
2285
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
2286
- margin: 8px 8px 8px 0;
2287
- }
2288
-
2289
- .e-dropdown-popup.e-ribbon-dropdown-group-button {
2290
- border-radius: 4px;
2291
- border: 1px solid;
2292
- padding: 4px 10px;
2293
- }
2294
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-ribbon-groupbutton-header {
2295
- padding-bottom: 10px;
2296
- font-weight: 600;
2297
- line-height: 16px;
2298
- white-space: nowrap;
2299
- }
2300
- .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) {
2301
- width: 100%;
2302
- display: -webkit-box;
2303
- display: -ms-flexbox;
2304
- display: flex;
2305
- -webkit-box-align: center;
2306
- -ms-flex-align: center;
2307
- align-items: center;
2308
- -webkit-box-pack: start;
2309
- -ms-flex-pack: start;
2310
- justify-content: flex-start;
2311
- }
2312
- .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 {
2313
- border-top-right-radius: 4px;
2314
- border-top-left-radius: 4px;
2315
- border-bottom-right-radius: 0;
2316
- border-bottom-left-radius: 0;
2317
- }
2318
- .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 {
2319
- border-top-right-radius: 0;
2320
- border-top-left-radius: 0;
2321
- border-bottom-right-radius: 4px;
2322
- border-bottom-left-radius: 4px;
2323
- }
2324
- .e-dropdown-popup.e-ribbon-dropdown-group-button.e-ribbon-group-button-overflow-popup .e-btn-group:not(.e-icon-btn) {
2325
- -webkit-box-orient: vertical;
2326
- -webkit-box-direction: normal;
2327
- -ms-flex-direction: column;
2328
- flex-direction: column;
2329
- }
2330
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group {
2331
- -webkit-box-shadow: none;
2332
- box-shadow: none;
2333
- border-radius: 4px;
2334
- }
2335
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon {
2336
- font-size: 16px;
2337
- font-weight: 400;
2338
- line-height: 16px;
2339
- margin: 8px;
2340
- width: auto;
2341
- }
2342
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
2343
- padding: 0 3px 0 0;
2344
- }
2345
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button {
2346
- padding: 0;
2347
- font-weight: 400;
2348
- font-size: 14px;
2349
- border: none;
2350
- text-transform: none;
2351
- }
2352
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn) {
2353
- padding: 0 12px 0 0;
2354
- }
2355
- .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 {
2356
- outline: none;
2357
- -webkit-box-shadow: none !important;
2358
- box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
2359
- }
2360
-
2361
- .e-ribbon-gallery-popup.e-popup .e-ribbon-popup-container .e-ribbon-gallery-header:first-child,
2362
- .e-ribbon-gallery-dropdown.e-popup .e-ribbon-popup-container .e-ribbon-gallery-header:first-child {
2363
- padding-top: 0;
2364
- }
2365
-
2366
- .e-ribbon-gallery-popup.e-popup,
2367
- .e-ribbon-gallery-dropdown.e-popup {
2368
- border-radius: 4px;
2369
- padding: 8px 12px 12px;
2370
- overflow: auto;
2371
- }
2372
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
2373
- .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-header {
2374
- font-size: 14px;
2375
- font-weight: 600;
2376
- line-height: 20px;
2377
- padding: 8px 0 8px 12px;
2378
- }
2379
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item,
2380
- .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item {
2381
- margin: 2px;
2382
- height: 54px;
2383
- width: 73px;
2384
- }
2385
-
2386
- .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item {
2387
- width: 95px;
2388
- }
2389
-
2390
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container,
2391
- .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container,
2392
- .e-ribbon-group-overflow .e-ribbon-gallery-container,
2393
- .e-ribbon-item .e-ribbon-gallery-container {
2394
- padding: 0;
2395
- margin: 0;
2396
- display: -webkit-box;
2397
- display: -ms-flexbox;
2398
- display: flex;
2399
- -ms-flex-line-pack: distribute;
2400
- align-content: space-around;
2401
- }
2402
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item,
2403
- .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item,
2404
- .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item,
2405
- .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item {
2406
- display: inherit;
2407
- -webkit-box-orient: vertical;
2408
- -webkit-box-direction: normal;
2409
- -ms-flex-direction: column;
2410
- flex-direction: column;
2411
- -webkit-box-align: center;
2412
- -ms-flex-align: center;
2413
- align-items: center;
2414
- -webkit-box-pack: center;
2415
- -ms-flex-pack: center;
2416
- justify-content: center;
2417
- text-align: center;
2418
- list-style-type: none;
2419
- padding: 5px 0;
2420
- cursor: pointer;
2421
- border-width: 2px;
2422
- border-style: solid;
2423
- border-radius: 4px;
2424
- }
2425
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled,
2426
- .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled,
2427
- .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled,
2428
- .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled {
2429
- pointer-events: none;
2430
- }
2431
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden,
2432
- .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden,
2433
- .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden,
2434
- .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden {
2435
- display: none;
2436
- }
2437
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons,
2438
- .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons,
2439
- .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons,
2440
- .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons {
2441
- font-size: 20px;
2442
- font-weight: 400;
2443
- line-height: 20px;
2444
- padding: 3px;
2445
- background-size: cover;
2446
- }
2447
- .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,
2448
- .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
2449
- .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
2450
- .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
2451
- .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
2452
- .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
2453
- .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected {
2454
- border-radius: 4px;
2455
- }
2456
-
2457
- .e-ribbon-gallery-text {
2458
- font-size: 14px;
2459
- font-weight: 400;
2460
- line-height: 20px;
2461
- width: inherit;
2462
- overflow: hidden;
2463
- white-space: nowrap;
2464
- text-overflow: ellipsis;
2465
- }
2466
-
2467
- .e-ribbon-keytip {
2468
- font-size: 12px;
2469
- line-height: 16px;
2470
- min-width: 24px;
2471
- height: 24px;
2472
- border-radius: 4px;
2473
- }
2474
- .e-ribbon-keytip.e-popup-open {
2475
- display: -webkit-box;
2476
- display: -ms-flexbox;
2477
- display: flex;
2478
- -webkit-box-pack: center;
2479
- -ms-flex-pack: center;
2480
- justify-content: center;
2481
- -webkit-box-align: center;
2482
- -ms-flex-align: center;
2483
- align-items: center;
2484
- }
2485
-
2486
- .e-ribbon-menu {
2487
- display: block;
2488
- }
2489
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
2490
- border: none;
2491
- border-radius: 4px;
2492
- }
2493
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
2494
- border-radius: unset;
2495
- }
2496
- .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 {
2497
- width: auto;
2498
- }
2499
- .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 {
2500
- padding-left: 34px !important; /* stylelint-disable-line declaration-no-important */
2501
- }
2502
-
2503
- .e-ribbon-control.e-dropdown-popup ul .e-item {
2504
- font-size: 14px;
2505
- height: 32px;
2506
- -webkit-box-align: center;
2507
- -ms-flex-align: center;
2508
- align-items: center;
2509
- }
2510
- .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
2511
- font-size: 16px;
2512
- line-height: 16px;
2513
- }
2514
-
2515
- .e-ribbon-tooltip .e-tip-content {
2516
- padding: 4px;
2517
- }
2518
- .e-ribbon-tooltip .e-tip-content .e-ribbon-tooltip-title {
2519
- font-size: 12px;
2520
- line-height: 18px;
2521
- padding: 4px 4px 0;
2522
- }
2523
- .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container {
2524
- padding: 4px;
2525
- display: -webkit-box;
2526
- display: -ms-flexbox;
2527
- display: flex;
2528
- }
2529
- .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container .e-ribbon-tooltip-content {
2530
- font-size: 10px;
2531
- line-height: 15px;
2532
- }
2533
- .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container .e-ribbon-tooltip-icon {
2534
- font-size: 32px;
2535
- line-height: 32px;
2536
- padding-right: 8px;
2537
- }
2538
-
2539
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group,
2540
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group {
2541
- height: 160px;
2542
- }
2543
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
2544
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage,
2545
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
2546
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
2547
- font-size: 16px;
2548
- line-height: 22px;
2549
- padding: 17px 10px;
2550
- }
2551
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template,
2552
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
2553
- padding-right: 10px;
2554
- height: 56px;
2555
- }
2556
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
2557
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
2558
- min-height: auto;
2559
- }
2560
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
2561
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
2562
- height: 56px;
2563
- min-height: 56px;
2564
- }
2565
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items,
2566
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items {
2567
- height: 56px;
2568
- }
2569
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item,
2570
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item {
2571
- margin-right: 0;
2572
- }
2573
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text,
2574
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text {
2575
- font-size: 16px;
2576
- line-height: 20px;
2577
- padding: 12px 10px;
2578
- }
2579
- .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,
2580
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus,
2581
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2582
- height: 56px;
2583
- }
2584
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-content,
2585
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
2586
- width: calc(100% - 24px);
2587
- }
2588
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn,
2589
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn {
2590
- font-size: 12px;
2591
- line-height: 12px;
2592
- padding: 2px;
2593
- }
2594
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content,
2595
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content {
2596
- width: calc(100% - 24px - 40px);
2597
- }
2598
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
2599
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
2600
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
2601
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn {
2602
- height: 40px;
2603
- }
2604
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
2605
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon,
2606
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
2607
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
2608
- font-size: 18px;
2609
- line-height: 18px;
2610
- padding: 11px;
2611
- }
2612
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
2613
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn {
2614
- bottom: 3px;
2615
- }
2616
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow:not(.e-rtl) .e-ribbon-overall-of-btn,
2617
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow:not(.e-rtl) .e-ribbon-overall-of-btn {
2618
- right: 16px;
2619
- }
2620
- .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow.e-rtl .e-ribbon-overall-of-btn,
2621
- .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow.e-rtl .e-ribbon-overall-of-btn {
2622
- left: 16px;
2623
- }
2624
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
2625
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
2626
- height: 120px;
2627
- }
2628
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
2629
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container) {
2630
- padding: 0;
2631
- }
2632
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
2633
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
2634
- max-height: 119px;
2635
- width: 119px;
2636
- }
2637
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
2638
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
2639
- height: 40px;
2640
- }
2641
- .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,
2642
- .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 {
2643
- max-height: 39px;
2644
- }
2645
-
2646
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-header,
2647
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-header,
2648
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-header,
2649
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-header {
2650
- font-size: 12px;
2651
- line-height: 16px;
2652
- padding: 8px 11px;
2653
- }
2654
- .e-bigger.e-ribbon.e-rbn .e-ribbon-launcher-icon,
2655
- .e-bigger .e-ribbon.e-rbn .e-ribbon-launcher-icon,
2656
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon,
2657
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
2658
- margin: 0 8px 8px 0;
2659
- }
2660
- .e-bigger.e-ribbon.e-rbn.e-rtl .e-ribbon-launcher-icon,
2661
- .e-bigger .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher-icon,
2662
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher-icon,
2663
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher-icon {
2664
- margin: 0 0 8px 8px;
2665
- }
2666
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group,
2667
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group,
2668
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group,
2669
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
2670
- height: auto;
2671
- }
2672
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
2673
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
2674
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
2675
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
2676
- margin-bottom: 0;
2677
- }
2678
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
2679
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
2680
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
2681
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content {
2682
- height: 48px;
2683
- }
2684
- .e-bigger.e-ribbon.e-rbn .e-ribbon-content-height,
2685
- .e-bigger .e-ribbon.e-rbn .e-ribbon-content-height,
2686
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-content-height,
2687
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-content-height {
2688
- height: 120px;
2689
- }
2690
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow,
2691
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow,
2692
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow,
2693
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow {
2694
- height: 120px;
2695
- }
2696
- .e-bigger.e-ribbon.e-rbn .e-input-group,
2697
- .e-bigger .e-ribbon.e-rbn .e-input-group,
2698
- .e-bigger .e-ribbon-group-overflow-ddb .e-input-group,
2699
- .e-bigger.e-ribbon-group-overflow-ddb .e-input-group {
2700
- height: 40px;
2701
- margin: 0 3px 6px;
2702
- }
2703
- .e-bigger.e-ribbon.e-rbn .e-input-group:not(.e-float-input) .e-input,
2704
- .e-bigger .e-ribbon.e-rbn .e-input-group:not(.e-float-input) .e-input,
2705
- .e-bigger .e-ribbon-group-overflow-ddb .e-input-group:not(.e-float-input) .e-input,
2706
- .e-bigger.e-ribbon-group-overflow-ddb .e-input-group:not(.e-float-input) .e-input {
2707
- min-height: auto;
2708
- }
2709
- .e-bigger.e-ribbon.e-rbn .e-input-group input.e-input,
2710
- .e-bigger .e-ribbon.e-rbn .e-input-group input.e-input,
2711
- .e-bigger .e-ribbon-group-overflow-ddb .e-input-group input.e-input,
2712
- .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
2713
- font-size: 16px;
2714
- line-height: 22px;
2715
- padding: 9px 0 9px 12px;
2716
- height: auto;
2717
- }
2718
- .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
2719
- .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
2720
- .e-bigger .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon,
2721
- .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
2722
- font-size: 18px;
2723
- line-height: 18px;
2724
- padding: 11px 12px;
2725
- }
2726
- .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
2727
- .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
2728
- .e-bigger .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
2729
- .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon {
2730
- font-size: 18px;
2731
- }
2732
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item,
2733
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item,
2734
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item,
2735
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item {
2736
- padding: 0;
2737
- }
2738
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
2739
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
2740
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper,
2741
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
2742
- padding: 0 7px;
2743
- }
2744
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
2745
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
2746
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label,
2747
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
2748
- font-size: 16px;
2749
- }
2750
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
2751
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
2752
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
2753
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
2754
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
2755
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn,
2756
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
2757
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
2758
- font-size: 14px;
2759
- line-height: 20px;
2760
- padding: 0 12px;
2761
- max-width: 12ch;
2762
- }
2763
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2764
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2765
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2766
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2767
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2768
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2769
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2770
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
2771
- font-size: 32px;
2772
- padding: 8px 0 4px;
2773
- }
2774
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
2775
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
2776
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
2777
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
2778
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
2779
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
2780
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
2781
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn {
2782
- gap: 8px;
2783
- }
2784
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
2785
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
2786
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
2787
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
2788
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
2789
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
2790
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
2791
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
2792
- font-size: 12px;
2793
- line-height: 12px;
2794
- padding: 0 13px;
2795
- }
2796
- .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2797
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2798
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2799
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2800
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2801
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2802
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2803
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
2804
- font-size: 12px;
2805
- line-height: 12px;
2806
- padding: 0 13px;
2807
- }
2808
- .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,
2809
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
2810
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
2811
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
2812
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
2813
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
2814
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
2815
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
2816
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
2817
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
2818
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
2819
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
2820
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
2821
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
2822
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn {
2823
- font-size: 16px;
2824
- line-height: 22px;
2825
- }
2826
- .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,
2827
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
2828
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
2829
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
2830
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
2831
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
2832
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
2833
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
2834
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
2835
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
2836
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
2837
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
2838
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
2839
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
2840
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon {
2841
- font-size: 18px;
2842
- line-height: 18px;
2843
- margin: 11px;
2844
- }
2845
- .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,
2846
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2847
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2848
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2849
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2850
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2851
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2852
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2853
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2854
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2855
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2856
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2857
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2858
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2859
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn {
2860
- padding: 0;
2861
- border: none;
2862
- }
2863
- .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,
2864
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2865
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2866
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2867
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2868
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2869
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2870
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2871
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2872
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2873
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2874
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2875
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2876
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2877
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon {
2878
- height: 20px;
2879
- width: 20px;
2880
- }
2881
- .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,
2882
- .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,
2883
- .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,
2884
- .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,
2885
- .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,
2886
- .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,
2887
- .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,
2888
- .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,
2889
- .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,
2890
- .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,
2891
- .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,
2892
- .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,
2893
- .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,
2894
- .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,
2895
- .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 {
2896
- padding: 0 6px;
2897
- }
2898
- .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,
2899
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2900
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2901
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2902
- .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2903
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2904
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2905
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2906
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2907
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2908
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2909
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2910
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2911
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2912
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret {
2913
- font-size: 14px;
2914
- line-height: 14px;
2915
- padding: 0 11px 0 0;
2916
- margin: 0;
2917
- }
2918
-
2919
- .e-ribbon-vertical-center.e-dropdown-popup,
2920
- .e-ribbon-group-overflow-ddb.e-dropdown-popup {
2921
- border-radius: 4px;
2922
- }
2923
- .e-ribbon-vertical-center.e-ribbon-filemenu.e-dropdown-popup,
2924
- .e-ribbon-group-overflow-ddb.e-ribbon-filemenu.e-dropdown-popup {
2925
- border-radius: 4px;
2926
- }
2927
-
2928
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header,
2929
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
2930
- font-size: 14px;
2931
- line-height: 20px;
2932
- height: 40px;
2933
- }
2934
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret,
2935
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret {
2936
- font-size: 16px;
2937
- }
2938
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group,
2939
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group {
2940
- height: 40px;
2941
- }
2942
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item,
2943
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
2944
- height: 40px;
2945
- }
2946
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon,
2947
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
2948
- font-size: 16px;
2949
- }
2950
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
2951
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
2952
- margin: 0;
2953
- }
2954
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper),
2955
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper) {
2956
- -webkit-box-align: center;
2957
- -ms-flex-align: center;
2958
- align-items: center;
2959
- }
2960
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2961
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
2962
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2963
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2964
- font-size: 16px;
2965
- }
2966
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
2967
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
2968
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
2969
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
2970
- margin: 3px 7px;
2971
- }
2972
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
2973
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
2974
- margin: 8px 0 8px 6px;
2975
- padding: 0;
2976
- }
2977
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-overflow-header,
2978
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-overflow-header {
2979
- padding: 10px 0 10px 8px;
2980
- }
2981
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2982
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
2983
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2984
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2985
- margin-left: 44px;
2986
- }
2987
- .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,
2988
- .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 {
2989
- padding: 12px 12px 12px 10px;
2990
- }
2991
- .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)),
2992
- .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)) {
2993
- padding-left: 44px;
2994
- }
2995
- .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,
2996
- .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,
2997
- .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 {
2998
- margin-left: 44px;
2999
- }
3000
- .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,
3001
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
3002
- .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,
3003
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
3004
- padding: 0 12px;
3005
- }
3006
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-overflow-header,
3007
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-overflow-header {
3008
- padding: 10px 8px 10px 0;
3009
- }
3010
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
3011
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
3012
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
3013
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
3014
- margin-right: 44px;
3015
- }
3016
- .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,
3017
- .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 {
3018
- padding: 12px 10px 12px 12px;
3019
- }
3020
- .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)),
3021
- .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)) {
3022
- padding-right: 44px;
3023
- }
3024
- .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,
3025
- .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,
3026
- .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 {
3027
- margin-right: 44px;
3028
- }
3029
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
3030
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
3031
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
3032
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
3033
- padding: 0 12px;
3034
- }
3035
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
3036
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
3037
- margin: 8px 6px 8px 0;
3038
- }
3039
-
3040
- .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
3041
- font-size: 16px;
3042
- height: 40px;
3043
- }
3044
- .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
3045
- font-size: 20px;
3046
- line-height: 20px;
3047
- }
3048
-
3049
- .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
3050
- .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
3051
- .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
3052
- .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
3053
- padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
3054
- }
3055
-
3056
- .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
3057
- height: 48px;
3058
- line-height: 48px;
3059
- }
3060
- .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn .e-btn-icon {
3061
- font-size: 16px;
3062
- line-height: 16px;
3063
- padding: 16px 16px 16px 20px;
3064
- }
3065
-
3066
- .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),
3067
- .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),
3068
- .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),
3069
- .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) {
3070
- height: 44px;
3071
- }
3072
- .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,
3073
- .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,
3074
- .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,
3075
- .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 {
3076
- font-size: 16px;
3077
- line-height: 16px;
3078
- padding: 14px 12px 14px 15px;
3079
- }
3080
- .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,
3081
- .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,
3082
- .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,
3083
- .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 {
3084
- padding-left: 43px !important; /* stylelint-disable-line declaration-no-important */
3085
- }
3086
-
3087
- .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button,
3088
- .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button {
3089
- padding: 4px 10px;
3090
- }
3091
- .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon,
3092
- .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon {
3093
- font-size: 18px;
3094
- line-height: 18px;
3095
- margin: 11px;
3096
- }
3097
- .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
3098
- .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
3099
- padding: 0;
3100
- }
3101
- .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button,
3102
- .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button {
3103
- font-size: 16px;
3104
- }
3105
- .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn),
3106
- .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn) {
3107
- padding: 0 12px 0 0;
3108
- }
3109
-
3110
- .e-bigger.e-ribbon-gallery-popup.e-popup,
3111
- .e-bigger .e-ribbon-gallery-popup.e-popup,
3112
- .e-bigger.e-ribbon-gallery-dropdown.e-popup,
3113
- .e-bigger .e-ribbon-gallery-dropdown.e-popup {
3114
- padding: 9px 16px 16px;
3115
- }
3116
- .e-bigger.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
3117
- .e-bigger .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
3118
- .e-bigger.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-header,
3119
- .e-bigger .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-header {
3120
- font-size: 16px;
3121
- line-height: 20px;
3122
- padding: 9px 0 11px 16px;
3123
- }
3124
-
3125
- .e-bigger.e-ribbon-keytip,
3126
- .e-bigger .e-ribbon-keytip {
3127
- font-size: 16px;
3128
- line-height: 22px;
3129
- min-width: 24px;
3130
- height: 24px;
3131
- }
3132
-
3133
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
3134
- border-color: var(--color-sf-ribbon-border-color);
3135
- background: var(--color-sf-content-bg-color-alt2);
3136
- }
3137
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-ribbon-contextual-tab {
3138
- background: var(--color-sf-primary-lighter);
3139
- }
3140
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-ribbon-contextual-tab .e-tab-wrap .e-tab-text {
3141
- color: var(--color-sf-content-text-color);
3142
- }
3143
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
3144
- color: var(--color-sf-content-text-color-alt2);
3145
- }
3146
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
3147
- color: var(--color-sf-content-text-color-alt2);
3148
- }
3149
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
3150
- color: var(--color-sf-content-text-color);
3151
- }
3152
- .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-indicator {
3153
- background: var(--color-sf-primary-label-color);
3154
- }
3155
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav {
3156
- border-color: var(--color-sf-border);
3157
- background: var(--color-sf-content-bg-color-alt1);
3158
- }
3159
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
3160
- color: var(--color-sf-icon-color);
3161
- }
3162
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:hover {
3163
- border-color: var(--color-sf-border);
3164
- background: var(--color-sf-content-bg-color-hover);
3165
- }
3166
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:hover .e-nav-arrow {
3167
- color: var(--color-sf-icon-color);
3168
- }
3169
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:active {
3170
- border-color: var(--color-sf-border);
3171
- background: var(--color-sf-content-bg-color-pressed);
3172
- }
3173
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:active .e-nav-arrow {
3174
- color: var(--color-sf-icon-color);
3175
- }
3176
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:focus {
3177
- border-color: var(--color-sf-border);
3178
- background: var(--color-sf-content-bg-color-pressed);
3179
- }
3180
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:focus .e-nav-arrow {
3181
- color: var(--color-sf-icon-color);
3182
- }
3183
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
3184
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
3185
- background: var(--color-sf-content-bg-color-alt2);
3186
- color: var(--color-sf-content-text-color-alt2);
3187
- border-color: var(--color-sf-ribbon-border-color);
3188
- }
3189
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active,
3190
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active {
3191
- color: var(--color-sf-primary-text-color);
3192
- background: var(--color-sf-primary);
3193
- }
3194
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu:hover:not(.e-active),
3195
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:hover:not(.e-active) {
3196
- color: var(--color-sf-content-text-color-alt2);
3197
- }
3198
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu:focus-visible,
3199
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:focus-visible {
3200
- color: var(--color-sf-content-text-color-alt2);
3201
- }
3202
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
3203
- border-color: var(--color-sf-ribbon-border-color);
3204
- background: var(--color-sf-content-bg-color-alt2);
3205
- }
3206
- .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-template:focus-visible {
3207
- background: transparent;
3208
- color: var(--color-sf-primary-label-color);
3209
- border-color: unset;
3210
- }
3211
- .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-tab-wrap:focus .e-tab-text {
3212
- color: var(--color-sf-content-text-color-alt2);
3213
- }
3214
- .e-ribbon.e-rbn .e-ribbon-collapse-btn {
3215
- background: var(--color-sf-content-bg-color-alt1);
3216
- color: var(--color-sf-icon-color);
3217
- border-color: transparent;
3218
- }
3219
- .e-ribbon.e-rbn .e-ribbon-collapse-btn:hover, .e-ribbon.e-rbn .e-ribbon-collapse-btn:focus-visible {
3220
- background: transparent;
3221
- color: var(--color-sf-icon-color);
3222
- border-color: unset;
3223
- }
3224
-
3225
- .e-ribbon-backstage-popup {
3226
- -webkit-box-shadow: none;
3227
- box-shadow: none;
3228
- }
3229
- .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper {
3230
- background: var(--color-sf-primary);
3231
- }
3232
- .e-ribbon-backstage-popup .e-btn {
3233
- background: var(--color-sf-primary);
3234
- color: var(--color-sf-primary-text-color);
3235
- font-weight: 600;
3236
- }
3237
- .e-ribbon-backstage-popup .e-btn:focus {
3238
- background: var(--color-sf-primary-darker);
3239
- color: var(--color-sf-primary-text-color);
3240
- border-color: unset;
3241
- }
3242
- .e-ribbon-backstage-popup .e-btn:hover {
3243
- background: var(--color-sf-primary-dark);
3244
- color: var(--color-sf-primary-text-color);
3245
- border-color: unset;
3246
- }
3247
- .e-ribbon-backstage-popup .e-btn:hover:focus {
3248
- background: var(--color-sf-primary-darker);
3249
- color: var(--color-sf-primary-text-color);
3250
- border-color: unset;
3251
- }
3252
- .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) {
3253
- background: var(--color-sf-primary);
3254
- }
3255
- .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 {
3256
- background: var(--color-sf-primary);
3257
- }
3258
- .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 {
3259
- color: var(--color-sf-primary-text-color);
3260
- }
3261
- .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 {
3262
- color: var(--color-sf-primary-text-color);
3263
- }
3264
- .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 {
3265
- background: var(--color-sf-primary-text-color);
3266
- }
3267
- .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 {
3268
- background: var(--color-sf-primary-darker);
3269
- color: var(--color-sf-primary-text-color);
3270
- border-color: unset;
3271
- }
3272
- .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 {
3273
- color: var(--color-sf-primary-text-color);
3274
- }
3275
- .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 {
3276
- background: var(--color-sf-primary-dark);
3277
- color: var(--color-sf-primary-text-color);
3278
- border-color: unset;
3279
- }
3280
- .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 {
3281
- color: var(--color-sf-primary-text-color);
3282
- }
3283
- .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 {
3284
- background: var(--color-sf-primary-darker);
3285
- color: var(--color-sf-primary-text-color);
3286
- border-color: unset;
3287
- }
3288
- .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 {
3289
- color: var(--color-sf-primary-text-color);
3290
- }
3291
- .e-ribbon-backstage-popup .e-ribbon-backstage-template,
3292
- .e-ribbon-backstage-popup .e-ribbon-backstage-content {
3293
- background: var(--color-sf-content-bg-color-alt1);
3294
- }
3295
-
3296
- .e-ribbon.e-rbn,
3297
- .e-ribbon-group-overflow-ddb {
3298
- background: var(--color-sf-content-bg-color-alt1);
3299
- border-color: var(--color-sf-ribbon-border-color);
3300
- }
3301
- .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper .e-label,
3302
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper .e-label {
3303
- color: var(--color-sf-content-text-color);
3304
- }
3305
- .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper.e-checkbox-disabled .e-label,
3306
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper.e-checkbox-disabled .e-label {
3307
- color: var(--color-sf-icon-color-disabled);
3308
- }
3309
- .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,
3310
- .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-hover,
3311
- .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-open,
3312
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-hover,
3313
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-open,
3314
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-hover,
3315
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-open {
3316
- border-color: var(--color-sf-content-bg-color-hover);
3317
- }
3318
- .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-vertical:hover .e-split-btn:not(:hover),
3319
- .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-vertical:hover .e-split-btn:not(:hover) {
3320
- border-color: transparent;
3321
- }
3322
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled,
3323
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
3324
- border-color: transparent;
3325
- }
3326
- .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
3327
- .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container) {
3328
- border-color: var(--color-sf-border);
3329
- background: transparent;
3330
- }
3331
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
3332
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
3333
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
3334
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn,
3335
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
3336
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
3337
- .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),
3338
- .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),
3339
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
3340
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
3341
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
3342
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
3343
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
3344
- .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),
3345
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn,
3346
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
3347
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
3348
- .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),
3349
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn,
3350
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu),
3351
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
3352
- .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),
3353
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn {
3354
- background: transparent;
3355
- color: var(--color-sf-content-text-color);
3356
- border-color: transparent;
3357
- }
3358
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
3359
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
3360
- .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,
3361
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
3362
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
3363
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
3364
- .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,
3365
- .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,
3366
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
3367
- .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,
3368
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
3369
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
3370
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
3371
- .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,
3372
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
3373
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
3374
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
3375
- .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,
3376
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn .e-btn-icon,
3377
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
3378
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
3379
- .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,
3380
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon {
3381
- color: var(--color-sf-icon-color);
3382
- }
3383
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
3384
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
3385
- .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,
3386
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover,
3387
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
3388
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
3389
- .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,
3390
- .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,
3391
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
3392
- .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,
3393
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover,
3394
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
3395
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
3396
- .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,
3397
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover,
3398
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
3399
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
3400
- .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,
3401
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover,
3402
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover,
3403
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
3404
- .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,
3405
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover {
3406
- background: var(--color-sf-content-bg-color-hover);
3407
- color: var(--color-sf-content-text-color);
3408
- border-color: unset;
3409
- }
3410
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
3411
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
3412
- .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,
3413
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
3414
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
3415
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
3416
- .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,
3417
- .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,
3418
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
3419
- .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,
3420
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
3421
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
3422
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
3423
- .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,
3424
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
3425
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
3426
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
3427
- .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,
3428
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
3429
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
3430
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
3431
- .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,
3432
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon {
3433
- color: var(--color-sf-toolbar-icon-color);
3434
- }
3435
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
3436
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
3437
- .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,
3438
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active,
3439
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
3440
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
3441
- .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,
3442
- .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,
3443
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
3444
- .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,
3445
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active,
3446
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
3447
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
3448
- .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,
3449
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active,
3450
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
3451
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
3452
- .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,
3453
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active,
3454
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
3455
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
3456
- .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,
3457
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active {
3458
- background: var(--color-sf-content-bg-color-selected);
3459
- color: var(--color-sf-content-text-color);
3460
- }
3461
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
3462
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
3463
- .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,
3464
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
3465
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
3466
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
3467
- .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,
3468
- .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,
3469
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
3470
- .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,
3471
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
3472
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
3473
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
3474
- .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,
3475
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
3476
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
3477
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
3478
- .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,
3479
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
3480
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
3481
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
3482
- .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,
3483
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon {
3484
- color: var(--color-sf-toolbar-icon-color);
3485
- }
3486
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
3487
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
3488
- .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,
3489
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active,
3490
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
3491
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
3492
- .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,
3493
- .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,
3494
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
3495
- .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,
3496
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active,
3497
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
3498
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
3499
- .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,
3500
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active,
3501
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
3502
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
3503
- .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,
3504
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active,
3505
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active,
3506
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
3507
- .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,
3508
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active {
3509
- background: var(--color-sf-content-bg-color-pressed);
3510
- color: var(--color-sf-content-text-color);
3511
- }
3512
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
3513
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
3514
- .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,
3515
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
3516
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
3517
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
3518
- .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,
3519
- .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,
3520
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
3521
- .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,
3522
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
3523
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
3524
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
3525
- .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,
3526
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
3527
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
3528
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
3529
- .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,
3530
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
3531
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
3532
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
3533
- .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,
3534
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon {
3535
- color: var(--color-sf-toolbar-icon-color);
3536
- }
3537
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
3538
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
3539
- .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,
3540
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
3541
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
3542
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
3543
- .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,
3544
- .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,
3545
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
3546
- .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,
3547
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible,
3548
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
3549
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
3550
- .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,
3551
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
3552
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
3553
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
3554
- .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,
3555
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible,
3556
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
3557
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
3558
- .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,
3559
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible {
3560
- background: transparent;
3561
- color: var(--color-sf-content-text-color);
3562
- border-color: unset;
3563
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3564
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3565
- }
3566
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
3567
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
3568
- .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,
3569
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
3570
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
3571
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
3572
- .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,
3573
- .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,
3574
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
3575
- .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,
3576
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
3577
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
3578
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
3579
- .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,
3580
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
3581
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
3582
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
3583
- .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,
3584
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
3585
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
3586
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
3587
- .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,
3588
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon {
3589
- color: var(--color-sf-primary-label-color);
3590
- }
3591
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
3592
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
3593
- .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,
3594
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled,
3595
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
3596
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
3597
- .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,
3598
- .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,
3599
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
3600
- .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,
3601
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled,
3602
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
3603
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
3604
- .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,
3605
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled,
3606
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
3607
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
3608
- .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,
3609
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled,
3610
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
3611
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
3612
- .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,
3613
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled {
3614
- color: var(--color-sf-icon-color-disabled);
3615
- }
3616
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
3617
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
3618
- .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,
3619
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
3620
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
3621
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
3622
- .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,
3623
- .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,
3624
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
3625
- .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,
3626
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
3627
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
3628
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
3629
- .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,
3630
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
3631
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
3632
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
3633
- .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,
3634
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
3635
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
3636
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
3637
- .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,
3638
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon {
3639
- color: var(--color-sf-icon-color-disabled);
3640
- }
3641
- .e-ribbon.e-rbn .e-ribbon-group-header,
3642
- .e-ribbon-group-overflow-ddb .e-ribbon-group-header {
3643
- color: var(--color-sf-content-text-color);
3644
- }
3645
- .e-ribbon.e-rbn .e-ribbon-launcher-icon,
3646
- .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
3647
- border-color: transparent;
3648
- }
3649
- .e-ribbon.e-rbn .e-ribbon-launcher-icon:hover, .e-ribbon.e-rbn .e-ribbon-launcher-icon:focus-visible,
3650
- .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon:hover,
3651
- .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon:focus-visible {
3652
- background: transparent;
3653
- color: var(--color-sf-icon-color);
3654
- border-color: unset;
3655
- }
3656
- .e-ribbon.e-rbn .e-input-group,
3657
- .e-ribbon-group-overflow-ddb .e-input-group {
3658
- border-color: var(--color-sf-border);
3659
- background: var(--color-sf-content-bg-color-alt1);
3660
- }
3661
- .e-ribbon.e-rbn .e-input-group input.e-input,
3662
- .e-ribbon-group-overflow-ddb .e-input-group input.e-input {
3663
- color: var(--color-sf-content-text-color);
3664
- }
3665
- .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
3666
- .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
3667
- color: var(--color-sf-icon-color);
3668
- }
3669
- .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon:hover,
3670
- .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon:hover {
3671
- background: var(--color-sf-content-bg-color-hover);
3672
- color: var(--color-sf-content-text-color);
3673
- }
3674
- .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,
3675
- .e-ribbon-group-overflow-ddb .e-input-group.e-disabled,
3676
- .e-ribbon-group-overflow-ddb .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled {
3677
- border-color: var(--color-sf-icon-color-disabled);
3678
- }
3679
- .e-ribbon.e-rbn .e-ribbon-group::after,
3680
- .e-ribbon-group-overflow-ddb .e-ribbon-group::after {
3681
- border-color: var(--color-sf-border-dark);
3682
- }
3683
-
3684
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-combobox-label,
3685
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-colorpicker-label {
3686
- color: var(--color-sf-content-text-color);
3687
- }
3688
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-template:focus-visible {
3689
- background: transparent;
3690
- color: var(--color-sf-primary-label-color);
3691
- border-color: unset;
3692
- }
3693
-
3694
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn,
3695
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn,
3696
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn,
3697
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn {
3698
- background: transparent;
3699
- }
3700
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
3701
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
3702
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
3703
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:hover {
3704
- background: var(--color-sf-content-bg-color-hover);
3705
- }
3706
- .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,
3707
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
3708
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:active,
3709
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
3710
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:active,
3711
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
3712
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:active {
3713
- background: var(--color-sf-content-bg-color-selected);
3714
- }
3715
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
3716
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
3717
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
3718
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:focus {
3719
- background: transparent;
3720
- }
3721
-
3722
- .e-ribbon-file-menu.e-dropdown-popup,
3723
- .e-ribbon-vertical-center.e-dropdown-popup,
3724
- .e-ribbon-group-overflow-ddb.e-dropdown-popup,
3725
- .e-ribbon-dropdown-group-button.e-dropdown-popup {
3726
- background: var(--color-sf-flyout-bg-color);
3727
- -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
3728
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
3729
- border-color: transparent;
3730
- }
3731
- .e-ribbon-file-menu.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
3732
- .e-ribbon-file-menu.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
3733
- .e-ribbon-file-menu.e-dropdown-popup .e-ribbon-group-of-btn,
3734
- .e-ribbon-vertical-center.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
3735
- .e-ribbon-vertical-center.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
3736
- .e-ribbon-vertical-center.e-dropdown-popup .e-ribbon-group-of-btn,
3737
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
3738
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
3739
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-ribbon-group-of-btn,
3740
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
3741
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
3742
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-ribbon-group-of-btn {
3743
- background: transparent;
3744
- }
3745
-
3746
- .e-ribbon-gallery-button {
3747
- border-color: var(--color-sf-border);
3748
- background: transparent;
3749
- color: var(--color-sf-icon-color);
3750
- }
3751
- .e-ribbon-gallery-button.e-gallery-button-active {
3752
- background: var(--color-sf-content-bg-color-selected);
3753
- color: var(--color-sf-icon-color);
3754
- }
3755
-
3756
- .e-ribbon-gallery-item {
3757
- background: transparent;
3758
- border-color: transparent;
3759
- }
3760
- .e-ribbon-gallery-item .e-ribbon-gallery-text {
3761
- color: var(--color-sf-content-text-color);
3762
- }
3763
- .e-ribbon-gallery-item .e-ribbon-gallery-icons {
3764
- color: var(--color-sf-icon-color);
3765
- }
3766
-
3767
- .e-ribbon-gallery-popup.e-popup,
3768
- .e-dropdown-popup.e-ribbon-gallery-dropdown {
3769
- background: var(--color-sf-content-bg-color-alt1);
3770
- -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
3771
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
3772
- }
3773
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
3774
- .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-header {
3775
- color: var(--color-sf-content-text-color);
3776
- }
3777
-
3778
- .e-ribbon-gallery-wrapper .e-ribbon-gallery-item:hover,
3779
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item:hover,
3780
- .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item:hover {
3781
- background: var(--color-sf-content-bg-color-hover);
3782
- }
3783
- .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-ribbon-gallery-selected,
3784
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-ribbon-gallery-selected,
3785
- .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-ribbon-gallery-selected {
3786
- background: var(--color-sf-content-bg-color-selected);
3787
- }
3788
- .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-text,
3789
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-text,
3790
- .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-text {
3791
- color: var(--color-sf-content-text-color);
3792
- }
3793
- .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-icons,
3794
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-icons,
3795
- .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-icons {
3796
- color: var(--color-sf-icon-color);
3797
- }
3798
- .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-disabled,
3799
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-disabled,
3800
- .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-disabled {
3801
- background: var(--color-sf-content-bg-color);
3802
- }
3803
- .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-text,
3804
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-text,
3805
- .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-text {
3806
- color: var(--color-sf-content-text-color-disabled);
3807
- }
3808
- .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-icons,
3809
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-icons,
3810
- .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-icons {
3811
- color: var(--color-sf-content-text-color-disabled);
3812
- }
3813
- .e-ribbon-gallery-wrapper .e-ribbon-gallery-item:focus, .e-ribbon-gallery-wrapper .e-ribbon-gallery-item:focus-visible,
3814
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item:focus,
3815
- .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item:focus-visible,
3816
- .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item:focus,
3817
- .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item:focus-visible {
3818
- border-color: var(--color-sf-border);
3819
- }
3820
-
3821
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-icon {
3822
- color: var(--color-sf-icon-color);
3823
- }
3824
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button {
3825
- color: var(--color-sf-content-text-color);
3826
- background: var(--color-sf-content-text-color);
3827
- }
3828
- .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 {
3829
- background: var(--color-sf-content-bg-color-hover);
3830
- }
3831
- .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 {
3832
- color: var(--color-sf-icon-color);
3833
- }
3834
- .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 {
3835
- background: var(--color-sf-content-bg-color-hover);
3836
- color: var(--color-sf-content-text-color);
3837
- }
3838
- .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 {
3839
- color: var(--color-sf-icon-color);
3840
- }
3841
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active {
3842
- background: var(--color-sf-content-bg-color-selected);
3843
- }
3844
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active .e-btn-icon {
3845
- color: var(--color-sf-icon-color);
3846
- }
3847
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active {
3848
- background: var(--color-sf-content-bg-color-selected);
3849
- color: var(--color-sf-content-text-color);
3850
- }
3851
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
3852
- color: var(--color-sf-icon-color);
3853
- }
3854
- .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 {
3855
- background: var(--color-sf-content-bg-color-pressed);
3856
- }
3857
- .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 {
3858
- color: var(--color-sf-icon-color);
3859
- }
3860
-
3861
- .e-ribbon-tooltip.e-tooltip-wrap.e-popup {
3862
- background: var(--color-sf-tooltip-bg-color);
3863
- }
3864
- .e-ribbon-tooltip.e-tooltip-wrap .e-tip-content {
3865
- color: #242424;
3866
- }
3867
- .e-ribbon-tooltip.e-tooltip-wrap .e-arrow-tip .e-arrow-tip-inner.e-tip-top {
3868
- color: var(--color-sf-tooltip-bg-color);
3869
- }
3870
-
3871
- .e-ribbon-keytip {
3872
- background-color: #242424;
3873
- color: var(--color-sf-tooltip-bg-color);
3874
- }
3875
-
3876
- .e-ribbon-menu.e-menu-wrapper:not(.e-menu-popup), .e-ribbon-menu.e-menu-container:not(.e-menu-popup) {
3877
- background: var(--color-sf-flyout-bg-color);
3878
- }
3879
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
3880
- border-color: unset;
3881
- background: var(--color-sf-flyout-bg-color);
3882
- }
3883
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
3884
- color: var(--color-sf-content-text-color);
3885
- }
3886
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
3887
- .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,
3888
- .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-caret {
3889
- color: var(--color-sf-content-text-color-alt2);
3890
- }
3891
- .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 {
3892
- background: var(--color-sf-flyout-bg-color-focus);
3893
- color: var(--color-sf-flyout-text-color-focus);
3894
- }
1
+ @import '@syncfusion/ej2-ribbon/styles/ribbon/fluent2.css';