@syncfusion/ej2-angular-ribbon 24.1.41 → 24.1.44-ngcc

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